[data-role=iconify]{z-index:1;width:58px;height:58px;position:fixed;bottom:16px;right:16px;& img{max-width:100%;height:auto}}body.dialog-is-open{overflow:hidden}:is(.chrome,.edge) body.dialog-is-open{margin-left:-9px}dialog[role=modal]{opacity:0;scroll-behavior:smooth;--card-p:3rem;--card-fs:.95rem;background:#000000d9;border:0;justify-content:center;align-items:flex-start;width:100%;height:100%;display:none;position:fixed;inset:0;overflow:auto;&.align-items-center{align-items:center}&[open]{opacity:1;z-index:1;display:flex}& .popup{box-sizing:border-box;color:var(--color-base-content);background-color:var(--color-base-100);border-radius:var(--border-radius,10px);width:min(var(--width),90vw);opacity:0;margin:2em 0;font-size:clamp(14px,4cqw,16px);position:relative;box-shadow:10px 10px 26px -12px #000000bf;& main{& .dialog{&>*{margin-top:1.75em}&>:first-child{margin-top:0}}}& footer{font-size:14px}& .ux-icon-close{cursor:pointer;& svg{aspect-ratio:1;pointer-events:none;width:16px;fill:var(--color-base-content);transition:all .3s}&:hover svg{transform:rotate(90deg)}}}& .ux-icon-close{aspect-ratio:1;width:18px;position:absolute;top:12px;right:10px}}@keyframes dialog_fade_in{0%{opacity:0}to{opacity:1}}@keyframes dialog_fade_out{0%{opacity:1}to{opacity:0}}@media screen and (width<=720px){&.align-items-center{align-items:flex-start}dialog[role=modal]{& .popup{width:min(var(--width),94%);margin:1em 0;&.small{width:min(var(--width),94%)}}}}[data-id=user-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=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}}}}}:root{&.mobile-menu-is-open{& [data-id=user-toolbar]{pointer-events:none;animation-name:animate-fade-out;animation-duration:.8s;animation-delay:0s;animation-fill-mode:both}}}@layer base{:focus-visible{outline:0}}@layer theme{:root{--default-font-family:"8columns","anuphan","poppins","tahoma","sans-serif";--focus-outline-color:var(--color-neutral-400);--light-bg-color:var(--color-base-100);--light-card-bg-color:var(--color-base-100);--light-header-color:#111;--light-title-color:#111;--light-text-color:var(--color-base-content);--light-icon-color:var(--color-primary);--light-link-color:#f90;--bg-color:var(--color-base-100);--outline-color:var(--color-base-300);--divider-color:var(--color-base-300);--light-outline-color:var(--color-base-300);--light-divider-color:var(--color-base-300);--light-color:var(--color-base-300);--context-menu-bg-color:var(--color-base-100);--context-menu-hover-color:var(--color-base-200);--context-menu-outline-color:var(--outline-color);--context-menu-divider-color:var(--color-base-300);--dark-bg-color:var(--color-base-100);--dark-card-bg-color:#ffffff06;--dark-header-color:#fff;--dark-title-color:#fff;--dark-text-color:var(--color-base-content);--dark-icon-color:var(--color-primary);--dark-link-color:#f90;--dark-outline-color:var(--color-base-300);--dark-divider-color:#0000004d;--dark-color:var(--color-base-300)}:root[data-theme=dark]{--outline-color:var(--color-base-300);--divider-color:var(--color-base-300);--context-menu-divider-color:#0000004d}}@layer animations{.animate-spin{animation-name:animate-spin-180;animation-duration:.6s;animation-timing-function:linear;animation-fill-mode:both}.animate-spin-infinite{animation-name:animate-spin-360;animation-duration:3.25s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.animate-fade-out{animation-name:animation-fade-out;animation-duration:.5s;animation-fill-mode:both}.animate-fade-in{animation-name:animation-fade-in;animation-duration:.5s;animation-fill-mode:both}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}@keyframes animate-fade-out{0%{opacity:1}to{opacity:0}}@keyframes animate-spin-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate-spin-180{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes animate-slide-in-from-left{0%{transform:translate(-110%)}to{transform:translate(0)}}}@layer dialogs{dialog[data-id=message-dlg]{& .popup{& .card-body{font-size:16px;& img{aspect-ratio:1;object-fit:cover;border-radius:5px}}}}dialog[data-id=confirm-dlg]{& .popup{& .card-body{font-size:16px;& img{aspect-ratio:1;object-fit:cover;border-radius:5px}}}}dialog[data-id=youtube-short-overlay-dlg]{& .popup{background-color:#000!important;border-radius:0!important;& .card-body{padding:0;& placeholder{aspect-ratio:9/16;background-color:#000;& .loading{width:32px}}}& .ux-icon-close{background:#333;border-radius:50%;padding:4px;width:auto!important;top:-10px!important;right:-10px!important;& svg{fill:#fff!important;width:18px!important}}}}dialog[data-id=youtube-overlay-dlg]{& .popup{background-color:#000!important;border-radius:0!important;& .card-body{padding:0;& placeholder{aspect-ratio:16/9;background-color:#000;& .loading{width:32px}}}& .ux-icon-close{background:#333;border-radius:50%;padding:4px;width:auto!important;top:-10px!important;right:-10px!important;& svg{fill:#fff!important;width:18px!important}}}}dialog[data-id=vimeo-overlay-dlg]{& .popup{background-color:#000!important;border-radius:0!important;& .card-body{padding:0;& placeholder{aspect-ratio:16/9;background-color:#000;& .loading{width:32px}}}& .ux-icon-close{background:#333;border-radius:50%;padding:4px;width:auto!important;top:-11px!important;right:-12px!important;& svg{fill:#fff!important;width:17px!important}}}}dialog[data-id=select-sku-dlg]{& .items{& .item{cursor:pointer;user-select:none;&>*{pointer-events:none}& .currency-unit{font-size:.75rem}& p{flex-grow:0;line-height:1.25rem}& [data-name=sub_title]{font-size:.8rem}& [data-name=selling-price]{font-size:1.2rem}&>div:last-child{& p:last-child{text-align:right;font-size:.9rem}}}}}}@layer utilities{:root:not([data-theme=dark]){& .hide-on-light{display:none!important}}:root[data-theme=dark]{& .hide-on-dark{display:none!important}}:root[data-mode=edit]{& .hide-on-edit{display:none!important}}:root:not([data-mode=edit]){& .hide-on-live{display:none!important}}.hidden{display:none!important}}@layer my-components{:root{scrollbar-width:thin;scrollbar-gutter:stable;&:has(.pswp--open){scrollbar-width:none}}body{min-height:100vh;&:has(.pswp--open){overflow:hidden}}.hilight{background-color:#ff0}a{color:var(--light-link-color);text-decoration:underline;&.btn{text-decoration:none}}.btn{& i{pointer-events:none}}.x-drag-handler,.drag-handler,.color-settings{& svg{opacity:.45}}[contenteditable=true]{& a{cursor:pointer}}[data-role=card]{outline:1px solid var(--outline-color);padding:1.5rem}placeholder{background-color:var(--color-base-300);aspect-ratio:var(--aspect-ratio);width:var(--width,auto);height:var(--height,auto);max-width:100%;display:grid;position:relative;& a{position:relative}&[data-role=bg-container]{&.ready:not([data-href=""]){background-color:#0000}}&[data-role=photo]{& a{display:block;position:absolute;inset:0}}& img{object-fit:cover}& .badge{pointer-events:none;opacity:0;background-color:var(--color-base-200);color:var(--text-base-content);outline:1px solid var(--outline-color);transition:opacity .6s;position:absolute;top:10px;left:10px;display:none!important}& span.loading{background-color:var(--color-base-content);opacity:1;pointer-events:none;color:var(--color-neutral-500);transition:opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& [data-id=logo]{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& :is(img,iframe,video,.map-container){opacity:0;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0;&.loading{&+span.loading{animation-name:animate-fade-in;animation-duration:.3s;animation-timing-function:linear;animation-fill-mode:both}}}&.ready{& .loading{opacity:0}&:has(img:not([src=""])){background-color:#0000;& [data-id=logo]{display:none}}&:has(iframe:not([src=""])){background-color:#0000;& iframe{opacity:1}& [data-id=logo]{display:none}}&:has(video:not([src=""])){background-color:#0000;& [data-id=logo]{display:none}}&:has(.slideshow){background-color:#0000;& [data-id=logo]{display:none}}&:has(.carousel){background-color:#0000;& [data-id=logo]{display:none}}& :is(img,iframe,.map-container).loaded{animation-name:animate-fade-in;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;&+span.loading{animation-name:animate-fade-out;animation-duration:.3s;animation-timing-function:linear;animation-delay:.35s;animation-fill-mode:both}}}&.uploading{&[data-role=bg-container]{--bg-image:none!important;& span.loading{animation-name:animate-fade-in;animation-duration:.3s;animation-timing-function:linear;animation-delay:.35s;animation-fill-mode:both}}& :is(img,.simpleParallax){&+span.loading{animation-name:animate-fade-in;animation-duration:.3s;animation-timing-function:linear;animation-delay:.35s;animation-fill-mode:both}}}&.is-loading{& span.loading{animation-name:animate-fade-in;animation-duration:.3s;animation-timing-function:linear;animation-delay:.35s;animation-fill-mode:both}& span[data-id=logo]{animation-name:animate-fade-out;animation-duration:.3s;animation-timing-function:linear;animation-delay:.35s;animation-fill-mode:both}}&:hover{& .badge{opacity:1}}}input[type=text]{outline:1px solid var(--outline-color);border:0;border-radius:4px;width:100%;height:auto;padding:.25rem .5rem;line-height:1.65rem;&:focus-visible{outline:1px solid var(--outline-color)}}textarea{outline:1px solid var(--outline-color);border:0;border-radius:4px;padding:.5rem}select{appearance:none;outline:1px solid var(--outline-color);background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNS43MDcxMSA5LjcxMDY5QzUuMzE2NTggMTAuMTAxMiA1LjMxNjU4IDEwLjczNDQgNS43MDcxMSAxMS4xMjQ5TDEwLjU5OTMgMTYuMDEyM0MxMS4zODA1IDE2Ljc5MjcgMTIuNjQ2MyAxNi43OTI0IDEzLjQyNzEgMTYuMDExN0wxOC4zMTc0IDExLjEyMTNDMTguNzA4IDEwLjczMDggMTguNzA4IDEwLjA5NzYgMTguMzE3NCA5LjcwNzA4QzE3LjkyNjkgOS4zMTY1NSAxNy4yOTM3IDkuMzE2NTUgMTYuOTAzMiA5LjcwNzA4TDEyLjcxNzYgMTMuODkyN0MxMi4zMjcxIDE0LjI4MzMgMTEuNjkzOSAxNC4yODMyIDExLjMwMzQgMTMuODkyN0w3LjEyMTMyIDkuNzEwNjlDNi43MzA4IDkuMzIwMTYgNi4wOTc2MyA5LjMyMDE2IDUuNzA3MTEgOS43MTA2OVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPg0KPC9zdmc+);background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;border:0;border-radius:5px;padding:.35rem .5rem;position:relative}:root[data-mode=edit]{& placeholder{& .badge{display:inline-flex!important}}}:root[data-theme=dark]{& a{color:var(--dark-link-color)}}}.input{&:focus,&:focus-within{outline-offset:0;outline-width:1px}}:root{--radius-field:.25rem}#app{flex-direction:column;min-height:100vh;display:flex;&>header{&.sticky{z-index:3;position:sticky;top:0}}&>main{flex:1}}:is(.dialog-will-open,.dialog-is-open){& #app{&>header{z-index:auto}}}
/*# sourceMappingURL=./modules/graphite/bundle/style.min.css.map */