.ky-video-carousel{--ky-video-carousel-heading-size: clamp(2rem, 1.6rem + 1.6vw, 2.5rem);--ky-video-carousel-title-size: clamp(.9375rem, .9rem + .15vw, 1rem);--ky-video-carousel-text-size: clamp(.8125rem, .775rem + .15vw, .875rem);--ky-video-carousel-width: var(--ky-video-carousel-width-mobile);--ky-video-carousel-active-height: var(--ky-video-carousel-active-height-mobile);--ky-video-carousel-height: var(--ky-video-carousel-height-mobile);--ky-video-carousel-gap: var(--ky-video-carousel-gap-mobile);--ky-video-carousel-inset: max(0px, (var(--ky-video-carousel-active-height) - var(--ky-video-carousel-height)) / 2);--ky-video-carousel-duration: .5s;--ky-video-carousel-easing: cubic-bezier(.22, 1, .36, 1);padding-block:var(--ky-video-carousel-padding-top-mobile) var(--ky-video-carousel-padding-bottom-mobile);color:var(--ky-video-carousel-text)}.ky-video-carousel__heading{margin:0 0 1rem;padding-inline:var(--page-margin);color:inherit;font-family:var(--font-heading--family);font-size:var(--ky-video-carousel-heading-size);line-height:1.1;letter-spacing:-.02em;text-align:center;text-transform:none}.ky-video-carousel__track{display:grid;grid-template-columns:var(--ky-video-carousel-width);justify-content:center;margin:0;padding:0;list-style:none;overflow:clip;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.ky-video-carousel__track[data-dragging]{cursor:grabbing}.ky-video-carousel__track:focus-visible{outline:2px solid var(--ky-video-carousel-text);outline-offset:-2px}.ky-video-carousel__item{grid-area:1 / 1;align-self:start;min-width:0;transform:translate(calc(var(--ky-video-carousel-offset) * (var(--ky-video-carousel-width) + var(--ky-video-carousel-gap)) + var(--ky-video-carousel-drag, 0px)))}.ky-video-carousel__slide{display:flex;flex-direction:column}.ky-video-carousel__media{position:relative;height:var(--ky-video-carousel-active-height);background-color:var(--ky-video-carousel-product-bg);color:var(--ky-video-carousel-product-border);clip-path:inset(var(--ky-video-carousel-inset) 0 round var(--ky-video-carousel-radius))}.ky-video-carousel__item[data-active] .ky-video-carousel__media{clip-path:inset(0 round var(--ky-video-carousel-radius))}.ky-video-carousel__video{display:block;width:100%;height:100%;object-fit:cover}.ky-video-carousel__video--placeholder{fill:currentColor}.ky-video-carousel__select{position:absolute;inset:var(--ky-video-carousel-inset) 0;z-index:1;padding:0;border:0;border-radius:var(--ky-video-carousel-radius);background:none;cursor:pointer}.ky-video-carousel__select:focus-visible{outline:2px solid var(--ky-video-carousel-control-icon);outline-offset:-4px}.ky-video-carousel__item[data-active] .ky-video-carousel__select{display:none}.ky-video-carousel__controls{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;z-index:2;display:flex;flex-direction:column;gap:.5rem;opacity:0}.ky-video-carousel__item[data-active] .ky-video-carousel__controls{opacity:1}.ky-video-carousel__control{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background-color:color-mix(in srgb,var(--ky-video-carousel-control-bg) var(--ky-video-carousel-control-opacity),transparent);color:var(--ky-video-carousel-control-icon);cursor:pointer}.ky-video-carousel__control:before{content:"";position:absolute;top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem}.ky-video-carousel__control:focus-visible{outline:2px solid var(--ky-video-carousel-control-icon);outline-offset:2px}.ky-video-carousel__icon{width:1.5rem;height:1.5rem}.ky-video-carousel[data-sound] .ky-video-carousel__icon--muted,.ky-video-carousel:not([data-sound]) .ky-video-carousel__icon--sound,.ky-video-carousel[data-playing] .ky-video-carousel__icon--play,.ky-video-carousel:not([data-playing]) .ky-video-carousel__icon--pause{display:none}.ky-video-carousel__dialog{box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:1rem;border:0;background-color:color-mix(in srgb,var(--ky-video-carousel-dialog-bg) var(--ky-video-carousel-dialog-opacity),transparent)}.ky-video-carousel__dialog[open]{display:grid;place-items:center}.ky-video-carousel__dialog::backdrop{background:none}.ky-video-carousel__dialog-media{position:relative;width:min(100%,(100dvh - 2rem) * 9 / 16);aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--ky-video-carousel-radius);background-color:var(--ky-video-carousel-dialog-bg)}.ky-video-carousel__controls--dialog{opacity:1}.ky-video-carousel__product{position:relative;display:grid;grid-template-columns:3.5rem minmax(0,1fr) 2rem;margin-block-start:.75rem;padding:.5625rem;border:1px solid var(--ky-video-carousel-product-border);border-radius:.75rem;background-color:var(--ky-video-carousel-product-bg);opacity:0}.ky-video-carousel__item[data-active] .ky-video-carousel__product{opacity:1}.ky-video-carousel__product-media{display:block;height:4.25rem}.ky-video-carousel__product-image{display:block;width:100%;height:100%;border-radius:.25rem;object-fit:contain}.ky-video-carousel__product-info{display:flex;flex-direction:column;gap:.375rem;margin:.5rem .625rem}.ky-video-carousel__product-title{margin:0;color:inherit;font-family:var(--font-heading--family);font-size:var(--ky-video-carousel-title-size);line-height:1;letter-spacing:-.02em;text-transform:none}.ky-video-carousel__product-link{color:inherit;text-decoration:none}.ky-video-carousel__product-link:hover{text-decoration:underline;text-underline-offset:.2em}.ky-video-carousel__product-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ky-video-carousel__price{margin:0;font-family:var(--ky-font-genova-bold);font-size:var(--ky-video-carousel-text-size);line-height:1.25}.ky-video-carousel__plus{position:relative;display:flex;align-items:center;justify-content:center;align-self:end;width:2rem;height:2rem;border-radius:50%;background-color:var(--ky-video-carousel-plus-bg);color:var(--ky-video-carousel-plus-icon)}.ky-video-carousel__plus:before{content:"";position:absolute;top:-.375rem;right:-.375rem;bottom:-.375rem;left:-.375rem}.ky-video-carousel__plus:hover{transform:scale(1.0625)}.ky-video-carousel__plus:focus-visible{outline:2px solid var(--ky-video-carousel-text);outline-offset:2px}.ky-video-carousel__plus svg{width:1.25rem;height:1.25rem}@media(prefers-reduced-motion:no-preference){.ky-video-carousel__item{transition:transform var(--ky-video-carousel-duration) var(--ky-video-carousel-easing)}.ky-video-carousel__media{transition:clip-path var(--ky-video-carousel-duration) var(--ky-video-carousel-easing)}.ky-video-carousel__controls,.ky-video-carousel__product{transition:opacity var(--ky-video-carousel-duration) var(--ky-video-carousel-easing)}.ky-video-carousel__plus{transition:transform .2s ease}.ky-video-carousel__dialog[open]{animation:ky-video-carousel-fade var(--ky-video-carousel-duration) var(--ky-video-carousel-easing)}.ky-video-carousel__dialog[open] .ky-video-carousel__dialog-media{animation:ky-video-carousel-zoom var(--ky-video-carousel-duration) var(--ky-video-carousel-easing)}}@keyframes ky-video-carousel-fade{0%{opacity:0}}@keyframes ky-video-carousel-zoom{0%{transform:scale(.94)}}.ky-video-carousel__track[data-dragging] .ky-video-carousel__item,.ky-video-carousel__item[data-ky-video-carousel-jump]{transition:none}@media screen and (min-width:750px){.ky-video-carousel{--ky-video-carousel-width: var(--ky-video-carousel-width-desktop);--ky-video-carousel-active-height: var(--ky-video-carousel-active-height-desktop);--ky-video-carousel-height: var(--ky-video-carousel-height-desktop);--ky-video-carousel-gap: var(--ky-video-carousel-gap-desktop);padding-block:var(--ky-video-carousel-padding-top-desktop) var(--ky-video-carousel-padding-bottom-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ky-video-carousel.css.map */