.kb-brand-film{display:contents}.kb-brand-film__dialog{--kb-brand-film-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;border-radius:0!important;box-shadow:none;overflow:hidden;background:var(--kb-brand-film-ground)}.kb-brand-film__dialog::backdrop{background:transparent}.kb-brand-film__dialog[open]:not(.dialog-closing){animation:kb-brand-film-fade-in var(--animation-speed) var(--animation-easing)}.kb-brand-film__dialog.dialog-closing{animation:kb-brand-film-fade-out var(--animation-speed) var(--animation-easing) forwards}.kb-brand-film__dialog.dialog-closing .kb-brand-film__close,.kb-brand-film__dialog.dialog-closing .kb-brand-film__controls{visibility:hidden;opacity:0}@keyframes kb-brand-film-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kb-brand-film-fade-out{0%{opacity:1}to{opacity:0}}.kb-brand-film__video{display:block;inline-size:100%;block-size:100%;object-fit:var(--kb-brand-film-fit-mobile, cover);object-position:center;cursor:pointer}@media screen and (min-width:750px){.kb-brand-film__video{object-fit:var(--kb-brand-film-fit, cover)}}.kb-brand-film__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-brand-film__close:hover,.kb-brand-film__close:focus-visible{background-color:var(--colour-alpha-taupe-70)}.kb-brand-film__close-icon svg path{stroke:currentColor}.kb-brand-film__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-brand-film__controls{position:absolute;inset-block-end:var(--scale-32);inset-inline:0;z-index:1;display:flex;justify-content:center;pointer-events:none}.kb-brand-film__control{display:inline-flex;align-items:center;gap:var(--scale-10);inline-size:calc(var(--scale-128) + var(--scale-60));max-inline-size:calc(100vw - var(--scale-32) - var(--scale-32));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;pointer-events:auto;transition:background-color var(--animation-speed-slow) var(--animation-easing)}.kb-brand-film__control:hover,.kb-brand-film__control:focus-visible{background-color:var(--colour-alpha-taupe-70)}.kb-brand-film__glyph{display:none;flex:none;align-items:center;justify-content:center;inline-size:var(--scale-20);block-size:var(--scale-20)}.kb-brand-film__glyph svg{display:block;inline-size:100%;block-size:100%}.kb-brand-film__glyph--pause{display:inline-flex}.kb-brand-film[data-paused] .kb-brand-film__glyph--pause{display:none}.kb-brand-film[data-paused] .kb-brand-film__glyph--play{display:inline-flex}.kb-brand-film__track{position:relative;flex:1 1 auto;block-size:var(--border-width-xs);background:var(--kb-brand-film-track);border-radius:var(--border-radius-r-4);overflow:hidden}.kb-brand-film__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-inverse);transform:scaleX(var(--kb-brand-film-progress, 0));transform-origin:left center}@media(prefers-reduced-motion:reduce){.kb-brand-film__dialog[open]:not(.dialog-closing),.kb-brand-film__dialog.dialog-closing{animation-duration:.01ms}.kb-brand-film__close,.kb-brand-film__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kb-brand-film.css.map */