.product-media{position:relative;display:block;min-width:0}.product-media__viewer{position:relative}.product-media .product-media__slider{position:relative;display:block}.product-media .product-media__track{display:flex;gap:.125rem;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.product-media .product-media__track::-webkit-scrollbar{display:none}.product-media .product-media__track:focus-visible{outline-offset:-2px}.product-media .product-media__slide{display:block;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.product-media__frame{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:5 / 4;margin:0;padding:0;overflow:hidden;border:0;border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--color-ink) 4%,var(--color-background));color:inherit;font:inherit;isolation:isolate}button.product-media__frame{cursor:zoom-in}button.product-media__frame:focus-visible{outline:none}button.product-media__frame:focus-visible:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:2;border:2px solid var(--color-accent);box-shadow:0 0 0 2px var(--color-ink),inset 0 0 0 2px var(--color-ink);pointer-events:none}.product-media__img,.product-media .product-media__video{position:absolute;top:0;right:0;bottom:0;left:0}.product-media__img{width:100%;height:100%;padding:6%;object-fit:contain;mix-blend-mode:multiply}.product-media__empty-logo{width:18%;height:auto;max-height:40%;object-fit:contain;opacity:.12}.product-media__empty-logo--brand{width:36%;max-height:30%;opacity:.35;filter:grayscale(1);mix-blend-mode:multiply}.product-media__video{width:100%;height:100%;border:0;background-color:var(--color-ink);object-fit:contain}.product-media__zoom-icon{position:absolute;inset-block-end:var(--space-xs);inset-inline-start:var(--space-xs);display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:color-mix(in srgb,var(--color-background) 85%,transparent);color:var(--color-muted);pointer-events:none;transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){button.product-media__frame:hover .product-media__zoom-icon{color:var(--color-ink)}}.product-media .product-media__arrow{position:absolute;top:50%;z-index:var(--z-raised);display:grid;place-items:center;width:var(--tap-target);height:var(--tap-target);margin:0;padding:0;border:0;border-radius:50%;background-color:var(--color-background);box-shadow:var(--shadow-md);color:var(--color-ink);cursor:pointer;translate:0 -50%;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}@media(hover:hover){.product-media .product-media__arrow:hover{background-color:var(--color-ink);color:var(--color-background)}}.product-media .product-media__arrow[aria-disabled=true]{color:color-mix(in srgb,var(--color-ink) 30%,transparent);cursor:default}.product-media .carousel__btn--prev.product-media__arrow{inset-inline-start:var(--space-sm)}.product-media .carousel__btn--next.product-media__arrow{inset-inline-end:var(--space-sm)}.product-media__badges{position:absolute;inset-block-start:var(--space-sm);inset-inline-start:0;z-index:var(--z-raised);max-width:60%;pointer-events:none}.product-media__badges .badge--tax-free,.product-media__badges .badges:not(:has(.badge:not(.badge--tax-free))){display:none}.product-media__thumbs{margin-block-start:.625rem}.product-media__thumb-list{display:flex;gap:.5rem;margin:0;padding:0 0 .125rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;list-style:none}.product-media__thumb-item{flex:0 0 calc((100% - 3.5 * .3125rem) / 4.5);min-width:0;scroll-snap-align:start}.product-media__thumb-item:first-child{margin-inline-start:auto}.product-media__thumb-item:last-child{margin-inline-end:auto}.product-media__thumb{position:relative;display:block;width:100%;aspect-ratio:1;margin:0;padding:.5rem;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-ink) 4%,var(--color-background));cursor:pointer;isolation:isolate;transition:border-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.product-media__thumb:hover{border-color:var(--color-border-strong)}}.product-media__thumb[aria-current=true]{border-color:var(--color-brand)}.product-media__thumb:focus-visible{outline-offset:1px}.product-media__thumb-img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-media__thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-ink)}@media(min-width:768px){.product-media .product-media__arrow{width:2.5rem;height:2.5rem}.product-media__thumb-item{flex-basis:calc((100% - 1.25rem)/5)}}.product-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:var(--color-background)}.product-lightbox[open]{display:flex;flex-direction:column}.product-lightbox::backdrop{background-color:color-mix(in srgb,var(--color-ink) 88%,transparent)}.product-lightbox__close{position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm);z-index:2;display:grid;place-items:center;width:var(--tap-target);height:var(--tap-target);margin:0;padding:0;border:0;border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--color-background) 16%,transparent);color:var(--color-background);cursor:pointer}@media(hover:hover){.product-lightbox__close:hover{background-color:var(--color-accent);color:var(--color-on-accent)}}.product-lightbox__close:focus-visible,.product-lightbox .product-lightbox__arrow:focus-visible,.product-lightbox .carousel__dot:focus-visible,.product-lightbox .product-lightbox__track:focus-visible{outline-color:var(--color-focus-on-dark)}.product-lightbox .product-lightbox__slider{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding-block:4.25rem var(--space-sm)}.product-lightbox .product-lightbox__track{display:flex;flex:1 1 auto;gap:0;min-height:0;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.product-lightbox .product-lightbox__track::-webkit-scrollbar{display:none}.product-lightbox .product-lightbox__slide{display:grid;flex:0 0 100%;place-items:center;min-width:0;padding-inline:var(--space-sm);scroll-snap-align:start;scroll-snap-stop:always}.product-lightbox__img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 8rem);max-height:calc(100dvh - 8rem);object-fit:contain}.product-lightbox .product-lightbox__arrow{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:var(--tap-target);height:var(--tap-target);margin:0;padding:0;border:0;border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--color-background) 16%,transparent);color:var(--color-background);cursor:pointer;translate:0 -50%}@media(hover:hover){.product-lightbox .product-lightbox__arrow:hover{background-color:var(--color-accent);color:var(--color-on-accent)}}.product-lightbox .carousel__btn--prev.product-lightbox__arrow{inset-inline-start:var(--space-sm)}.product-lightbox .carousel__btn--next.product-lightbox__arrow{inset-inline-end:var(--space-sm)}.product-lightbox .product-lightbox__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-block-start:var(--space-xs)}.product-lightbox .carousel__dot{display:inline-grid;place-items:center;width:var(--tap-target);height:var(--tap-target);margin:calc((1.5rem - var(--tap-target)) / 2) 0;padding:0;border:0;background:transparent;cursor:pointer}.product-lightbox .carousel__dot:before{content:"";width:.625rem;height:.625rem;border-radius:50%;background-color:color-mix(in srgb,var(--color-background) 40%,transparent)}.product-lightbox .carousel__dot[aria-current=true]:before{background-color:var(--color-accent)}@media(min-width:768px){.product-lightbox .product-lightbox__slide{padding-inline:calc(var(--tap-target) + var(--space-lg))}}html.no-js .product-media__arrow,html.no-js .product-media__zoom-icon{display:none}html.no-js button.product-media__frame{cursor:default}@media(prefers-reduced-motion:reduce){.product-media .product-media__track,.product-lightbox .product-lightbox__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-media.css.map */