/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--color-black: #000;--color-white: #fff;--spacing: .25rem;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}}@layer utilities;.product-gallery{position:relative;flex:none}.sticky-gallery{position:sticky;top:calc(var(--spacing) * 14);display:flex;max-height:min-content;flex-direction:column;gap:calc(var(--spacing) * 2)}.gallery-group{position:relative;aspect-ratio:1 / 1;overflow:hidden;transition-property:max-height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s}.gallery-slider{-ms-overflow-style:none;scrollbar-width:none;display:flex;width:100vw;max-width:100%;gap:calc(var(--spacing) * 2);overflow-x:scroll;overscroll-behavior-x:contain}.gallery-slider::-webkit-scrollbar{display:none}@media (width >= 751px){.gallery-slider{width:50vw}}.gallery-slider.initialized{scroll-snap-type:x var(--tw-scroll-snap-strictness);--tw-scroll-snap-strictness: mandatory;scroll-behavior:smooth}.gallery-image{height:auto;width:100vw;min-width:100%;scroll-snap-align:center;object-fit:cover}@media (width >= 751px){.gallery-image{width:min(50vw,935px)}}.gallery-image.dynamic{height:100%}.gallery-controls{position:relative}.gallery-control{position:absolute;inset-block:calc(var(--spacing) * 0);z-index:10;margin-block:auto;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:calc(var(--spacing) * 1);opacity:40%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.gallery-control:hover{opacity:90%}}.gallery-control:disabled{pointer-events:none}.gallery-control:disabled{opacity:0%!important}.gallery-control svg{height:calc(var(--spacing) * 16);width:calc(var(--spacing) * 16)}@media (width < 751px){.gallery-control svg{display:none}}.gallery-control.left{left:calc(var(--spacing) * -2)}.gallery-control.right{right:calc(var(--spacing) * -2)}sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.thumbnails-slider{-ms-overflow-style:none;scrollbar-width:none;margin-top:1rem;display:flex;width:100%;max-width:100%;gap:calc(var(--spacing) * 6);overflow-x:scroll;overscroll-behavior-x:contain;scroll-behavior:smooth}.thumbnails-slider::-webkit-scrollbar{display:none}@media (width < 751px){.thumbnails-slider{justify-content:center}}@media (width < 751px){.thumbnails-slider{gap:calc(var(--spacing) * 2)}}.thumbnail-button{position:relative;aspect-ratio:1 / 1;height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);min-width:calc(var(--spacing) * 4);cursor:pointer;overflow:hidden;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-black);background-color:transparent;padding:calc(var(--spacing) * 0)}@media (width < 751px){.thumbnail-button:disabled{background-color:var(--color-black)}}@media (width >= 751px){.thumbnail-button{height:clamp(14rem,14vw,20rem)}}@media (width >= 751px){.thumbnail-button{width:clamp(14rem,14vw,20rem)}}@media (width >= 751px){.thumbnail-button{min-width:clamp(14rem,14vw,20rem)}}@media (width >= 751px){.thumbnail-button{border-radius:0}}@media (width >= 751px){.thumbnail-button{border-style:var(--tw-border-style);border-width:0px}}@media (width >= 751px){.thumbnail-button:disabled{opacity:75%!important}}.thumbnail-play{position:absolute;inset:calc(var(--spacing) * 0);display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,#000 25%,transparent);color:var(--color-white)}@supports (color: color-mix(in lab,red,red)){.thumbnail-play{background-color:color-mix(in oklab,var(--color-black) 25%,transparent)}}.thumbnail-play svg{height:calc(var(--spacing) * 14);width:calc(var(--spacing) * 14)}.thumbnail-image{height:100%;width:100%;object-fit:cover}@media (width < 751px){.thumbnail-button>*{display:none}}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-scroll-snap-strictness{syntax: "*"; inherits: false; initial-value: proximity;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-scroll-snap-strictness: proximity;--tw-border-style: solid}}}
/*# sourceMappingURL=/cdn/shop/t/370/assets/gallery.css.map */