product-model[data-sauna3d-pending][loaded] .media-poster{display:flex;transition:opacity .45s ease}product-model[data-sauna3d-pending] .media-poster{z-index:4;transition:opacity .45s ease}product-model[data-sauna3d-pending] .media-poster{background:var(--gallery-bg-color, #fff)}product-model[data-sauna3d-pending] .media-poster img{visibility:hidden}.media-viewer__item.is-current-variant product-model .media-poster{background:var(--gallery-bg-color, #fff)}.media-viewer__item.is-current-variant product-model .media-poster img{visibility:hidden}product-model[data-sauna3d-hoisted] model-viewer::part(default-poster){display:none}product-model[data-sauna3d-hoisted] model-viewer::part(default-progress-bar){display:none}product-model[data-sauna3d-pending][data-sauna3d-fading] .media-poster{opacity:0;pointer-events:none}product-model[data-sauna3d-pending]:not([data-sauna3d-fading]) .sauna3d-controls{opacity:0;pointer-events:none}.sauna3d-controls{transition:opacity .35s ease}media-gallery:has(.media-viewer__item.is-current-variant product-model:not([data-sauna3d-init])) .media-ctrl__btn,media-gallery:has(product-model[data-sauna3d-pending]:not([data-sauna3d-fading])) .media-ctrl__btn{opacity:0;pointer-events:none}media-gallery:has(product-model[data-sauna3d-hoisted]) .media-ctrl__btn{transition:opacity .35s ease,background-color .15s ease}media-gallery[data-sauna3d-busy] .media-ctrl__btn{opacity:0;pointer-events:none}product-model[data-sauna3d-hoisted] model-viewer{touch-action:pan-y}.media-viewer__item.is-current-variant product-model .media-poster__btn{display:none}.sauna3d-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;margin:0;color:rgb(var(--text-color));white-space:nowrap;pointer-events:none;animation:sauna3d-loading-in .25s ease .4s both}.sauna3d-loading__dot{opacity:0;animation:1.6s steps(1,end) infinite}.sauna3d-loading__dot:nth-child(1){animation-name:sauna3d-dot1}.sauna3d-loading__dot:nth-child(2){animation-name:sauna3d-dot2}.sauna3d-loading__dot:nth-child(3){animation-name:sauna3d-dot3}@keyframes sauna3d-dot1{0%{opacity:0}25%,to{opacity:1}}@keyframes sauna3d-dot2{0%{opacity:0}50%,to{opacity:1}}@keyframes sauna3d-dot3{0%{opacity:0}75%,to{opacity:1}}@keyframes sauna3d-loading-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 4px))}to{opacity:1;transform:translate(-50%,-50%)}}media-gallery:has(product-model[data-sauna3d-hoisted]){--sauna3d-bottom: 6px}media-gallery:has(product-model[data-sauna3d-hoisted]) .media-ctrl__counter{bottom:var(--sauna3d-bottom)}.sauna3d-controls{position:absolute;top:auto;bottom:var(--sauna3d-bottom, 6px);left:50%;transform:translate(-50%);z-index:5;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - var(--media-gutter) * 2);justify-content:center}.sauna3d-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;border:1px solid rgba(var(--text-color) / .15);border-radius:22px;color:rgb(var(--text-color));font-size:10.6px;font-weight:700;line-height:1.2;letter-spacing:normal;text-transform:uppercase;padding:10px 16px;cursor:pointer;background:transparent linear-gradient(104deg,rgba(var(--panel-bg-color)) 60%,#ffffff80 60% 100%) no-repeat 100% 100%;background-size:300% 100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background-position .4s ease-out,border-color .18s ease}@media(hover:hover){.sauna3d-btn:hover{background-position:0 100%}}.sauna3d-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:768px){.sauna3d-controls{gap:4px}.sauna3d-btn{font-size:10px;padding:15px 10px}media-gallery:has(product-model[data-sauna3d-hoisted]) .media-ctrl__counter{display:none}}.media-gallery__viewer:has(product-model[data-sauna3d-hoisted]) .loading-spinner{pointer-events:none}product-model[data-sauna3d-hoisted] .shopify-model-viewer-ui__controls-area{display:none!important}product-model[data-sauna3d-hoisted] model-viewer.shopify-model-viewer-ui__disabled{pointer-events:auto}product-model[data-sauna3d-hoisted] .shopify-model-viewer-ui__button--poster{display:none}product-model[data-sauna3d-hoisted] .shopify-model-viewer-ui__button--fullscreen{display:none}.sauna3d-dims{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;transition:opacity .25s ease}.sauna3d-dims.is-on{opacity:1}.sauna3d-dims .d-run,.sauna3d-dims .d-tick{stroke:#1a1a1a;stroke-width:1.25;vector-effect:non-scaling-stroke}.sauna3d-dims text{fill:#1a1a1a;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#ffffffe6;stroke-width:3px;stroke-linejoin:round}@keyframes sauna3dDimRun{0%{stroke-dashoffset:900}to{stroke-dashoffset:0}}@keyframes sauna3dDimTick{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:none}}@keyframes sauna3dDimNum{0%{opacity:0;transform:translateY(5px) scale(.92)}to{opacity:1;transform:none}}@keyframes sauna3dDimOut{to{opacity:0}}.sauna3d-dims.is-intro .d-run{stroke-dasharray:900;animation:sauna3dDimRun .95s cubic-bezier(.22,.61,.36,1) both}.sauna3d-dims.is-intro .d-tick{transform-box:fill-box;transform-origin:center;animation:sauna3dDimTick .26s cubic-bezier(.34,1.4,.64,1) .72s both}.sauna3d-dims.is-intro text{transform-box:fill-box;transform-origin:center;animation:sauna3dDimNum .34s cubic-bezier(.22,.61,.36,1) .92s both}.sauna3d-dims.is-outro{animation:sauna3dDimOut .18s ease-in both}.sauna3d-thumb-badge{top:3px;right:3px;z-index:2;gap:3px;padding:.25em .42em .25em .34em;border-radius:3px;background:#000f1c;color:#fff;font-size:11px;font-weight:700;line-height:1.1;letter-spacing:.04em}.sauna3d-thumb-badge .icon{width:9px;height:10.5px;flex:none}.media-thumbs__btn:has(.sauna3d-thumb-badge){outline:2px solid #000f1c;outline-offset:-2px;border-radius:2px}@media(hover:hover){.media-thumbs__btn:has(.sauna3d-thumb-badge):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:2px;box-shadow:0 0 #000f1c8c;animation:sauna3d-thumb-pulse 2.6s ease-out infinite;pointer-events:none}.media-thumbs__btn:has(.sauna3d-thumb-badge):hover:before{animation:none}}@keyframes sauna3d-thumb-pulse{0%{box-shadow:0 0 #000f1c80}35%,to{box-shadow:0 0 0 7px #000f1c00}}@media(prefers-reduced-motion:reduce){.sauna3d-dims,.sauna3d-controls,product-model[data-sauna3d-pending][loaded] .media-poster{transition:none}.sauna3d-dims.is-intro .d-run,.sauna3d-dims.is-intro .d-tick,.sauna3d-dims.is-intro text,.sauna3d-dims.is-outro{animation:none;stroke-dasharray:none}.sauna3d-loading{animation:none}.sauna3d-loading__dot{opacity:1;animation:none}.media-thumbs__btn:has(.sauna3d-thumb-badge):before{animation:none}}.sauna3d-fs-btn{position:absolute;top:var(--media-gutter);right:var(--media-gutter);z-index:6;display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(var(--text-color) / .15);border-radius:var(--btn-border-radius, 0);background-color:rgba(var(--bg-color));color:rgb(var(--text-color));cursor:pointer;transition:background-color .15s ease}@media(hover:hover){.sauna3d-fs-btn:hover{background-color:rgba(var(--panel-bg-color))}}.sauna3d-fs-btn svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(hover:none)and (pointer:coarse){.sauna3d-fs-btn{display:flex}}product-model[data-sauna3d-fs]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;background:var(--gallery-bg-color, #fff)}product-model[data-sauna3d-fs] model-viewer{width:100%;height:100%;touch-action:none}product-model[data-sauna3d-fs] .sauna3d-controls{left:50%;right:auto;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));justify-content:center;flex-wrap:nowrap}product-model[data-sauna3d-fs] .sauna3d-btn{white-space:nowrap;flex-shrink:0;font-size:11px}product-model[data-sauna3d-fs] .sauna3d-fs-btn{top:calc(var(--media-gutter) + env(safe-area-inset-top,0px))}body.sauna3d-fs-open{overflow:hidden}@media(hover:none)and (pointer:coarse){product-model[data-sauna3d-hoisted]:not([data-sauna3d-fs]) .sauna3d-controls{display:none}}@media(max-width:768px){media-gallery:has(product-model[data-sauna3d-hoisted]) .media-ctrl__counter{display:block}}.sauna3d-btn{display:grid;place-items:center}.sauna3d-btn__t,.sauna3d-btn__g{grid-area:1 / 1;white-space:nowrap}.sauna3d-btn__g{visibility:hidden;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/27/assets/custom-sauna3d-model.css.map */