.hy-product-lightbox{--hy-lightbox-bg: var(--hy-color-surface);--hy-lightbox-fg: var(--hy-color-on-surface);--hy-lightbox-muted: var(--hy-color-on-surface-muted);--hy-lightbox-control-bg: var(--hy-gallery-tile, var(--hy-color-surface-hover));--hy-lightbox-thumb-active: var(--hy-gallery-thumb-active, var(--hy-color-accent));--hy-lightbox-gutter: var(--hy-sp-5);--hy-lightbox-control-size: var(--hy-tap-target-min-coarse);--hy-lightbox-arrow-size: calc(var(--hy-tap-target-min-coarse) + var(--hy-sp-4));--hy-lightbox-thumb-size: 4rem;--hy-lightbox-thumb-radius: var(--hy-radius-media);--hy-lightbox-dot-size: .5rem;--hy-lightbox-dot-current-width: 1.375rem;--hy-lightbox-hint-bg: rgb(0 0 0 / .72);--hy-lightbox-hint-fg: #fff;--hy-lightbox-duration: var(--hy-motion-duration)}.hy-product-lightbox__dialog{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;background-color:var(--hy-lightbox-bg);color:var(--hy-lightbox-fg);overflow:hidden}.hy-product-lightbox__dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.hy-product-lightbox__dialog::backdrop{background-color:var(--hy-lightbox-bg)}.hy-product-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--hy-sp-4);padding:var(--hy-sp-4) var(--hy-lightbox-gutter)}.hy-product-lightbox__heading{display:flex;align-items:baseline;gap:var(--hy-sp-4);min-inline-size:0;font-size:var(--hy-fs-400)}.hy-product-lightbox__counter{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.hy-product-lightbox__title{overflow:hidden;color:var(--hy-lightbox-muted);font-size:var(--hy-fs-300);text-overflow:ellipsis;white-space:nowrap}.hy-product-lightbox__actions{display:flex;gap:var(--hy-sp-3)}.hy-product-lightbox__button{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--hy-lightbox-control-size);block-size:var(--hy-lightbox-control-size);padding:0;border:0;border-radius:50%;background-color:var(--hy-lightbox-control-bg);color:var(--hy-lightbox-fg);cursor:pointer}.hy-product-lightbox__button[aria-disabled=true]{opacity:.35;cursor:default}@media(hover:hover)and (pointer:fine){.hy-product-lightbox__button:where(:not([aria-disabled=true])):hover{background-color:var(--hy-lightbox-fg);color:var(--hy-lightbox-bg)}}.hy-product-lightbox__zoom-out,.hy-product-lightbox__zoom:where([aria-pressed=true]) .hy-product-lightbox__zoom-in{display:none}.hy-product-lightbox__zoom:where([aria-pressed=true]) .hy-product-lightbox__zoom-out{display:block}.hy-product-lightbox__track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hy-product-lightbox__track::-webkit-scrollbar{display:none}.hy-product-lightbox__track--locked{overflow:hidden}.hy-product-lightbox__slide{display:flex;flex:0 0 100%;align-items:center;justify-content:center;min-block-size:0;margin:0;padding:var(--hy-sp-3) calc(var(--hy-lightbox-arrow-size) + 2 * var(--hy-lightbox-gutter));overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always}.hy-product-lightbox__image{inline-size:auto;block-size:auto;max-inline-size:min(100%,var(--hy-lightbox-source-width, 100%));max-block-size:100%;object-fit:contain;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hy-product-lightbox__image--zoomable{cursor:zoom-in}.hy-product-lightbox__image--zoomed{cursor:zoom-out;touch-action:none}.hy-product-lightbox__arrow{position:absolute;inset-block-start:50%;inline-size:var(--hy-lightbox-arrow-size);block-size:var(--hy-lightbox-arrow-size);translate:0 -50%}.hy-product-lightbox__arrow--prev{inset-inline-start:var(--hy-lightbox-gutter)}.hy-product-lightbox__arrow--next{inset-inline-end:var(--hy-lightbox-gutter)}.hy-product-lightbox__footer{display:flex;justify-content:center;padding:var(--hy-sp-4) var(--hy-lightbox-gutter) var(--hy-lightbox-gutter)}.hy-product-lightbox__thumbs{display:flex;gap:var(--hy-sp-3);max-inline-size:100%;margin:0;padding:var(--hy-sp-1);overflow-x:auto;list-style:none;scrollbar-width:thin}.hy-product-lightbox__thumb{display:block;inline-size:var(--hy-lightbox-thumb-size);block-size:var(--hy-lightbox-thumb-size);padding:var(--hy-sp-2);border:2px solid transparent;border-radius:var(--hy-lightbox-thumb-radius);background-color:var(--hy-lightbox-control-bg);cursor:pointer}.hy-product-lightbox__thumb img{inline-size:100%;block-size:100%;object-fit:contain}.hy-product-lightbox__thumb[aria-current=true]{border-color:var(--hy-lightbox-thumb-active)}.hy-product-lightbox__dots{display:none;align-items:center;gap:var(--hy-sp-3)}.hy-product-lightbox__dot{inline-size:var(--hy-lightbox-dot-size);block-size:var(--hy-lightbox-dot-size);border-radius:var(--hy-lightbox-dot-size);background-color:var(--hy-color-border)}.hy-product-lightbox__dot[data-current]{inline-size:var(--hy-lightbox-dot-current-width);background-color:var(--hy-lightbox-fg)}.hy-product-lightbox__hint{position:absolute;inset-block-end:calc(var(--hy-lightbox-thumb-size) + 3 * var(--hy-lightbox-gutter));inset-inline-start:50%;padding:var(--hy-sp-2) var(--hy-sp-4);border-radius:var(--hy-radius-control);background-color:var(--hy-lightbox-hint-bg);color:var(--hy-lightbox-hint-fg);font-size:var(--hy-fs-300);white-space:nowrap;opacity:0;pointer-events:none;translate:-50% 0}.hy-product-lightbox__hint--visible{opacity:1}@media(max-width:47.99rem){.hy-product-lightbox__bar{padding:var(--hy-sp-3) var(--hy-sp-3) var(--hy-sp-3) var(--hy-lightbox-gutter)}.hy-product-lightbox__title,.hy-product-lightbox__zoom,.hy-product-lightbox__thumbs{display:none}.hy-product-lightbox__footer{align-items:center;min-block-size:calc(var(--hy-lightbox-control-size) + 2 * var(--hy-sp-3));padding:var(--hy-sp-3) var(--hy-lightbox-gutter)}.hy-product-lightbox__arrow{inset-block-start:auto;inset-block-end:var(--hy-sp-3);inline-size:var(--hy-lightbox-control-size);block-size:var(--hy-lightbox-control-size);translate:none}.hy-product-lightbox__dots{display:flex}.hy-product-lightbox__slide{padding-inline:var(--hy-sp-4)}.hy-product-lightbox__hint{inset-block-end:calc(3 * var(--hy-lightbox-gutter))}}@media(prefers-reduced-motion:no-preference){.hy-product-lightbox__dialog[open]{animation:hy-lightbox-in var(--hy-lightbox-duration) var(--hy-motion-ease)}.hy-product-lightbox__image{transition:transform var(--hy-lightbox-duration) var(--hy-motion-ease)}.hy-product-lightbox__hint,.hy-product-lightbox__button{transition:opacity var(--hy-lightbox-duration) var(--hy-motion-ease),background-color var(--hy-lightbox-duration) var(--hy-motion-ease),color var(--hy-lightbox-duration) var(--hy-motion-ease)}}@keyframes hy-lightbox-in{0%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hy-product-lightbox.css.map */