.media-image{position:relative;isolation:isolate}:where(.media-image__img){display:block;width:100%;height:auto;object-fit:contain}.media-image__img{position:relative;z-index:2}:where(.js) .media-image--placeholder{overflow:hidden}:where(.js) .media-image--placeholder:before,:where(.js) .media-image--placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .35s ease-out}:where(.js) .media-image--placeholder:before{z-index:0;background:var(--media-image-placeholder) center / contain no-repeat;filter:blur(10px);transform:scale(1.05)}:where(.js) .media-image--placeholder:after{z-index:1;background:linear-gradient(to right,var(--color-white) 0%,color-mix(in srgb,var(--color-white) 82%,transparent) 7%,transparent 22%,transparent 78%,color-mix(in srgb,var(--color-white) 82%,transparent) 93%,var(--color-white) 100%),linear-gradient(to bottom,var(--color-white) 0%,color-mix(in srgb,var(--color-white) 82%,transparent) 7%,transparent 22%,transparent 78%,color-mix(in srgb,var(--color-white) 82%,transparent) 93%,var(--color-white) 100%),radial-gradient(ellipse at center,transparent 54%,color-mix(in srgb,var(--color-white) 24%,transparent) 72%,color-mix(in srgb,var(--color-white) 92%,transparent) 100%)}.media-image[data-loaded]:before,.media-image[data-loaded]:after{opacity:0}:where(.js) .media-image__img[loading=lazy]{opacity:0;transition:opacity .35s ease-out}:where(.js) .media-image[data-loaded=true]>.media-image__img{opacity:1}.media-image[data-loaded=error]>.media-image__img{visibility:hidden}media-carousel{display:block}.media-carousel__track{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.media-carousel__track::-webkit-scrollbar{display:none}.media-carousel__slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}@media(hover:hover)and (pointer:fine){.media-carousel__track{cursor:grab}.media-carousel.is-dragging .media-carousel__track{cursor:grabbing}}.media-carousel.is-dragging .media-carousel__slide{pointer-events:none}@media(any-hover:none){.media-carousel__control:not(:focus-visible){opacity:0;pointer-events:none}}:where(.no-js) .media-carousel__control,:where(.no-js) .media-carousel__counter{display:none}@media(max-width:820px){:where(.js) .media-image--placeholder:before{filter:blur(5px)}:where(.js) .media-image--placeholder:before,:where(.js) .media-image--placeholder:after,:where(.js) .media-image__img[loading=lazy]{transition-duration:.25s}}@media(prefers-reduced-motion:reduce){:where(.js) .media-image--placeholder:before,:where(.js) .media-image--placeholder:after,:where(.js) .media-image__img[loading=lazy]{transition:none}}media-gallery{display:block}.media-gallery__item{position:relative}.media-gallery__trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:zoom-in;-webkit-appearance:none;appearance:none}html:has(dialog.media-viewer[open]){overflow:hidden;scrollbar-gutter:stable}dialog.media-viewer{--media-viewer-fade: 1;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:color-mix(in srgb,var(--color-white) calc(92% * var(--media-viewer-fade)),transparent);color:var(--type-color-base);overscroll-behavior:contain}dialog.media-viewer::backdrop{background:transparent}.media-viewer__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:zoom-out}.media-viewer.is-over-image .media-viewer__stage{cursor:zoom-in}.media-viewer.is-zoomed.is-over-image .media-viewer__stage{cursor:grab}.media-viewer.is-panning .media-viewer__stage{cursor:grabbing}.media-viewer__track{display:flex;width:100%;height:100%}.media-viewer__slide{display:flex;flex:0 0 100%;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;margin:0;padding:clamp(3.5rem,6vw,4.5rem) clamp(1rem,5vw,4rem)}.media-viewer__frame{flex:none}.media-viewer .media-viewer__image{display:block;max-width:none;opacity:1;background-position:center;background-repeat:no-repeat;background-size:contain;transform-origin:center;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.media-viewer .media-viewer__image.is-settling{transition:transform .25s cubic-bezier(.2,0,0,1)}.media-viewer__control{position:absolute;z-index:4;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--color-border-soft, #c8ccd1);background:var(--color-white, #ffffff);color:var(--type-color-base);font:inherit;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;opacity:var(--media-viewer-fade)}.media-viewer__control[hidden]{display:none}.media-viewer__control:hover{border-color:var(--color-border, #666666)}.media-viewer__control--close{top:.75rem;right:.75rem}.media-viewer__control--previous,.media-viewer__control--next{top:50%;transform:translateY(-50%)}.media-viewer__control--previous{left:.75rem}.media-viewer__control--next{right:.75rem}@media(any-hover:none){.media-viewer__control--previous:not(:focus-visible),.media-viewer__control--next:not(:focus-visible){opacity:0;pointer-events:none}}.media-viewer__counter{position:absolute;right:.75rem;bottom:.75rem;z-index:4;margin:0;padding:2px 8px;background:color-mix(in srgb,var(--color-white) 92%,transparent);opacity:var(--media-viewer-fade)}.media-viewer__counter:empty{display:none}::view-transition-group(media-viewer-image){animation-duration:.3s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
/*# sourceMappingURL=/cdn/shop/t/5/assets/media.css.map */