.kb-pdp-lightbox{display:contents}.kb-pdp-lightbox__dialog{--kb-lightbox-segment-track: color-mix(in srgb, var(--border-inverse) 35%, transparent);inline-size:100vw;max-inline-size:100vw;block-size:100dvh;max-block-size:100dvh;margin:0;padding:0;border:none;background:transparent;border-radius:0!important}.kb-pdp-lightbox[data-ground] .kb-pdp-lightbox__dialog{background-color:var(--fill-inverse)}.kb-pdp-lightbox__dialog::backdrop{background:transparent}.kb-pdp-lightbox__dialog[open]:not(.dialog-closing){animation:kb-pdp-lightbox-fade-in var(--kb-pdp-lightbox-motion-duration, .45s) var(--animation-easing)}.kb-pdp-lightbox__dialog.dialog-closing{animation:kb-pdp-lightbox-fade-out var(--kb-pdp-lightbox-motion-duration, .45s) var(--animation-easing) forwards}.kb-pdp-lightbox__dialog.dialog-closing .kb-pdp-lightbox__video-toggle,.kb-pdp-lightbox__dialog.dialog-closing .kb-pdp-lightbox__controls,.kb-pdp-lightbox__dialog.dialog-closing .kb-pdp-lightbox__close{visibility:hidden;opacity:0}@keyframes kb-pdp-lightbox-fade-in{0%{background-color:transparent}}@keyframes kb-pdp-lightbox-fade-out{to{background-color:transparent}}.kb-pdp-lightbox__viewport{inline-size:100%;block-size:100%;overflow:hidden}.kb-pdp-lightbox__track{display:flex;block-size:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-user-select:none;user-select:none}.kb-pdp-lightbox__track::-webkit-scrollbar{display:none}.kb-pdp-lightbox__slide{position:relative;flex:0 0 100%;block-size:100%;scroll-snap-align:start;cursor:default}.kb-pdp-lightbox[data-zoom-enabled=true] .kb-pdp-lightbox__slide{cursor:zoom-in}.kb-pdp-lightbox[data-zoom-enabled=true] .kb-pdp-lightbox__slide--video,.kb-pdp-lightbox__slide--video{cursor:pointer}.kb-pdp-lightbox[data-zoomed] .kb-pdp-lightbox__slide{cursor:grab}.kb-pdp-lightbox[dragging] .kb-pdp-lightbox__slide,.kb-pdp-lightbox[data-zoomed][data-panning] .kb-pdp-lightbox__slide{cursor:grabbing}.kb-pdp-lightbox__media{display:block;inline-size:100%;block-size:100%;object-fit:cover;transform:scale(var(--kb-zoom-scale, 1)) translate(var(--kb-zoom-x, 0px),var(--kb-zoom-y, 0px));transform-origin:center center;transition:transform var(--hover-transition-duration) var(--animation-easing);will-change:transform}.kb-pdp-lightbox[data-panning] .kb-pdp-lightbox__media{transition:none}@media(min-width:990px){.kb-pdp-lightbox__media{object-position:50% var(--kb-media-focus-y, 50%)}}@media(prefers-reduced-motion:reduce){.kb-pdp-lightbox__media,.kb-pdp-lightbox__close,.kb-pdp-lightbox__segment-line{transition:none}.kb-pdp-lightbox__dialog[open]:not(.dialog-closing),.kb-pdp-lightbox__dialog.dialog-closing{animation-duration:.01ms}}.kb-pdp-lightbox[data-zoomed] .kb-pdp-lightbox__track{overflow:hidden;scroll-snap-type:none}.kb-pdp-lightbox__video-toggle{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:none;align-items:center;justify-content:center;inline-size:var(--scale-40);block-size:var(--scale-40);color:var(--icon-primary);font-size:var(--scale-24);background:var(--colour-alpha-taupe-40);border:var(--border-width-xs) solid var(--border-strong);border-radius:var(--border-radius-r-4);-webkit-backdrop-filter:blur(var(--scale-6));backdrop-filter:blur(var(--scale-6));pointer-events:none}.kb-pdp-lightbox__slide.is-video-paused .kb-pdp-lightbox__video-toggle{display:inline-flex}.kb-pdp-lightbox__close{position:absolute;inset-block-start:var(--scale-32);inset-inline-end:var(--scale-32);z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--scale-10);block-size:var(--scale-40);padding-inline:var(--scale-12);color:var(--text-inverse);background:var(--colour-alpha-taupe-40);border:var(--border-width-xs) solid var(--border-strong);border-radius:var(--border-radius-r-4);-webkit-backdrop-filter:blur(var(--scale-6));backdrop-filter:blur(var(--scale-6));cursor:pointer;transition:background-color var(--animation-speed-slow) var(--animation-easing)}.kb-pdp-lightbox__close:hover,.kb-pdp-lightbox__close:focus-visible{background-color:var(--colour-alpha-taupe-70)}.kb-pdp-lightbox__close-icon svg path{stroke:currentColor}.kb-pdp-lightbox__close-label{font-size:var(--font-size-desktop-14);line-height:var(--font-line-height-desktop-18);letter-spacing:var(--font-letter-spacing-2);font-weight:var(--font-weight-regular)}.kb-pdp-lightbox__controls{position:absolute;inset-block-end:var(--scale-32);inset-inline:0;z-index:1;display:flex;justify-content:center;pointer-events:none}.kb-pdp-lightbox__controls[hidden]{display:none}.kb-pdp-lightbox__segments{display:inline-flex;align-items:center;gap:var(--scale-10);block-size:var(--scale-40);padding-inline:var(--scale-12);background:var(--colour-alpha-taupe-40);border:var(--border-width-xs) solid var(--border-strong);border-radius:var(--border-radius-r-4);-webkit-backdrop-filter:blur(var(--scale-6));backdrop-filter:blur(var(--scale-6));pointer-events:auto}.kb-pdp-lightbox__segment{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--scale-24);block-size:var(--scale-40);padding:0;background:none;border:none;cursor:pointer}.kb-pdp-lightbox__segment-line{position:relative;inline-size:100%;block-size:var(--border-width-xs);background:var(--kb-lightbox-segment-track);border-radius:var(--border-radius-r-4);overflow:hidden;transition:background-color var(--animation-speed-slow) var(--animation-easing)}.kb-pdp-lightbox__segment:hover .kb-pdp-lightbox__segment-line,.kb-pdp-lightbox__segment:focus-visible .kb-pdp-lightbox__segment-line{background-color:var(--border-inverse)}.kb-pdp-lightbox__segment:hover .kb-pdp-lightbox__video-glyph,.kb-pdp-lightbox__segment:focus-visible .kb-pdp-lightbox__video-glyph{color:var(--border-inverse)}.kb-pdp-lightbox__segment-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-inverse);transform:scaleX(0);transform-origin:left center}.kb-pdp-lightbox__segment.is-active .kb-pdp-lightbox__segment-fill{transform:scaleX(1)}.kb-pdp-lightbox__video-glyph{color:var(--kb-lightbox-segment-track)}.kb-pdp-lightbox__segment--video.is-active .kb-pdp-lightbox__video-glyph{color:var(--border-inverse)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kb-pdp-lightbox.css.map */