.kb-pdp-gallery{display:block;--kb-gallery-hero-height: var(--kb-gallery-hero-height-mobile, 80svh);--kb-gallery-segment-track: color-mix(in srgb, var(--border-inverse) 35%, transparent)}.kb-pdp-gallery__viewport{position:relative;inline-size:100%;block-size:var(--kb-gallery-hero-height);overflow:hidden}.kb-pdp-gallery__track{display:flex;block-size:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.kb-pdp-gallery__track::-webkit-scrollbar{display:none}.kb-pdp-gallery[dragging] .kb-pdp-gallery__track{cursor:grabbing}.kb-pdp-gallery__slide{position:relative;flex:0 0 100%;block-size:100%;scroll-snap-align:start}.kb-pdp-gallery__slide[hidden]{display:none}@media(max-width:989.98px){.kb-pdp-gallery__slide[data-viewport=desktop]{display:none}}@media(min-width:990px){.kb-pdp-gallery__slide[data-viewport=mobile]{display:none}}.kb-pdp-gallery__image,.kb-pdp-gallery__video{display:block;inline-size:100%;block-size:100%;object-fit:cover}.kb-pdp-gallery__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:auto;cursor:pointer}.kb-pdp-gallery__slide.is-video-paused .kb-pdp-gallery__video-toggle{display:inline-flex}.kb-pdp-gallery__controls{position:absolute;inset-block-end:0;inset-inline:0;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--scale-32);pointer-events:none}.kb-pdp-gallery__controls[hidden]{display:none}@media(min-width:990px){.kb-pdp-gallery{--kb-gallery-hero-height: var(--kb-gallery-hero-height-desktop, 100svh)}.kb-pdp-gallery__image,.kb-pdp-gallery__video{object-position:50% var(--kb-media-focus-y, 50%)}.kb-pdp-gallery__controls{justify-content:center;gap:var(--scale-12)}}.kb-pdp-gallery__playbar{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-20);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-gallery__playbar[hidden]{display:none}.kb-pdp-gallery__segments{display:inline-flex;align-items:center;gap:var(--scale-10)}.kb-pdp-gallery__video-indicator{position:relative;display:inline-flex;align-items:center;block-size:var(--scale-40);cursor:pointer;pointer-events:auto}.kb-pdp-gallery__video-indicator-track{color:var(--kb-gallery-segment-track)}.kb-pdp-gallery__video-indicator-fill{position:absolute;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--border-inverse);clip-path:inset(0 calc((1 - var(--kb-video-progress, 0)) * 100%) 0 0)}.kb-pdp-gallery__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-gallery__segment-line{position:relative;inline-size:100%;block-size:var(--border-width-xs);background:var(--kb-gallery-segment-track);border-radius:var(--border-radius-r-4);overflow:hidden;transition:background-color var(--animation-speed-slow) var(--animation-easing)}.kb-pdp-gallery__segment:hover .kb-pdp-gallery__segment-line,.kb-pdp-gallery__segment:focus-visible .kb-pdp-gallery__segment-line{background-color:var(--border-inverse)}.kb-pdp-gallery__video-indicator:hover .kb-pdp-gallery__video-indicator-track,.kb-pdp-gallery__video-indicator:focus-visible .kb-pdp-gallery__video-indicator-track{color:var(--border-inverse)}.kb-pdp-gallery__segment-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-inverse);transform:scaleX(0);transform-origin:left center}@keyframes kb-gallery-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kb-pdp-gallery__zoom{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--scale-40);block-size:var(--scale-40);padding:0;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);cursor:pointer;pointer-events:auto;transition:background-color var(--animation-speed-slow) var(--animation-easing)}.kb-pdp-gallery__zoom:hover,.kb-pdp-gallery__zoom:focus-visible{background-color:var(--colour-alpha-taupe-70)}.kb-pdp-gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--scale-12);aspect-ratio:1 / 1;background:var(--colour-neutral-100);color:var(--colour-neutral-600)}.kb-pdp-gallery__placeholder{inline-size:60%;max-inline-size:12rem;block-size:auto;fill:var(--colour-neutral-400)}.kb-pdp-gallery__empty-note{max-inline-size:32ch;text-align:center}@media(prefers-reduced-motion:reduce){.kb-pdp-gallery__segment-fill{animation:none!important}.kb-pdp-gallery__segment-line,.kb-pdp-gallery__zoom{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kb-pdp-gallery.css.map */