.social-content-carousel{--social-content-carousel-background-colour: var(--colour-neutral-100);--social-content-carousel-heading-colour: var(--colour-primary-black);--social-content-carousel-secondary-text-colour: var(--colour-neutral-800);--social-content-carousel-label-colour: var(--colour-neutral-800);--social-content-carousel-progress-track-colour: var(--colour-neutral-500);--social-content-carousel-progress-indicator-colour: var(--colour-primary-black);--social-content-carousel-progress-height: 1px;--social-content-carousel-content-max-width: var(--site-header-max-width);--social-content-carousel-content-padding-inline: var(--scale-24);--social-content-carousel-padding-block-start: var(--scale-80);--social-content-carousel-padding-block-end: var(--scale-80);--social-content-carousel-preheading-margin-bottom: var(--scale-14);--social-content-carousel-heading-margin-bottom: var(--scale-14);--social-content-carousel-progress-margin-top: var(--scale-36);--social-content-carousel-header-margin-bottom: var(--scale-36);--social-content-carousel-slide-gap: var(--scale-20);--social-content-carousel-slide-width: calc((100% - (var(--social-content-carousel-slide-gap) * 4)) / 5);--social-content-carousel-media-aspect-ratio: 300 / 421;--social-content-carousel-media-background: var(--colour-neutral-200);--social-content-carousel-inactive-opacity: .6;--social-content-carousel-label-margin-top: var(--scale-16);--social-content-carousel-play-button-size: var(--scale-48);--social-content-carousel-play-icon-size: var(--scale-14);--social-content-carousel-cta-margin-top: var(--scale-36);--social-content-carousel-preheading-font: var(--font-family-tt-commons-pro);--social-content-carousel-preheading-font-size: var(--font-size-desktop-14);--social-content-carousel-preheading-font-weight: var(--font-weight-medium);--social-content-carousel-preheading-line-height: var(--font-line-height-desktop-18);--social-content-carousel-preheading-letter-spacing: var(--font-letter-spacing-2);--social-content-carousel-heading-font: var(--font-family-sackers-gothic);--social-content-carousel-heading-font-size: var(--font-size-desktop-24);--social-content-carousel-heading-font-weight: var(--font-weight-medium);--social-content-carousel-heading-line-height: var(--font-line-height-desktop-32);--social-content-carousel-heading-letter-spacing: var(--font-letter-spacing-3-5);--social-content-carousel-copy-font: var(--font-family-tt-commons-pro);--social-content-carousel-copy-font-size: var(--font-size-desktop-16);--social-content-carousel-copy-font-weight: var(--font-weight-regular);--social-content-carousel-copy-line-height: var(--font-line-height-desktop-20);--social-content-carousel-label-font: var(--font-family-tt-commons-pro);--social-content-carousel-label-font-size: var(--font-size-desktop-14);--social-content-carousel-label-font-weight: var(--font-weight-medium);--social-content-carousel-label-line-height: var(--font-line-height-desktop-18);--social-content-carousel-label-letter-spacing: var(--font-letter-spacing-2);--social-content-carousel-transition-duration: .7s;--social-content-carousel-transition-easing: cubic-bezier(.22, 1, .36, 1);width:100%;overflow:hidden;color:var(--social-content-carousel-heading-colour);background-color:var(--social-content-carousel-background-colour)}.social-content-carousel--dark{--social-content-carousel-background-colour: var(--colour-secondary-col-16);--social-content-carousel-heading-colour: var(--colour-primary-white);--social-content-carousel-secondary-text-colour: var(--colour-neutral-300);--social-content-carousel-label-colour: var(--colour-neutral-300);--social-content-carousel-progress-track-colour: var(--colour-neutral-700);--social-content-carousel-progress-indicator-colour: var(--colour-neutral-200);--social-content-carousel-media-background: var(--colour-secondary-col-16)}.social-content-carousel__component{display:block;width:100%}.social-content-carousel__inner{width:100%;padding-block:var(--social-content-carousel-padding-block-start) var(--social-content-carousel-padding-block-end)}.social-content-carousel__header{width:calc(100% - (var(--social-content-carousel-content-padding-inline) * 2));max-width:var(--social-content-carousel-content-max-width);margin:0 auto var(--social-content-carousel-header-margin-bottom);text-align:start}.social-content-carousel__preheading,.social-content-carousel__heading,.social-content-carousel__copy{margin:0}.social-content-carousel__preheading{margin-bottom:var(--social-content-carousel-preheading-margin-bottom);color:var(--social-content-carousel-secondary-text-colour);font-family:var(--social-content-carousel-preheading-font);font-size:var(--social-content-carousel-preheading-font-size);font-weight:var(--social-content-carousel-preheading-font-weight);line-height:var(--social-content-carousel-preheading-line-height);letter-spacing:var(--social-content-carousel-preheading-letter-spacing);text-transform:uppercase}.social-content-carousel__heading{max-width:580px;margin-bottom:var(--social-content-carousel-heading-margin-bottom);color:var(--social-content-carousel-heading-colour);font-family:var(--social-content-carousel-heading-font);font-size:var(--social-content-carousel-heading-font-size);font-weight:var(--social-content-carousel-heading-font-weight);line-height:var(--social-content-carousel-heading-line-height);letter-spacing:var(--social-content-carousel-heading-letter-spacing);text-transform:uppercase}.social-content-carousel__copy{max-width:440px;color:var(--social-content-carousel-secondary-text-colour);font-family:var(--social-content-carousel-copy-font);font-size:var(--social-content-carousel-copy-font-size);font-weight:var(--social-content-carousel-copy-font-weight);line-height:var(--social-content-carousel-copy-line-height)}.social-content-carousel__copy>*{margin-block:0}.social-content-carousel__copy>*+*{margin-block-start:var(--scale-12)}.social-content-carousel__progress{width:100%;margin-top:var(--social-content-carousel-progress-margin-top);padding-block:var(--scale-10)}.social-content-carousel__progress-track{position:relative;display:block;width:100%;height:var(--social-content-carousel-progress-height);overflow:hidden;background-color:var(--social-content-carousel-progress-track-colour)}.social-content-carousel__progress-indicator{position:absolute;inset-block:0;inset-inline-start:0;display:block;width:calc(100% / var(--social-content-carousel-slide-count, 1));background-color:var(--social-content-carousel-progress-indicator-colour);transform:translate(calc(((var(--kb-slider-progress, 0) * var(--social-content-carousel-slide-count, 1)) - 1) * 100%));will-change:transform}.social-content-carousel__carousel{position:relative;width:100%}.social-content-carousel__viewport{width:100%;overflow:hidden}.social-content-carousel__track{display:flex;width:100%;gap:var(--social-content-carousel-slide-gap);align-items:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;cursor:grab;-webkit-overflow-scrolling:touch}.social-content-carousel__track[dragging]{cursor:grabbing;scroll-snap-type:none}.social-content-carousel__track::-webkit-scrollbar{display:none}.social-content-carousel__slide{display:block;width:var(--social-content-carousel-slide-width);height:auto;flex:0 0 var(--social-content-carousel-slide-width);overflow:visible;opacity:var(--social-content-carousel-inactive-opacity);scroll-snap-align:center;scroll-snap-stop:always;-webkit-user-select:none;user-select:none;transition:opacity var(--social-content-carousel-transition-duration) var(--social-content-carousel-transition-easing)}.social-content-carousel__slide.is-active,.social-content-carousel__slide:has(+.social-content-carousel__slide.is-active),.social-content-carousel__slide.is-active+.social-content-carousel__slide{opacity:1}.social-content-carousel__slide.is-full-opacity{opacity:1}.social-content-carousel__slide:focus{outline:none}.social-content-carousel__slide:focus-visible{outline:1px solid currentColor;outline-offset:var(--scale-4)}.social-content-carousel__slide-inner{display:flex;width:100%;flex-direction:column}.social-content-carousel__media{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--social-content-carousel-media-aspect-ratio);background-color:var(--social-content-carousel-media-background);cursor:grab}.social-content-carousel__track[dragging] .social-content-carousel__media{cursor:grabbing}.social-content-carousel__video,.social-content-carousel__poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.social-content-carousel__video{position:relative;z-index:1;background-color:var(--social-content-carousel-media-background)}.social-content-carousel__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:1;visibility:visible;transition:opacity var(--social-content-carousel-transition-duration) var(--social-content-carousel-transition-easing),visibility 0s linear var(--social-content-carousel-transition-duration)}.social-content-carousel__poster--standalone{position:relative;inset:auto;z-index:auto}.social-content-carousel__slide.is-started .social-content-carousel__poster{opacity:0;visibility:hidden}.social-content-carousel__play-button{position:absolute;inset:50% auto auto 50%;z-index:3;display:flex;width:var(--social-content-carousel-play-button-size);height:var(--social-content-carousel-play-button-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);opacity:1;visibility:visible;transform:translate(-50%,-50%);transition:opacity var(--social-content-carousel-transition-duration) var(--social-content-carousel-transition-easing),visibility 0s linear var(--social-content-carousel-transition-duration)}.social-content-carousel__video,.social-content-carousel__poster,.social-content-carousel__play-button{pointer-events:none;cursor:inherit}.social-content-carousel__slide.is-started .social-content-carousel__play-button{opacity:0;visibility:hidden}.social-content-carousel__play-button:focus-visible{outline:1px solid currentColor;outline-offset:var(--scale-4)}.social-content-carousel__play-icon{display:flex;width:var(--social-content-carousel-play-icon-size);height:var(--social-content-carousel-play-icon-size);align-items:center;justify-content:center}.social-content-carousel__play-icon svg{display:block;width:100%;height:100%}.social-content-carousel__label{width:100%;margin:var(--social-content-carousel-label-margin-top) 0 0;color:var(--social-content-carousel-label-colour);font-family:var(--social-content-carousel-label-font);font-size:var(--social-content-carousel-label-font-size);font-weight:var(--social-content-carousel-label-font-weight);line-height:var(--social-content-carousel-label-line-height);letter-spacing:var(--social-content-carousel-label-letter-spacing);text-align:start;text-transform:uppercase}.social-content-carousel__cta-wrapper{width:calc(100% - (var(--social-content-carousel-content-padding-inline) * 2));max-width:var(--social-content-carousel-content-max-width);margin:var(--social-content-carousel-cta-margin-top) auto 0}.social-content-carousel__empty{width:calc(100% - (var(--social-content-carousel-content-padding-inline) * 2));max-width:var(--social-content-carousel-content-max-width);margin-inline:auto;padding-block:var(--scale-40);text-align:start}.social-content-carousel__empty p{margin:0}@media screen and (max-width:989px){.social-content-carousel{--social-content-carousel-content-max-width: 248px;--social-content-carousel-content-padding-inline: var(--scale-24);--social-content-carousel-padding-block-start: var(--scale-48);--social-content-carousel-padding-block-end: var(--scale-48);--social-content-carousel-preheading-margin-bottom: var(--scale-12);--social-content-carousel-heading-margin-bottom: var(--scale-12);--social-content-carousel-progress-margin-top: var(--scale-20);--social-content-carousel-header-margin-bottom: var(--scale-20);--social-content-carousel-slide-gap: var(--scale-8);--social-content-carousel-slide-width: calc((100% - var(--social-content-carousel-slide-gap)) / 1.4);--social-content-carousel-media-aspect-ratio: 248 / 320;--social-content-carousel-label-margin-top: var(--scale-0);--social-content-carousel-play-button-size: var(--scale-40);--social-content-carousel-play-icon-size: var(--scale-12);--social-content-carousel-cta-margin-top: var(--scale-24);--social-content-carousel-preheading-font-size: var(--font-size-mobile-11);--social-content-carousel-preheading-line-height: var(--font-line-height-mobile-14);--social-content-carousel-preheading-letter-spacing: var(--font-letter-spacing-1-5);--social-content-carousel-heading-font-size: var(--font-size-mobile-23);--social-content-carousel-heading-line-height: var(--font-line-height-mobile-30);--social-content-carousel-heading-letter-spacing: var(--font-letter-spacing-3-5);--social-content-carousel-copy-font-size: var(--font-size-mobile-13);--social-content-carousel-copy-line-height: var(--font-line-height-mobile-18);--social-content-carousel-label-font-size: var(--font-size-mobile-14);--social-content-carousel-label-font-weight: var(--font-weight-regular);--social-content-carousel-label-line-height: var(--font-line-height-mobile-18);--social-content-carousel-label-letter-spacing: var(--font-letter-spacing-2)}.social-content-carousel__header,.social-content-carousel__cta-wrapper,.social-content-carousel__empty{width:calc(100% - (var(--social-content-carousel-content-padding-inline) * 2));max-width:var(--social-content-carousel-content-max-width)}.social-content-carousel__track{touch-action:pan-x}.social-content-carousel__heading,.social-content-carousel__copy{max-width:none}.social-content-carousel__slide{opacity:1}.social-content-carousel__cta{width:100%}.social-content-carousel__progress{padding-block:var(--scale-8)}}@media(prefers-reduced-motion:reduce){.social-content-carousel__slide,.social-content-carousel__poster,.social-content-carousel__play-button,.social-content-carousel__progress-indicator{transition:none}.social-content-carousel__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-social-content-carousel.css.map */