.banner-slider{position:relative;display:block;height:var(--slider-height, 560px);overflow:hidden;background:var(--palette-primary-dark, var(--color-text));color:var(--palette-on-media, var(--color-background))}.banner-slider__slides,.banner-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0}.banner-slider__slide{opacity:0;visibility:hidden}.banner-slider__slide[data-active],.banner-slider:not(:defined) .banner-slider__slide:first-child{opacity:1;visibility:visible;z-index:1}.banner-slider__media{position:absolute;top:0;right:0;bottom:0;left:0}.banner-slider:not([data-media-ready]) .banner-slider__slide:not([data-active]) .banner-slider__media{display:none}.banner-slider__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.banner-slider__tint{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--palette-shade-rgb) / var(--slider-tint, .34));pointer-events:none}.banner-slider[data-shade=cinematic] .banner-slider__tint{background:linear-gradient(to top,rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * 2.2)),rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * .6)) 50%,rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * .15)) 75%),linear-gradient(var(--slider-shade-side, to right),rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * 2)),transparent 60%)}.banner-slider[data-shade=cinematic][data-align=center] .banner-slider__tint{background:linear-gradient(to top,rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * 2.2)),rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * .6)) 50%,rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * .15)) 75%)}[dir=rtl] .banner-slider{--slider-shade-side: to left}.banner-slider[data-align=bottom]:not([data-shade]) .banner-slider__tint{background:linear-gradient(to top,rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * 2)),rgb(var(--palette-shade-rgb) / calc(var(--slider-tint, .34) * .4)) 55%,transparent)}.banner-slider__copy{position:absolute;inset-inline:0;inset-block:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);width:calc(100% - 2 * var(--page-gutter-mobile));max-width:var(--container-max);margin-inline:auto;text-align:center}.banner-slider[data-align=start] .banner-slider__copy{align-items:flex-start;text-align:start}.banner-slider[data-align=bottom] .banner-slider__copy{align-items:flex-start;justify-content:flex-end;padding-block-end:104px;text-align:start}.banner-slider__kicker{margin:0;color:color-mix(in srgb,var(--palette-gold-light) 45%,var(--palette-on-media));font-size:var(--fs-3);font-weight:700}.banner-slider__heading{margin:0;color:inherit;font-family:var(--font-heading-custom, var(--font-heading));font-weight:var(--heading-weight);letter-spacing:var(--heading-letter-spacing);font-size:calc(var(--text-3xl) * var(--heading-scale));line-height:1.15;max-width:var(--slider-heading-width, 16ch)}.banner-slider__text{margin:0;max-width:44ch;font-size:var(--fs-6);opacity:.92}.banner-slider__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-1)}.banner-slider__button{min-height:var(--button-height);padding-inline:30px;border-radius:var(--radius-control)}.banner-slider .banner-slider__button--light{background:var(--palette-background);border-color:var(--palette-background);color:var(--palette-text)}.banner-slider .banner-slider__button--light:hover{background:var(--palette-primary);border-color:var(--palette-primary);color:var(--palette-background)}.banner-slider .banner-slider__button--outline{background:transparent;border-color:currentColor;color:inherit}.banner-slider .banner-slider__button--outline:hover{background:var(--palette-background);color:var(--palette-text)}.banner-slider .banner-slider__button--line{background:transparent;border-color:rgb(var(--palette-on-media-rgb) / 70%);color:var(--palette-on-media)}.banner-slider .banner-slider__button--line:hover{background:var(--palette-on-media);border-color:var(--palette-on-media);color:var(--palette-text)}.banner-slider :is(.banner-slider__button,.banner-slider__bar,.banner-slider__toggle):focus-visible{outline:var(--focus-width) solid var(--palette-on-media);outline-offset:3px}.banner-slider__nav{position:absolute;z-index:2;inset-inline:0;inset-block-end:40px;display:flex;align-items:center;justify-content:center;gap:var(--space-5);width:calc(100% - 2 * var(--page-gutter-mobile));max-width:var(--container-max);margin-inline:auto}.banner-slider[data-align=bottom] .banner-slider__nav{justify-content:flex-start}.banner-slider__bars{display:flex;gap:var(--space-2)}.banner-slider__bar{position:relative;width:70px;height:24px;padding:0;border:0;background:none;cursor:pointer}.banner-slider__bar:before,.banner-slider__bar span{content:"";position:absolute;inset-inline:0;inset-block-start:11px;height:2px;background:rgb(var(--palette-on-media-rgb) / 38%)}.banner-slider__bar span{background:var(--palette-on-media);transform:scaleX(0);transform-origin:var(--bar-origin, left)}[dir=rtl] .banner-slider__bar span{--bar-origin: right}.banner-slider__bar[data-done] span{transform:scaleX(1)}.banner-slider__bar[data-active] span{animation:banner-slider-fill var(--slide-interval, 6s) linear forwards}.banner-slider[data-paused] .banner-slider__bar[data-active] span{animation-play-state:paused}.banner-slider:not([data-autoplay=true]) .banner-slider__bar[data-active] span{animation:none;transform:scaleX(1)}@keyframes banner-slider-fill{to{transform:scaleX(1)}}.banner-slider__counter{margin:0;font-size:var(--fs-3);letter-spacing:1.5px;opacity:.9;white-space:nowrap}.banner-slider__counter [data-slide-current]{font-weight:700}.banner-slider__toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgb(var(--palette-on-media-rgb) / 50%);border-radius:var(--radius-round);background:transparent;color:inherit}.banner-slider__toggle svg{width:14px;height:14px}.banner-slider__toggle[aria-pressed=false] svg:last-child,.banner-slider__toggle[aria-pressed=true] svg:first-child{display:none}@media(prefers-reduced-motion:no-preference){.banner-slider__slide{transition:opacity 1.2s var(--ease-standard),visibility 1.2s}.banner-slider[data-ken-burns=true] .banner-slider__slide[data-active] .banner-slider__media img{animation:banner-slider-zoom 9s ease-out forwards}.banner-slider__slide[data-active] .banner-slider__copy>*{animation:banner-slider-rise .9s var(--ease-standard) both}.banner-slider__slide[data-active] .banner-slider__copy>:nth-child(2){animation-delay:.12s}.banner-slider__slide[data-active] .banner-slider__copy>:nth-child(3){animation-delay:.24s}.banner-slider__slide[data-active] .banner-slider__copy>:nth-child(4){animation-delay:.36s}}@media(prefers-reduced-motion:reduce){.banner-slider__bar[data-active] span{animation:none;transform:scaleX(1)}}@keyframes banner-slider-zoom{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes banner-slider-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:749px){.banner-slider{height:auto;aspect-ratio:var(--slider-ratio-mobile, var(--ratio-four-five))}.banner-slider__heading{font-size:calc(var(--h1-mobile) * var(--heading-scale) * var(--mobile-heading-scale))}.banner-slider__text{font-size:var(--fs-4)}.banner-slider[data-align=bottom] .banner-slider__copy{padding-block-end:70px}.banner-slider__nav{inset-block-end:24px}.banner-slider__bar{width:40px}.banner-slider[data-compact] .banner-slider__copy{gap:var(--space-3)}.banner-slider[data-compact] .banner-slider__text{font-size:var(--fs-3)}.banner-slider[data-compact] .banner-slider__button{min-height:var(--control-min-height, 44px);padding-inline:18px;font-size:var(--fs-3)}}@media(min-width:750px){.banner-slider__copy,.banner-slider__nav{width:calc(100% - 2 * var(--page-gutter-desktop))}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-banner-slider.css.map */