[data-id=admin-toolbar]{background-color:var(--color-base-100);outline:1px solid var(--outline-color);border-top-right-radius:4px;border-bottom-right-radius:4px;padding-block:4px;animation-name:animate-fade-in;animation-duration:.8s;animation-delay:1s;animation-fill-mode:both;position:fixed;top:50%;transform:translateY(-50%);&>span{cursor:pointer;width:24px;height:24px;display:inline-block;& svg{transform:scale(var(--scale,1));pointer-events:none}&[data-cmd=x-view-cart]{position:relative;& span:not([data-items="0"]){background:var(--color-primary);border-radius:50%;place-items:center;width:15px;height:15px;line-height:1em;display:grid;position:absolute;top:0;right:-9px;&:after{content:attr(data-items);color:var(--color-primary-content);font-size:10px}}}&[data-cmd=view-cart]{cursor:pointer;display:none;position:relative;&[data-items]:before{content:attr(data-items);color:#fff;aspect-ratio:1;z-index:1;text-align:center;background-color:red;border-radius:50%;place-items:center;width:16px;font-size:10px;line-height:16px;display:inline-block;position:absolute;top:-2px;right:-7px}}}}:root.navbar-is-hidden{& [data-id=admin-toolbar]{&>span{&[data-cmd=view-cart]{display:inline-block}}}}:root{&.mobile-menu-is-open{& [data-id=admin-toolbar]{pointer-events:none;animation-name:animate-fade-out;animation-duration:.8s;animation-delay:0s;animation-fill-mode:both}}}@media screen and (width<=576px){[data-id=admin-toolbar]{&>span{width:32px;height:32px}}}@layer dialogs{dialog[data-id=button-size-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&.active{outline:2px solid var(--color-primary)}&>*{pointer-events:none}& i{opacity:.5}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=button-size-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=button-size-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}dialog[data-id=button-style-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&.active{outline:2px solid var(--color-primary)}&>*{pointer-events:none}& i{opacity:.5}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=button-style-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=button-style-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}:root[data-theme=light]{& dialog[data-id=email-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& input{background-color:var(--light-input-bg-color);box-shadow:inset 0 1px 1px #0000000d}}}:root[data-theme=dark]{& dialog[data-id=email-dlg]{& input{background-color:var(--dark-input-bg-color)}}}dialog[data-id=height-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&.active{outline:2px solid var(--color-primary)}&>*{pointer-events:none}& i{opacity:.5}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=height-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=height-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}[data-id=icons-dialog]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .icons{grid-template-columns:repeat(24,1fr);gap:6px;display:grid;& span{aspect-ratio:1;cursor:pointer;user-select:none;transform-origin:50%;place-content:center;width:100%;font-family:"8columns";font-size:18px;transition:all .3s;display:grid;&:hover{transform:scale(1.25)}&.focus{outline:3px solid var(--color-primary)}}}}@media screen and (width<640px){[data-id=icons-dialog]{& .icons{grid-template-columns:repeat(14,1fr)}}}@media screen and (840px>=width>640px){[data-id=icons-dialog]{& .icons{grid-template-columns:repeat(18,1fr)}}}dialog[data-id=max-width-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&.active{outline:2px solid var(--color-primary)}&>*{pointer-events:none}& i{opacity:.5}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=max-width-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=max-width-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}dialog[data-id=page-type-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&>*{pointer-events:none}& i{opacity:.5}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=page-type-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=page-type-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}:root[data-theme=light]{& dialog[data-id=phone-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& input{background-color:var(--light-input-bg-color);box-shadow:inset 0 1px 1px #0000000d}}}:root[data-theme=dark]{& dialog[data-id=phone-dlg]{& input{background-color:var(--dark-input-bg-color)}}}dialog[data-id=rows-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&.active{outline:2px solid var(--color-primary)}&>*{pointer-events:none}& i{opacity:.5}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=rows-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=rows-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}dialog[data-id=size-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&.active{outline:2px solid var(--color-primary)!important}&>*{pointer-events:none}& i{opacity:.5}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=size-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=size-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}[data-id=social-icons-dialog]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& h3{text-align:center;margin-bottom:.5em;font-size:1.2em;font-weight:600}& .icons{grid-template-columns:repeat(9,1fr);gap:6px;display:grid;& span{aspect-ratio:1;cursor:pointer;user-select:none;transform-origin:50%;border-radius:50%;place-content:center;width:100%;transition:all .3s;display:grid;position:relative;& img{pointer-events:none}&:hover{transform:scale(1.1)}&.focus{outline:3px solid var(--color-primary)}&:active{top:2px}}}}@media screen and (width<640px){[data-id=icons-dialog]{& .icons{grid-template-columns:repeat(14,1fr)}}}@media screen and (840px>=width>640px){[data-id=icons-dialog]{& .icons{grid-template-columns:repeat(18,1fr)}}}dialog[data-id=theme-color-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;outline-offset:0;border:0;width:140px;height:auto;position:relative;&.active{outline:2px solid var(--color-primary)}&>*{pointer-events:none}& i{font-size:1.25rem}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=theme-color-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=theme-color-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}dialog[data-id=timeout-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&.active{outline:2px solid var(--color-primary)}&>*{pointer-events:none}& i{opacity:.5}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=timeout-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=timeout-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}dialog[data-id=transition-dlg]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .items{& .item{aspect-ratio:4/3;cursor:pointer;user-select:none;width:140px;position:relative;&.active{outline:2px solid var(--color-primary)}&>*{pointer-events:none}& i{color:var(--color-yellow-500)}&:active{top:2px}}}}:root[data-theme=light]{& dialog[data-id=transition-dlg]{& .item{outline:1px solid var(--light-outline-color)}}}:root[data-theme=dark]{& dialog[data-id=transition-dlg]{& .item{outline:1px solid var(--dark-outline-color)}}}dialog[data-id=url-dialog]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& label{font-size:1em}& .input-wrapper{position:relative;& input{text-overflow:ellipsis;padding-right:50px}& .toolbar{gap:2px;display:flex;position:absolute;top:10px;right:6px;& span{cursor:pointer;place-content:center;width:18px;height:18px;display:grid;position:relative;& svg{pointer-events:none;width:100%;height:100%}&:active{top:2px}}}}}:root[data-theme=light]{& dialog[data-id=url-dialog]{& .input-wrapper{background-color:var(--light-input-bg-color);box-shadow:inset 0 1px 1px #0000000d}}}:root[data-theme=dark]{& dialog[data-id=url-dialog]{& .input-wrapper{background-color:var(--dark-input-bg-color)}}}[data-id=zen-editor]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .popup{padding:2rem 3rem 2.5rem!important}& main{flex-direction:column;gap:1.25rem;display:flex;& header{flex-direction:column;align-items:center;gap:.5rem;display:flex;& h3{font-family:square-sans;font-size:3rem;font-weight:700}}& footer{& button{cursor:pointer;border-radius:0}}& [data-role=field]{flex-direction:column;gap:.75rem;display:flex;& textarea{min-height:103px}}& [data-editor=text]{& .input-wrapper{position:relative;& input[type=text]{height:auto;padding-left:.5em;padding-right:2em}& span{cursor:pointer;width:15px;height:15px;display:flex;position:absolute;top:.7em;right:.5em;& svg{pointer-events:none;opacity:.5;width:100%;height:100%}&:active{transform:translateY(2px)}}}}& [data-editor=url]{& .input-wrapper{& span{& svg{color:var(--text-color)!important}}}}& [data-editor=radios]{& fieldset{line-height:1.65em}}& [data-editor=list_of_text_with_emoji]{& .items{& .item{align-items:center;gap:10px;display:flex;&>span.emoji{box-sizing:border-box;cursor:pointer;outline:1px solid var(--outline-color);border-radius:6px;width:35px;height:35px;padding:10px;display:block;& svg{pointer-events:none;width:100%;height:100%}}}}}& [data-editor=list_of_text_with_icon]{& .items{& .item{align-items:center;gap:10px;display:flex;&>span.icon{user-select:none;box-sizing:border-box;cursor:pointer;outline:1px solid var(--outline-color);width:35px;height:35px;color:var(--x-icon-color,var(--text-color));border-radius:6px;padding:10px;display:block}}}}& [data-editor=checkboxes],& [data-editor=link]{& .input-wrapper{& span[data-url]{& svg{color:var(--primary)}&[data-url=""]{& svg{color:var(--text-color);opacity:.85}}}}}& [data-editor=bank_accounts]{& fieldset{flex-direction:column;gap:1em;display:flex;& .item{gap:.65em;& mx-placeholder{cursor:pointer;border-radius:6px;width:64px}& .info{flex:1;line-height:1.15em;& span{width:100%;display:inline-block}& .account-name,& .account-no{font-size:.8em}}& .commands{gap:.15em;& span{width:15px;height:15px;color:var(--primary);cursor:pointer;&.drag-handle{cursor:grab}&.disabled{pointer-events:none;color:var(--text-color);opacity:.5}& svg{pointer-events:none}}}}}}& [data-editor=categories]{& .panel{outline:1px solid var(--outline-color);border-radius:5px;padding:1rem}& fieldset{flex-direction:column;display:flex;&>div{border-bottom:1px solid var(--divider-color);padding:.6em 0;position:relative;& .text{flex:1;line-height:1em}& .commands{align-items:center;gap:.25em;display:flex;position:absolute;top:.6em;right:0;& span{cursor:pointer;width:15px;height:15px;color:var(--primary);& svg{pointer-events:none;transform:scale(var(--scale),1)}&.disabled{color:var(--text-color);opacity:.5;pointer-events:none}&.drag-handle{cursor:grab}}}&:first-child{padding-top:0;& .commands{top:.2em}}&:last-child{border-bottom:0;padding-bottom:0}}}}& [data-editor=table]{& .panel{outline:1px solid var(--outline-color);border-radius:5px;padding:1rem}& .items{& .item{& .commands{& span{&.disabled{pointer-events:none;color:var(--text-color)}& svg{pointer-events:none}}}}}}& [data-editor=image]{& placeholder[data-role=image-editor]{outline:1px solid var(--outline-color);border-radius:5px;width:100%;& img{object-fit:contain}&+div{font-size:.825rem}}& .dropzone{margin-inline:auto;& span[data-cmd=set-alt],& span[data-cmd=set-link]{opacity:.5;color:var(--text-color)!important}&:not([data-url=""]){& span[data-cmd=set-link]{opacity:1;color:var(--primary)!important}}&:not([data-alt=""]){& span[data-cmd=set-alt]{opacity:1;color:var(--primary)!important}}& img.preview[src=""]{display:none}}}& [data-editor=video]{& .video-dropzone{max-width:var(--max-width,100%);margin-inline:auto;& span[data-cmd=set-alt],& span[data-cmd=set-link]{opacity:.5;color:var(--text-color)!important}&:not([data-url=""]){& span[data-cmd=set-link]{opacity:1;color:var(--primary)!important}}&:not([data-alt=""]){& span[data-cmd=set-alt]{opacity:1;color:var(--primary)!important}}& video.preview{max-width:100%;&[src=""]{display:none}}}}& [data-editor=meta]{display:none}& .input-wrapper{width:100%;position:relative;& div.commands{position:absolute;top:.65rem;right:.75rem;& span[data-cmd]{cursor:pointer;width:15px;height:15px;margin-inline:var(--margin,0);display:block;position:relative;& svg{color:var(--primary-500);pointer-events:none;width:100%;height:100%;transform:scale(var(--scale),1)}&.disabled{cursor:default;& svg{color:var(--text-color);opacity:.5}}&:hover{& svg{color:var(--primary-400)}}&:active{top:2px}}& span[data-cmd=edit-link]{&[data-url=""]{& svg{color:var(--text-color);opacity:.85}}}}}& [data-editor=prices]{& .panel{outline:1px solid var(--outline-color);border-radius:5px;padding:1rem}& .labels{margin-bottom:.5rem;font-size:.825rem}& .items{& .item{& span[data-cmd=select-image]{outline:1px solid var(--outline-color);cursor:pointer;border-radius:3px;place-content:center;width:32px;height:32px;display:grid;& i{pointer-events:none;color:var(--text-color);opacity:.5}&:not([data-href=""]){background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;& i{display:none}}}& input:nth-child(3),& input:nth-child(4){width:105px}& input:nth-child(5){width:114px}& div.commands{position:absolute;top:.6rem;right:0;transform:scale(.9)}& .commands{& span{&.disabled{pointer-events:none;color:var(--text-color)}& svg{pointer-events:none}}}}}}& [data-editor=promotion_rules]{& .labels{& label:first-child{width:211px}& label:nth-child(2){width:200px}& label:nth-child(3){width:195px}}& .items{& .item{& input:first-child{flex:1}& input:nth-child(2),& input:nth-child(3){width:200px}& span[data-cmd=select-gift]{outline:1px solid var(--outline-color);cursor:pointer;aspect-ratio:1;border-radius:3px;place-content:center;width:31px;height:31px;display:grid;& i{pointer-events:none;color:var(--text-color)}&[data-status=on]{& i{color:var(--primary)}}}& div.commands{top:.6em;right:5.8em;transform:scale(.9)}}}}& [data-editor=shipping_methods]{& .labels{& label:first-child{width:172px}& label:nth-child(2){width:131px}& label:nth-child(3){width:96px}& label:nth-child(4){width:93px}& label:nth-child(5){width:98px}}& .items{& .item{& input:first-child{flex:1;min-width:160px}& input:nth-child(2){width:132px}& input:nth-child(3),& input:nth-child(4){width:94px}& input:nth-child(5){width:96px}& span[data-cmd=set-cod]{outline:1px solid var(--outline-color);cursor:pointer;aspect-ratio:1;width:31px;height:31px;color:var(--text-color);border-radius:3px;place-content:center;display:grid;& i{pointer-events:none;color:var(--text-color)}&[data-status=on]{& i{color:var(--primary)}}}& div.commands{top:.6em;right:5.6em;transform:scale(.9)}}}}& label{align-items:center;gap:.325em;margin:0;font-size:1em;line-height:1.4em;display:flex}& [data-editor=image]{& .info{& .hidden{display:none}}}& [x-data-editor=color]{& span[data-cmd=select-color]{outline:1px solid var(--outline-color);cursor:pointer;background-color:var(--color,transparent);border-radius:3px;width:35px;height:35px;position:relative;& span[data-cmd=remove-color]{--color:var(--text-color);place-content:center;width:9px;height:9px;display:grid;position:absolute;top:3px;right:2px;& i{pointer-events:none;width:9px;height:9px}}}}& [data-editor=emoji]{& span[data-cmd=select-emoji]{outline:1px solid var(--outline-color);cursor:pointer;border-radius:3px;place-content:center;width:35px;height:35px;display:grid;position:relative;& span.emoji{pointer-events:none}& span[data-cmd=remove-emoji]{--color:var(--text-color);place-content:center;width:9px;height:9px;display:grid;position:absolute;top:3px;right:2px;& i{pointer-events:none;width:9px;height:9px}}}}& [data-editor=icon]{& span[data-cmd=select-icon]{outline:1px solid var(--outline-color);cursor:pointer;border-radius:3px;place-content:center;width:35px;height:35px;display:grid;position:relative;& span.icon{pointer-events:none}& span[data-cmd=remove-icon]{--color:var(--text-color);place-content:center;width:9px;height:9px;display:grid;position:absolute;top:3px;right:2px;& i{pointer-events:none;width:9px;height:9px}}}}& .pages-wrapper{padding-top:3.25rem;position:relative;& [data-role=pages]{display:grid;& [data-role=page]{grid-area:1/1;display:none;&.active{flex-direction:column;gap:1em;display:flex;& field{flex-direction:column;gap:.5rem;display:flex}}& field{margin-left:1rem;&>label{font-size:.95em}}}}& [data-role=pagination]{justify-content:center;gap:.35rem;margin-top:1rem;font-size:.65rem;display:flex;& a{color:var(--text-color);user-select:none;text-decoration:none;&.active{color:var(--primary);cursor:default;pointer-events:none}}}& .toolbar{flex-direction:row;gap:.35rem;display:flex;position:absolute;top:1rem;&.left{left:1rem}&.right{right:1rem}& span[data-cmd]{cursor:pointer;width:18px;height:18px;color:var(--primary-500);place-content:center;display:inline-grid;position:relative;& svg{pointer-events:none;width:16px;height:16px}&:active{top:2px}&:hover{& svg{color:var(--primary-400)}}&.disabled{opacity:.5;pointer-events:none;cursor:default;& svg{color:var(--text-color)}}}&.left{& span[data-cmd]{& svg{width:18px;height:18px}}}}& span[data-cmd=next],& span[data-cmd=prev]{cursor:pointer;place-content:center;width:16px;height:16px;display:inline-grid;position:absolute;top:50%;transform:translateY(-50%);& svg{color:var(--primary);pointer-events:none;width:16px;height:16px}&.disabled{cursor:default;& svg{color:var(--text-color);opacity:.5}}}& span[data-cmd=prev]{left:-28px}& span[data-cmd=next]{right:-28px}}& span.drag-handle{cursor:grab;width:15px;height:15px;& svg{color:var(--primary);pointer-events:none;width:14px;height:14px}}}}.use-upload-image{& input[type=file]{display:none}}.zen-dropzone{max-width:var(--max-width);position:relative;& input[type=file]{display:none}}:root[data-mode=edit]{& .zen-dropzone{z-index:1}}:root[data-theme=light]{& [data-id=zen-editor]{& :is(input,textarea,.input-wrapper){background-color:var(--light-input-bg-color);box-shadow:inset 0 1px 1px #0000000d}& .input-wrapper{& input{box-shadow:none;background-color:#0000}}}}:root[data-theme=dark]{& [data-id=zen-editor]{& :is(input,textarea,.input-wrapper){background-color:var(--dark-input-bg-color);box-shadow:inset 0 1px 1px #0000000d}& .input-wrapper{& input{box-shadow:none;background-color:#0000}}}}}.clr-picker{z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none;--left:-1000px;width:200px;left:var(--left);top:var(--top);direction:ltr;background-color:#fff;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";display:none;position:absolute;box-shadow:0 0 5px #0000000d,0 5px 20px #0000001a}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-picker[data-inline=true]{position:relative}.clr-gradient{cursor:pointer;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,currentColor);border-radius:3px 3px 0 0;width:100%;height:100px;margin-bottom:15px;position:relative}.clr-marker{cursor:pointer;background-color:currentColor;border:1px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px}.clr-picker input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px}.clr-picker input[type=range]::-moz-range-track{border:0;width:100%;height:16px}.clr-picker input[type=range]::-moz-range-thumb{border:0;width:16px;height:16px}.clr-hue{background-image:linear-gradient(90deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%)}.clr-hue,.clr-alpha{border-radius:4px;width:calc(100% - 40px);height:8px;margin:5px 20px;position:relative}.clr-alpha span{border-radius:inherit;background-image:linear-gradient(90deg,#0000,currentColor);width:100%;height:100%;display:block}.clr-hue input[type=range],.clr-alpha input[type=range]{opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;background-color:#0000;width:calc(100% + 32px);height:16px;margin:0;position:absolute;top:-4px;left:-16px}.clr-hue div,.clr-alpha div{pointer-events:none;background-color:currentColor;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 1px #888}.clr-alpha div:before{content:"";background-color:currentColor;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.clr-format{order:1;width:calc(100% - 40px);margin:0 20px 20px;display:none}.clr-segmented{box-sizing:border-box;color:#999;border:1px solid #ddd;border-radius:15px;width:100%;margin:0;padding:0;font-size:12px;display:flex;position:relative}.clr-segmented input,.clr-segmented legend{opacity:0;pointer-events:none;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.clr-segmented label{font-size:inherit;font-weight:400;line-height:initial;text-align:center;cursor:pointer;flex-grow:1;margin:0;padding:4px 0}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{color:#fff;background-color:#666}.clr-swatches{order:2;width:calc(100% - 32px);margin:0 16px}.clr-swatches div{flex-wrap:wrap;justify-content:center;padding-bottom:12px;display:flex}.clr-swatches button{width:20px;height:20px;color:inherit;text-indent:-1000px;white-space:nowrap;cursor:pointer;border:0;border-radius:50%;margin:0 4px 6px;padding:0;position:relative;overflow:hidden}.clr-swatches button:after{content:"";border-radius:inherit;background-color:currentColor;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #0000001a}input.clr-color{color:#444;text-align:center;width:calc(100% - 80px);height:32px;box-shadow:none;background-color:#fff;border:1px solid #ddd;border-radius:16px;order:1;margin:15px 20px 20px auto;padding:0 10px;font-family:sans-serif;font-size:14px}input.clr-color:focus{border:1px solid #1e90ff;outline:none}.clr-close,.clr-clear{color:#fff;cursor:pointer;background-color:#666;border:0;border-radius:12px;order:2;height:24px;margin:0 20px 20px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:400;display:none}.clr-close{margin:0 20px 20px auto;display:block}.clr-preview{border-radius:50%;width:32px;height:32px;margin:15px 0 20px 20px;position:relative;overflow:hidden}.clr-preview:before,.clr-preview:after{content:"";border:1px solid #fff;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.clr-preview:after{background-color:currentColor;border:0;box-shadow:inset 0 0 0 1px #0000001a}.clr-preview button{z-index:1;outline-offset:-2px;text-indent:-9999px;cursor:pointer;background-color:#0000;border:0;border-radius:50%;width:100%;height:100%;margin:0;padding:0;position:absolute;overflow:hidden}.clr-marker,.clr-hue div,.clr-alpha div,.clr-color{box-sizing:border-box}.clr-field{color:#0000;display:inline-block;position:relative}.clr-field input{direction:ltr;margin:0}.clr-field.clr-rtl input{text-align:right}.clr-field button{width:30px;height:100%;color:inherit;text-indent:-1000px;white-space:nowrap;pointer-events:none;border:0;margin:0;padding:0;position:absolute;top:50%;right:0;overflow:hidden;transform:translateY(-50%)}.clr-field.clr-rtl button{left:0;right:auto}.clr-field button:after{content:"";border-radius:inherit;background-color:currentColor;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 0 1px #00000080}.clr-alpha,.clr-alpha div,.clr-swatches button,.clr-preview:before,.clr-field button{background-image:repeating-linear-gradient(45deg,#aaa 25%,#0000 25% 75%,#aaa 75%,#aaa),repeating-linear-gradient(45deg,#aaa 25%,#fff 25% 75%,#aaa 75%,#aaa);background-position:0 0,4px 4px;background-size:8px 8px}.clr-marker:focus{outline:none}.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-segmented input:focus+label{outline:none;box-shadow:0 0 0 2px #1e90ff,0 0 2px 2px #fff}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px #ffffff4d}.clr-dark input.clr-color{color:#fff;background-color:#555;border-color:#777}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px #ffffff80}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-swatches button,.clr-dark .clr-preview:before{background-image:repeating-linear-gradient(45deg,#666 25%,#0000 25% 75%,#888 75%,#888),repeating-linear-gradient(45deg,#888 25%,#444 25% 75%,#888 75%,#888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px #0000001a,0 5px 30px #0003}.clr-picker.clr-polaroid:before{content:"";box-sizing:border-box;color:#fff;filter:drop-shadow(0 -4px 3px #0000001a);pointer-events:none;border:8px solid #0000;border-top-width:0;border-bottom:10px solid;width:16px;height:10px;display:block;position:absolute;top:-10px;left:20px}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{top:auto;bottom:-10px;transform:rotate(180deg)}.clr-polaroid .clr-gradient{border-radius:3px;width:calc(100% - 20px);height:120px;margin:10px}.clr-polaroid .clr-hue,.clr-polaroid .clr-alpha{border-radius:5px;width:calc(100% - 30px);height:10px;margin:6px 15px}.clr-polaroid .clr-hue div,.clr-polaroid .clr-alpha div{box-shadow:0 0 5px #0003}.clr-polaroid .clr-format{width:calc(100% - 20px);margin:0 10px 15px}.clr-polaroid .clr-swatches{width:calc(100% - 12px);margin:0 6px}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{width:22px;height:22px}.clr-polaroid input.clr-color{width:calc(100% - 60px);margin:10px 10px 15px auto}.clr-polaroid .clr-clear{margin:0 10px 15px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{width:22px;height:22px}.clr-picker.clr-pill{box-sizing:border-box;width:380px;padding-left:180px}.clr-pill .clr-gradient{border-radius:3px 0 0 3px;width:180px;height:100%;margin-bottom:0;position:absolute;top:0;left:0}.clr-pill .clr-hue{margin-top:20px}.clr-picker{& .buttons{order:999;justify-content:center;gap:4px;width:100%;margin-bottom:12px;display:flex;& button{margin:0}}}[data-role=medium-editor]{opacity:0;z-index:4;pointer-events:none;border-radius:.5rem;justify-content:center;align-items:center;gap:8px;padding:6px;transition:opacity .6s;display:flex;position:fixed;box-shadow:0 0 6px #00000040;& span{display:brid;cursor:pointer;user-select:none;place-content:center;width:18px;height:18px;position:relative;& svg{pointer-events:none;transform-origin:50%;width:100%;height:100%;transform:scale(var(--scale));top:var(--top,0);display:block;position:relative}&:active{top:2px}& .hidden{display:none}}&.fade-in{animation-name:medium-editor-fade-in;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:both}&.active{opacity:1;pointer-events:all}}@keyframes medium-editor-fade-in{0%{opacity:0}to{opacity:1}}[data-theme=light]{& [data-role=medium-editor]{&.active{background-color:var(--light-bg-color);outline:1px solid var(--light-outline-color)}}}[data-theme=dark]{& [data-role=medium-editor]{&.active{background-color:var(--color-base-300);outline:1px solid var(--dark-outline-color)}}}dialog[data-id=widget-dialog]{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif";& .filters{margin-inline:auto;font-size:.9em;& .filter{cursor:pointer;font-size:.95em;&.active{color:var(--color-primary)}}}& .items{& .item{display:none;& .thumbnail{aspect-ratio:720/450;outline:1px solid var(--outline-color);cursor:pointer;position:relative;& img{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;&[src=""]{display:none}}&:has(img[src=""]){background-color:var(--color-base-200)}}& .title{font-family:"8columns",anuphan,poppins,tahoma,"sans-serif"}&.active{display:block}&.hidden{display:none}&.disabled{cursor:default;pointer-events:none;& .thumbnail{filter:grayscale();opacity:.5}& p{opacity:.5}}}}& .btn{& svg{width:1rem}}}dialog[data-id=preview-dialog]{& .image-container{aspect-ratio:720/450;outline:1px solid var(--outline-color);border-radius:var(--radius-xl);width:100%;margin-top:30px;position:relative;overflow:hidden;& img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0;&[src=""]{display:none}}&:has(img[src=""]){background-color:var(--color-base-200)}}& svg{pointer-events:none;width:1em}& [data-id=description]{text-align:center;text-wrap:balance;margin-top:20px;max-width:75%;margin-inline:auto;font-size:.9em}& .card-actions{margin-top:40px}}:root[data-page=admin]{& #app{--title-font-family-th:anuphan;--title-font-family-en:poppins;--body-font-family-th:anuphan;--body-font-family-en:poppins;--default-font-family:"8columns",var(--body-font-family-th),var(--body-font-family-en),"tahoma","sans-serif";font-family:var(--default-font-family);&>main{padding:12px;&>div{flex-basis:var(--size,320px);outline:1px solid var(--outline-color);border-radius:5px;flex-grow:1;min-height:240px;& main{padding:1.5em;&>h3{margin-top:20px;font-size:.9em;font-weight:600;&+p{font-size:.75em}}}}}}}
/*# sourceMappingURL=./modules/admin/bundle/style.min.css.map */