.hero-carousel{--hero-carousel-content-max-width: var(--site-header-max-width);--hero-carousel-header-max-width: 580px;--hero-carousel-progress-max-width: 460px;--hero-carousel-background-colour: var(--colour-neutral-100);--hero-carousel-text-colour: var(--colour-primary-black);--hero-carousel-secondary-text-colour: var(--colour-neutral-800);--hero-carousel-padding-block: var(--scale-96);--hero-carousel-padding-inline: var(--scale-24);--hero-carousel-header-gap: var(--scale-14);--hero-carousel-header-margin-bottom: var(--scale-32);--hero-carousel-progress-margin-bottom: var(--scale-48);--hero-carousel-progress-padding-block: var(--scale-8);--hero-carousel-active-slide-width: clamp(400px, 31.944vw, 680px);--hero-carousel-inactive-slide-width: calc(var(--hero-carousel-active-slide-width) * .73913);--hero-carousel-slide-slot-width: var(--hero-carousel-active-slide-width);--hero-carousel-slide-gap: max(0px, calc((100vw / 2) - var(--hero-carousel-active-slide-width) - (var(--hero-carousel-inactive-slide-width) / 2)));--hero-carousel-inactive-opacity: 1;--hero-carousel-media-aspect-ratio: 460 / 827;--hero-carousel-active-media-height: calc(var(--hero-carousel-active-slide-width) * 827 / 460);--hero-carousel-slide-label-margin-top: var(--scale-10);--hero-carousel-slide-label-reserved-height: calc(var(--hero-carousel__slide-label-line-height) + var(--scale-4));--hero-carousel-slide-row-height: calc(var(--hero-carousel-active-media-height) + var(--hero-carousel-slide-label-margin-top) + var(--hero-carousel-slide-label-reserved-height));--hero-carousel__label-font: var(--font-family-tt-commons-pro);--hero-carousel__label-font-size: var(--font-size-desktop-14);--hero-carousel__label-font-weight: var(--font-weight-regular);--hero-carousel__label-line-height: var(--font-line-height-desktop-18);--hero-carousel__label-letter-spacing: var(--font-letter-spacing-2);--hero-carousel__heading-font: var(--font-family-sackers-gothic);--hero-carousel__heading-font-size: var(--font-size-desktop-35);--hero-carousel__heading-font-weight: var(--font-weight-medium);--hero-carousel__heading-line-height: var(--font-line-height-desktop-48);--hero-carousel__heading-letter-spacing: var(--font-letter-spacing-5-5);--hero-carousel__body-font: var(--font-family-tt-commons-pro);--hero-carousel__body-font-size: var(--font-size-desktop-20);--hero-carousel__body-font-weight: var(--font-weight-regular);--hero-carousel__body-line-height: var(--font-line-height-desktop-24);--hero-carousel__slide-label-font: var(--font-family-tt-commons-pro);--hero-carousel__slide-label-font-size: var(--font-size-desktop-14);--hero-carousel__slide-label-font-weight: var(--font-weight-regular);--hero-carousel__slide-label-line-height: var(--font-line-height-desktop-18);--hero-carousel__slide-label-letter-spacing: var(--font-letter-spacing-2);--hero-carousel-button-margin-top: var(--scale-48);--hero-carousel-progress-height: 1px;--hero-carousel-progress-track-colour: var(--colour-neutral-300);--hero-carousel-progress-indicator-colour: currentColor;--hero-carousel-media-control-size: var(--scale-40);--hero-carousel-media-control-icon-size: var(--scale-12);--hero-carousel-media-control-offset: var(--scale-24);--hero-carousel-transition-duration: 1s;--hero-carousel-transition-easing: cubic-bezier(.22, 1, .36, 1);width:100%;overflow:hidden;color:var(--hero-carousel-text-colour);background-color:var(--hero-carousel-background-colour)}.hero-carousel--dark{--hero-carousel-background-colour: var(--colour-secondary-col-16);--hero-carousel-text-colour: var(--colour-primary-white);--hero-carousel-secondary-text-colour: var(--colour-neutral-300)}.hero-carousel__component{display:block;width:100%}.hero-carousel__container{width:100%;padding:var(--hero-carousel-padding-block) 0}.hero-carousel__header{display:flex;width:calc(100% - (var(--hero-carousel-padding-inline) * 2));max-width:var(--hero-carousel-header-max-width);margin:0 auto var(--hero-carousel-header-margin-bottom);flex-direction:column;align-items:center;gap:var(--hero-carousel-header-gap);text-align:center}.hero-carousel__label,.hero-carousel__heading,.hero-carousel__body{margin:0;color:inherit}.hero-carousel__label,.hero-carousel__heading{text-transform:uppercase}.hero-carousel__label{color:var(--hero-carousel-secondary-text-colour);font-family:var(--hero-carousel__label-font);font-size:var(--hero-carousel__label-font-size);font-weight:var(--hero-carousel__label-font-weight);line-height:var(--hero-carousel__label-line-height);letter-spacing:var(--hero-carousel__label-letter-spacing)}.hero-carousel__heading{font-family:var(--hero-carousel__heading-font);font-size:var(--hero-carousel__heading-font-size);font-weight:var(--hero-carousel__heading-font-weight);line-height:var(--hero-carousel__heading-line-height);letter-spacing:var(--hero-carousel__heading-letter-spacing)}.hero-carousel__body{width:100%;color:var(--hero-carousel-secondary-text-colour);font-family:var(--hero-carousel__body-font);font-size:var(--hero-carousel__body-font-size);font-weight:var(--hero-carousel__body-font-weight);line-height:var(--hero-carousel__body-line-height)}.hero-carousel__body>*{margin-block:0}.hero-carousel__body>*+*{margin-block-start:var(--scale-12)}.hero-carousel__progress{width:calc(100% - (var(--hero-carousel-padding-inline) * 2));max-width:var(--hero-carousel-progress-max-width);margin:0 auto var(--hero-carousel-progress-margin-bottom);padding:var(--hero-carousel-progress-padding-block) 0}.hero-carousel__progress-track{position:relative;display:block;width:100%;height:var(--hero-carousel-progress-height);overflow:hidden;background-color:var(--hero-carousel-progress-track-colour)}.hero-carousel__progress-indicator{position:absolute;inset-block:0;inset-inline-start:0;display:block;width:calc(100% / var(--hero-carousel-slide-count, 1));background-color:var(--hero-carousel-progress-indicator-colour);transform:translate(calc(((var(--kb-slider-progress, 0) * var(--hero-carousel-slide-count, 1)) - 1) * 100%));will-change:transform}.hero-carousel__slider{width:100%;min-height:var(--hero-carousel-slide-row-height);overflow:hidden}.hero-carousel__viewport{width:100%;height:var(--hero-carousel-slide-row-height);overflow:hidden}.hero-carousel__track{display:flex;width:100%;height:var(--hero-carousel-slide-row-height);box-sizing:border-box;padding-inline:calc((100% - var(--hero-carousel-slide-slot-width)) / 2);align-items:center;gap:var(--hero-carousel-slide-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:auto;-webkit-overflow-scrolling:touch}.hero-carousel__track[dragging]{cursor:grabbing;scroll-snap-type:none}.hero-carousel__track::-webkit-scrollbar{display:none}.hero-carousel__slide{display:flex;width:var(--hero-carousel-slide-slot-width);height:var(--hero-carousel-slide-row-height);flex:0 0 var(--hero-carousel-slide-slot-width);align-items:center;justify-content:center;overflow:visible;scroll-snap-align:center;-webkit-user-select:none;user-select:none}.hero-carousel__slide:focus{outline:none}.hero-carousel__slide:focus-visible{outline:1px solid currentColor;outline-offset:var(--scale-4)}.hero-carousel__slide-inner{display:flex;width:min(calc(var(--hero-carousel-active-slide-width) - (min(var(--kb-slider-slide-distance, 1),1) * (var(--hero-carousel-active-slide-width) - var(--hero-carousel-inactive-slide-width)))),100%);flex-direction:column;opacity:var(--hero-carousel-inactive-opacity);will-change:width}.hero-carousel__slide[data-kb-slider-active] .hero-carousel__slide-inner{opacity:1}.hero-carousel__media-wrapper{position:relative;width:100%}.hero-carousel__media{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--hero-carousel-media-aspect-ratio);cursor:grab}.hero-carousel__track[dragging] .hero-carousel__media{cursor:grabbing}.hero-carousel__image,.hero-carousel__video,.hero-carousel__placeholder{display:block;width:100%;height:100%}.hero-carousel__image,.hero-carousel__video{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-carousel__video{position:relative;z-index:1}.hero-carousel__image--video-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:1;visibility:visible;pointer-events:none;transition:opacity var(--hero-carousel-transition-duration) var(--hero-carousel-transition-easing),visibility 0s linear var(--hero-carousel-transition-duration)}.hero-carousel__slide.is-playing .hero-carousel__image--video-cover{opacity:0;visibility:hidden}.hero-carousel__placeholder{background-color:var(--colour-neutral-200)}.hero-carousel__slide-label{width:100%;margin:var(--hero-carousel-slide-label-margin-top) 0 0;color:inherit;font-family:var(--hero-carousel__slide-label-font);font-size:var(--hero-carousel__slide-label-font-size);font-weight:var(--hero-carousel__slide-label-font-weight);line-height:var(--hero-carousel__slide-label-line-height);letter-spacing:var(--hero-carousel__slide-label-letter-spacing);text-align:center;text-transform:uppercase}.hero-carousel__slide-label--rich p{margin:0}.hero-carousel__slide-label--rich a,.hero-carousel .hero-carousel__slide-label.hero-carousel__slide-label--rich a:hover{color:inherit}.hero-carousel__media-control{position:absolute;inset-inline-start:var(--hero-carousel-media-control-offset);inset-block-end:var(--hero-carousel-media-control-offset);z-index:3;display:flex;width:var(--hero-carousel-media-control-size);height:var(--hero-carousel-media-control-size);padding:0;align-items:center;justify-content:center;color:var(--colour-primary-white);background-color:transparent;border:1px solid currentColor;border-radius:var(--border-radius-r-4);cursor:pointer}.hero-carousel__media-control:focus-visible{outline:1px solid currentColor;outline-offset:var(--scale-4)}.hero-carousel__media-control-icon{display:flex;width:var(--hero-carousel-media-control-icon-size);height:var(--hero-carousel-media-control-icon-size);align-items:center;justify-content:center}.hero-carousel__media-control-icon svg{display:block;width:100%;height:100%}.hero-carousel__media-control-icon--pause,.hero-carousel__media-control[aria-pressed=true] .hero-carousel__media-control-icon--play{display:none}.hero-carousel__media-control[aria-pressed=true] .hero-carousel__media-control-icon--pause{display:flex}.hero-carousel__button-wrapper{display:flex;width:calc(100% - (var(--hero-carousel-padding-inline) * 2));max-width:var(--hero-carousel-content-max-width);margin:var(--hero-carousel-button-margin-top) auto 0;justify-content:center}.hero-carousel__empty{width:calc(100% - (var(--hero-carousel-padding-inline) * 2));max-width:var(--hero-carousel-content-max-width);margin:0 auto;padding-block:var(--scale-40);text-align:center}.hero-carousel__empty p{margin:0}@media screen and (max-width:989px){.hero-carousel{--hero-carousel-header-max-width: none;--hero-carousel-progress-max-width: none;--hero-carousel-padding-block-start: var(--scale-80);--hero-carousel-padding-block-end: var(--scale-48);--hero-carousel-padding-inline-start: var(--scale-72);--hero-carousel-padding-inline-end: 0;--hero-carousel-header-gap: var(--scale-12);--hero-carousel-header-margin-bottom: var(--scale-24);--hero-carousel-progress-margin-bottom: var(--scale-24);--hero-carousel-slide-gap: var(--scale-12);--hero-carousel-slide-slot-width: calc((100vw - var(--hero-carousel-padding-inline-start) - var(--hero-carousel-slide-gap)) * .8);--hero-carousel-active-slide-width: 100%;--hero-carousel-inactive-slide-width: 100%;--hero-carousel-inactive-opacity: .4;--hero-carousel-media-aspect-ratio: 31 / 53;--hero-carousel-active-media-height: auto;--hero-carousel-slide-label-margin-top: var(--scale-14);--hero-carousel__label-font-size: var(--font-size-mobile-11);--hero-carousel__label-line-height: var(--font-line-height-mobile-14);--hero-carousel__label-letter-spacing: var(--font-letter-spacing-1-5);--hero-carousel__heading-font-size: var(--font-size-mobile-23);--hero-carousel__heading-line-height: var(--font-line-height-mobile-30);--hero-carousel__heading-letter-spacing: var(--font-letter-spacing-3-5);--hero-carousel__body-font-size: var(--font-size-mobile-16);--hero-carousel__body-line-height: var(--font-line-height-mobile-20);--hero-carousel-button-margin-top: var(--scale-32);--hero-carousel-media-control-size: var(--scale-40);--hero-carousel-media-control-offset: var(--scale-16)}.hero-carousel__container{box-sizing:border-box;padding:var(--hero-carousel-padding-block-start) var(--hero-carousel-padding-inline-end) var(--hero-carousel-padding-block-end) var(--hero-carousel-padding-inline-start)}.hero-carousel__header{width:calc(100% - var(--scale-24));max-width:none;margin-inline:0 var(--scale-20);align-items:flex-start;text-align:start}.hero-carousel__progress{width:var(--hero-carousel-slide-slot-width);max-width:none;margin-inline:0 var(--scale-20)}.hero-carousel__slider{width:100%;min-height:0;overflow:hidden}.hero-carousel__viewport{width:100%;height:auto;overflow:hidden}.hero-carousel__track{width:100%;height:auto;padding-inline:0;align-items:flex-start;gap:var(--hero-carousel-slide-gap);scroll-snap-type:x mandatory}.hero-carousel__slide{width:var(--hero-carousel-slide-slot-width);height:auto;flex:0 0 var(--hero-carousel-slide-slot-width);align-items:flex-start;justify-content:flex-start;overflow:visible;scroll-snap-align:start}.hero-carousel__slide-inner{width:100%;will-change:auto}.hero-carousel__slide:has(+.hero-carousel__slide[data-kb-slider-active]) .hero-carousel__slide-inner{visibility:hidden;opacity:0;pointer-events:none}.hero-carousel__slide[data-kb-slider-active] .hero-carousel__slide-inner{visibility:visible;opacity:1;pointer-events:auto}.hero-carousel__slide[data-kb-slider-active]+.hero-carousel__slide .hero-carousel__slide-inner{visibility:visible;opacity:var(--hero-carousel-inactive-opacity);pointer-events:auto}.hero-carousel__slide-label{text-align:start}.hero-carousel__media-control{inset-inline-start:auto;inset-inline-end:var(--hero-carousel-media-control-offset)}.hero-carousel__button-wrapper{display:none}}@media(prefers-reduced-motion:reduce){.hero-carousel__image--video-cover{transition:none}.hero-carousel__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-carousel.css.map */