.farfhe-banner-slider{position:relative;width:100%;overflow:hidden;background:rgb(var(--color-background))}body.overflow-hidden-tablet .farfhe-banner-slider,body.overflow-hidden-desktop .farfhe-banner-slider,body.overflow-hidden-mobile .farfhe-banner-slider{visibility:hidden!important}.farfhe-banner-slider__viewport{position:relative;width:100%;height:var(--fbs-desktop-h, 600px);overflow:hidden}.farfhe-banner-slider__track{position:relative;width:100%;height:100%}.farfhe-banner-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--fbs-transition, .8s) ease,visibility 0s linear var(--fbs-transition, .8s);z-index:1}.farfhe-banner-slide.is-active{opacity:1;visibility:visible;transition:opacity var(--fbs-transition, .8s) ease,visibility 0s linear 0s;z-index:2}.farfhe-banner-slide__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.farfhe-banner-slide__image,.farfhe-banner-slide__video,.farfhe-banner-slide__media video,.farfhe-banner-slide__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.farfhe-banner-slide.is-active .farfhe-banner-slide__image,.farfhe-banner-slide.is-active .farfhe-banner-slide__video{animation:fbsKenBurns 9s ease-out forwards}@keyframes fbsKenBurns{0%{transform:scale(1.02)}to{transform:scale(1.08)}}.farfhe-banner-slide__image--mobile{display:none}@media screen and (max-width:749px){.farfhe-banner-slider__viewport{height:var(--fbs-mobile-h, 480px)}.farfhe-banner-slide__image:not(.farfhe-banner-slide__image--mobile){display:none}.farfhe-banner-slide__image--mobile{display:block}.farfhe-banner-slide__media:not(:has(.farfhe-banner-slide__image--mobile)) .farfhe-banner-slide__image{display:block}}.farfhe-banner-slide__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000026,#0000008c);pointer-events:none;z-index:1}.farfhe-banner-slide__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:clamp(2rem,6vw,6rem);z-index:2;pointer-events:none}.farfhe-banner-slide.fbs-valign-top .farfhe-banner-slide__content{align-items:flex-start}.farfhe-banner-slide.fbs-valign-center .farfhe-banner-slide__content{align-items:center}.farfhe-banner-slide.fbs-valign-bottom .farfhe-banner-slide__content{align-items:flex-end}.farfhe-banner-slide.fbs-align-left .farfhe-banner-slide__content{justify-content:flex-start;text-align:left}.farfhe-banner-slide.fbs-align-center .farfhe-banner-slide__content{justify-content:center;text-align:center}.farfhe-banner-slide.fbs-align-right .farfhe-banner-slide__content{justify-content:flex-end;text-align:right}.farfhe-banner-slide__content-inner{max-width:60rem;pointer-events:auto;opacity:0;transform:translateY(2rem);transition:opacity .7s ease .2s,transform .7s ease .2s}.farfhe-banner-slide.is-active .farfhe-banner-slide__content-inner{opacity:1;transform:translateY(0)}.farfhe-banner-slide__subheading{font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.2rem;font-weight:500;opacity:.92}.farfhe-banner-slide__heading{font-size:clamp(2.8rem,5.5vw,6.4rem);line-height:1.05;margin:0 0 1.4rem;font-weight:700;letter-spacing:-.01em}.farfhe-banner-slide__description{font-size:clamp(1.4rem,1.6vw,1.8rem);line-height:1.5;margin:0 0 2.4rem;opacity:.95}.farfhe-banner-slide__button{display:inline-block;padding:1.4rem 3.2rem;font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:0;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease;box-shadow:0 .4rem 1.6rem #0000002e}.farfhe-banner-slide__button:hover{transform:translateY(-.2rem);box-shadow:0 .8rem 2.4rem #00000047}.farfhe-banner-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:#ffffffd9;color:#111;border:none;cursor:pointer;opacity:0;transition:opacity .25s ease,background .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.farfhe-banner-slider:hover .farfhe-banner-slider__arrow,.farfhe-banner-slider:focus-within .farfhe-banner-slider__arrow{opacity:1}.farfhe-banner-slider__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.farfhe-banner-slider__arrow--prev{left:2rem}.farfhe-banner-slider__arrow--next{right:2rem}@media screen and (max-width:749px){.farfhe-banner-slider__arrow{width:4rem;height:4rem;opacity:1;background:#ffffffb3}.farfhe-banner-slider__arrow--prev{left:1rem}.farfhe-banner-slider__arrow--next{right:1rem}}.farfhe-banner-slider__playpause{position:absolute;bottom:1.6rem;right:1.6rem;z-index:5;width:3.6rem;height:3.6rem;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.farfhe-banner-slider__playpause:hover{background:#000000bf}.farfhe-banner-slider__playpause .fbs-icon-play{display:none}.farfhe-banner-slider__playpause[data-state=paused] .fbs-icon-play{display:block}.farfhe-banner-slider__playpause[data-state=paused] .fbs-icon-pause{display:none}.farfhe-banner-slider__dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:.8rem;padding:.8rem 1.4rem;background:#00000040;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.farfhe-banner-slider__dot{position:relative;width:3.2rem;height:.4rem;border-radius:999px;border:none;padding:0;background:#fff6;cursor:pointer;overflow:hidden;transition:background .2s ease,width .3s ease}.farfhe-banner-slider__dot:hover{background:#fff9}.farfhe-banner-slider__dot.is-active{width:5rem;background:#ffffff4d}.farfhe-banner-slider__dot-progress{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:#fff;border-radius:999px}.farfhe-banner-slider__dot.is-active .farfhe-banner-slider__dot-progress{animation:fbsDotFill var(--fbs-autoplay-ms, 5s) linear forwards}.farfhe-banner-slider[data-paused=true] .farfhe-banner-slider__dot.is-active .farfhe-banner-slider__dot-progress{animation-play-state:paused}@keyframes fbsDotFill{0%{width:0%}to{width:100%}}@media(prefers-reduced-motion:reduce){.farfhe-banner-slide,.farfhe-banner-slide__content-inner,.farfhe-banner-slide__image,.farfhe-banner-slide__video,.farfhe-banner-slider__dot-progress{animation:none!important;transition:opacity .2s ease!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/farfhe-banner-slider.css.map */