mobile-swatch-preview{--mobile-swatch-preview-width: 250px;--mobile-swatch-preview-radius: 4px;--mobile-swatch-preview-background: #333333;--mobile-swatch-preview-text: #ffffff;--mobile-swatch-preview-ratio: 1 / 1;--mobile-swatch-preview-fit: cover;position:fixed;display:block;width:min(var(--mobile-swatch-preview-width),calc(100vw - 16px));max-height:calc(100dvh - 16px);box-sizing:border-box;overflow:hidden;z-index:1000;color:var(--mobile-swatch-preview-text);background:var(--mobile-swatch-preview-background);border:1px solid rgb(255 255 255 / 12%);border-radius:var(--mobile-swatch-preview-radius);box-shadow:0 12px 32px #0000003d,0 2px 8px #0000002e;isolation:isolate;contain:layout paint style;pointer-events:auto}mobile-swatch-preview[hidden]{display:none!important}.mobile-swatch-preview__media{width:auto;margin:8px 8px 0;overflow:hidden;aspect-ratio:var(--mobile-swatch-preview-ratio);background:#ffffff0f}.mobile-swatch-preview__image{display:block;width:100%;height:100%;object-fit:var(--mobile-swatch-preview-fit);object-position:center;opacity:1;transition:opacity .12s ease}mobile-swatch-preview[data-loading=true] .mobile-swatch-preview__image{opacity:0}.mobile-swatch-preview__label{margin:0;padding:10px 12px 11px;color:inherit;font:inherit;font-size:14px;font-weight:600;line-height:1.3;text-align:center;overflow-wrap:anywhere}.mobile-swatch-preview__label[hidden]{display:none}@media(prefers-reduced-motion:reduce){.mobile-swatch-preview__image{transition:none}}@media screen and (min-width:750px){mobile-swatch-preview{display:none!important}}@media screen and (max-width:749px)and (hover:none)and (pointer:coarse){variant-picker[data-mobile-swatch-preview-enabled=true][data-template-product-match=true] .variant-option__button-label--has-swatch[data-mobile-swatch-touch-active=true]:not(:has(:checked)){outline:none}variant-picker[data-mobile-swatch-preview-enabled=true][data-template-product-match=true] .variant-option__button-label--has-swatch[data-mobile-swatch-touch-active=true]:not(:has(:checked)) .swatch:after{content:none;border:0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mobile-swatch-preview.css.map */