hero-banner-slider{--hbs-shift: clamp(40px, 9vw, 140px);--hbs-in-duration: .9s;--hbs-ease-out: cubic-bezier(.215, .61, .355, 1);--hbs-ease-in-out: cubic-bezier(.77, 0, .175, 1);--hbs-dir: 1;--hbs-play-state: paused;display:block;background-color:var(--hbs-background, transparent);padding-block:var(--hbs-padding-top, 0) var(--hbs-padding-bottom, 0)}hero-banner-slider[data-direction=prev]{--hbs-dir: -1}hero-banner-slider[data-playing=true]{--hbs-play-state: running}.hbs__frame{position:relative}.hbs--page-width .hbs__frame{max-width:var(--page-width, 1440px);margin-inline:auto;padding-inline:var(--page-margin, 16px)}.hbs__viewport{position:relative;overflow:hidden;aspect-ratio:var(--hbs-ratio, 2.4);touch-action:pan-y;user-select:none;-webkit-user-select:none;background-color:#0000000a}.hbs--page-width .hbs__viewport{border-radius:var(--hbs-radius, 16px)}.hbs__track{position:absolute;top:0;right:0;bottom:0;left:0}.hbs__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;opacity:0;visibility:hidden;z-index:0}.hbs__slide.is-staged,.hbs__slide.is-active,.hbs__slide.is-leaving{display:block}.hbs__slide.is-active{z-index:2;opacity:1;visibility:visible}.hbs__slide.is-leaving{z-index:1;opacity:1;visibility:visible}.hbs__media{position:absolute;top:0;right:0;bottom:0;left:0}.hbs__media picture{display:contents}.hbs__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hbs-focal, center);-webkit-user-drag:none}.hbs__image--placeholder{background-color:#0000000f}.hbs__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;-webkit-user-drag:none}.hbs__link:focus-visible{outline:3px solid #ffffff;outline-offset:-6px;box-shadow:inset 0 0 0 6px #00000073}.hbs--slide-fade .hbs__slide:not(.is-active):not(.is-leaving) .hbs__media{transform:translate(calc(var(--hbs-shift) * var(--hbs-dir)))}.hbs--slide-fade .hbs__slide.is-active{transition:opacity .65s ease-out}.hbs--slide-fade .hbs__slide.is-active .hbs__media{transform:translate(0);transition:transform var(--hbs-in-duration) var(--hbs-ease-out)}.hbs--slide-fade .hbs__slide.is-leaving .hbs__media{transform:translate(calc(var(--hbs-shift) * var(--hbs-dir) * -.5));transition:transform var(--hbs-in-duration) var(--hbs-ease-out)}.hbs--fade .hbs__slide.is-active{transition:opacity .7s ease}.hbs--slide .hbs__slide{opacity:1}.hbs--slide .hbs__slide:not(.is-active):not(.is-leaving){transform:translate(calc(100% * var(--hbs-dir)))}.hbs--slide .hbs__slide.is-active{transform:translate(0);transition:transform .7s var(--hbs-ease-in-out)}.hbs--slide .hbs__slide.is-leaving{transform:translate(calc(-100% * var(--hbs-dir)));transition:transform .7s var(--hbs-ease-in-out)}.hbs--zoom .hbs__slide.is-active .hbs__image{animation:hbs-zoom calc(var(--hbs-interval, 5s) + 1s) ease-out both;animation-play-state:var(--hbs-play-state)}@keyframes hbs-zoom{0%{transform:scale(1.07)}to{transform:scale(1)}}.hbs__shine{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hbs__shine:before{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:30%;background:linear-gradient(90deg,#fff0,rgb(255 250 235 / calc(var(--hbs-shine-strength, .55) * .2)) 18%,rgb(255 255 255 / var(--hbs-shine-strength, .55)) 38%,rgb(255 250 235 / calc(var(--hbs-shine-strength, .55) * .2)) 56%,#fff0 62%,rgb(255 255 255 / calc(var(--hbs-shine-strength, .55) * .75)) 70%,#fff0 77%);transform:translate(-130%) skew(-18deg)}@media(prefers-reduced-motion:no-preference){.hbs__slide.is-active .hbs__shine:before{animation:hbs-shine var(--hbs-shine-cycle, 6s) ease-in-out .9s infinite}}@keyframes hbs-shine{0%{transform:translate(-130%) skew(-18deg)}40%,to{transform:translate(400%) skew(-18deg)}}.hbs__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hbs__overlay--left{background:linear-gradient(to right,rgb(0 0 0 / var(--hbs-overlay)),#0000 70%)}.hbs__overlay--right{background:linear-gradient(to left,rgb(0 0 0 / var(--hbs-overlay)),#0000 70%)}.hbs__overlay--center{background:rgb(0 0 0 / var(--hbs-overlay))}.hbs__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;padding:clamp(24px,5vw,72px);pointer-events:none;color:var(--hbs-text-color, #ffffff)}.hbs__content--top-left,.hbs__content--top-center,.hbs__content--top-right{align-items:flex-start}.hbs__content--middle-left,.hbs__content--middle-center,.hbs__content--middle-right{align-items:center}.hbs__content--bottom-left,.hbs__content--bottom-center,.hbs__content--bottom-right{align-items:flex-end;padding-bottom:clamp(72px,8vw,104px)}.hbs__content--top-left,.hbs__content--middle-left,.hbs__content--bottom-left{justify-content:flex-start}.hbs__content--top-center,.hbs__content--middle-center,.hbs__content--bottom-center{justify-content:center}.hbs__content--top-right,.hbs__content--middle-right,.hbs__content--bottom-right{justify-content:flex-end}.hbs__content-inner{display:flex;flex-direction:column;gap:14px;max-width:var(--hbs-content-width, 50%)}.hbs__content--align-center .hbs__content-inner{align-items:center;text-align:center}.hbs__content--align-right .hbs__content-inner{align-items:flex-end;text-align:right}.hbs__subheading{margin:0;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hbs__heading{margin:0;font-family:var(--font-heading--family);font-size:var(--hbs-heading-size, 48px);font-weight:700;line-height:1.08;color:inherit;text-wrap:balance}.hbs__heading-line{display:block}.hbs__heading-accent{color:var(--hbs-accent, #f97316)}.hbs__text{font-size:1.0625rem;line-height:1.5}.hbs__text>:first-child{margin-top:0}.hbs__text>:last-child{margin-bottom:0}.hbs__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;pointer-events:auto}.hbs__button--accent{display:inline-flex;align-items:center;gap:.4em;padding:.7em 1.4em;border-radius:999px;font-family:var(--font-body--family);font-size:1rem;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;color:#fff;background-color:var(--hbs-accent, #f97316);box-shadow:0 10px 22px -12px #c2410cbf;transition:filter .2s ease,transform .15s ease}.hbs__button--accent svg{flex:none;width:.8em;height:.8em}.hbs__button--accent:hover{filter:brightness(1.07)}.hbs__button--accent:active{transform:scale(.98)}.hbs__button--accent:focus-visible{outline:3px solid var(--hbs-text-color, #ffffff);outline-offset:3px}hero-banner-slider[data-ready] .hbs__content-inner{opacity:0;transform:translateY(18px)}hero-banner-slider[data-ready] .hbs__slide.is-active .hbs__content-inner{opacity:1;transform:translateY(0);transition:opacity .6s ease-out .25s,transform .8s var(--hbs-ease-out) .25s}.hbs__arrow{position:absolute;top:50%;z-index:5;display:none;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background-color:#1118278c;color:#fff;cursor:pointer;transform:translateY(-50%);opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .25s ease,background-color .2s ease}.hbs__arrow--prev{left:20px}.hbs__arrow--next{right:20px}.hbs--controls-light .hbs__arrow{background-color:#fffc;color:#111827}.hbs__arrow:hover{background-color:#111827cc}.hbs--controls-light .hbs__arrow:hover{background-color:#fff}@media(hover:hover)and (pointer:fine)and (min-width:750px){.hbs__arrow{display:flex}.hbs__viewport:hover .hbs__arrow{opacity:1}}.hbs__arrow:focus-visible{display:flex;opacity:1;outline:3px solid #f97316;outline-offset:2px}.hbs__controls{position:absolute;bottom:clamp(14px,2.4vw,28px);left:50%;z-index:5;display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:999px;background-color:#11182780;color:#fff;transform:translate(-50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hbs--controls-light .hbs__controls{background-color:#ffffffd1;color:#111827}.hbs__toggle,.hbs__page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 4px;border:0;background:transparent;color:inherit;cursor:pointer}.hbs__toggle{border-radius:50%}.hbs__toggle:hover{background-color:#ffffff26}.hbs--controls-light .hbs__toggle:hover{background-color:#0000000f}.hbs__icon-play{display:none}hero-banner-slider[data-user-paused=true] .hbs__icon-play{display:block}hero-banner-slider[data-user-paused=true] .hbs__icon-pause{display:none}.hbs__pagination{display:flex;align-items:center}.hbs__page-bar{position:relative;display:block;width:28px;height:3px;overflow:hidden;border-radius:3px;background-color:currentColor;opacity:.35;transition:width .3s ease,opacity .3s ease}.hbs__page:hover .hbs__page-bar{opacity:.7}.hbs__page[aria-current=true] .hbs__page-bar{width:44px;opacity:1;background-color:#ffffff59}.hbs--controls-light .hbs__page[aria-current=true] .hbs__page-bar{background-color:#11182740}.hbs__page-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:#f97316;transform:scaleX(0);transform-origin:left}.hbs__page[aria-current=true] .hbs__page-bar:after{transform:scaleX(1)}hero-banner-slider[data-autoplay=true]:not([data-user-paused=true]) .hbs__page[aria-current=true] .hbs__page-bar:after{animation:hbs-progress var(--hbs-interval, 5s) linear both;animation-play-state:var(--hbs-play-state)}@keyframes hbs-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hbs--pagination-dots .hbs__page-bar,.hbs--pagination-dots .hbs__page[aria-current=true] .hbs__page-bar{width:8px;height:8px;border-radius:50%}.hbs--pagination-dots .hbs__page[aria-current=true] .hbs__page-bar{width:22px;border-radius:8px}:is(.hbs__toggle,.hbs__page):focus-visible{outline:2px solid #f97316;outline-offset:1px;border-radius:999px}@media screen and (max-width:749px){.hbs__viewport{aspect-ratio:var(--hbs-ratio-mobile, .8)}.hbs--page-width .hbs__viewport{border-radius:calc(var(--hbs-radius, 16px) * .75)}.hbs__image{object-position:var(--hbs-focal-mobile, var(--hbs-focal, center))}.hbs__content{padding:20px 20px 64px;justify-content:flex-start}.hbs__content--mobile-top{align-items:flex-start}.hbs__content--mobile-middle{align-items:center}.hbs__content--mobile-bottom{align-items:flex-end}.hbs__content-inner{max-width:var(--hbs-content-width-mobile, 100%);gap:10px}.hbs__heading{font-size:clamp(26px,7.5vw,calc(var(--hbs-heading-size, 48px) * .7))}.hbs__text{font-size:.9375rem}.hbs__overlay--left,.hbs__overlay--right{background:linear-gradient(to top,rgb(0 0 0 / var(--hbs-overlay)),#0000 75%)}.hbs__controls{bottom:12px;padding:0 4px}.hbs__toggle,.hbs__page{min-width:32px;height:32px}.hbs__page-bar{width:18px}.hbs__page[aria-current=true] .hbs__page-bar{width:30px}}.hbs--design-bold{--hbs-controls-color: #1b3a5f;--hbs-dot-color: #c5d1df;--hbs-arrow-size: clamp(44px, 3.7cqi, 58px);--hbs-arrow-inset: clamp(14px, 2cqi, 28px)}.hbs--design-bold .hbs__viewport{container-type:inline-size}.hbs--design-bold .hbs__content{--hbs-h: max(28px, min(var(--hbs-heading-size, 48px), calc(var(--hbs-heading-ratio, .0333) * 100cqi)));padding:clamp(24px,4.5cqi,72px)}@supports not (width: 1cqi){.hbs--design-bold .hbs__content{--hbs-h: max(28px, min(var(--hbs-heading-size, 48px), calc(var(--hbs-heading-ratio, .0333) * 100vw)))}}.hbs--design-bold .hbs__content-inner{gap:calc(var(--hbs-h) * .14)}.hbs--design-bold .hbs__subheading{font-size:max(12px,calc(var(--hbs-h) * .16))}.hbs--design-bold .hbs__heading{font-size:var(--hbs-h);font-weight:800;line-height:.98;letter-spacing:-.035em}.hbs--design-bold .hbs__text{font-size:max(15px,calc(var(--hbs-h) * .33));font-weight:500;line-height:1.25;letter-spacing:-.01em}.hbs--design-bold .hbs__buttons{margin-top:calc(var(--hbs-h) * .2)}.hbs--design-bold .hbs__button--accent{font-size:max(15px,calc(var(--hbs-h) * .33));padding:.45em 1.15em .5em}.hbs--design-bold .hbs__arrow{top:auto;bottom:var(--hbs-arrow-inset);width:var(--hbs-arrow-size);height:var(--hbs-arrow-size);color:var(--hbs-controls-color);background-color:#fff;box-shadow:0 8px 18px -8px #0f172a66;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hbs--design-bold .hbs__arrow:hover{background-color:#f1f5f9}.hbs--design-bold .hbs__arrow--next{right:var(--hbs-arrow-inset);left:auto}.hbs--design-bold .hbs__arrow--prev{right:calc(var(--hbs-arrow-inset) + var(--hbs-arrow-size) + 14px);left:auto}.hbs--design-bold .hbs__arrow svg{stroke-width:2.4}@media screen and (min-width:750px){.hbs--design-bold .hbs__content--bottom-left{padding-bottom:clamp(24px,4.5cqi,72px)}.hbs--design-bold :is(.hbs__content--bottom-center,.hbs__content--bottom-right){padding-bottom:calc(var(--hbs-arrow-inset) + var(--hbs-arrow-size) + 16px)}}@media(hover:hover)and (pointer:fine)and (min-width:750px){.hbs--design-bold .hbs__arrow{opacity:1}}.hbs--design-bold .hbs__controls{position:static;width:fit-content;margin:14px auto 0;padding:0;color:var(--hbs-controls-color);background:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hbs--design-bold .hbs__toggle:hover{background-color:#1b3a5f14}.hbs--design-bold.hbs--pagination-dots .hbs__page-bar{width:10px;height:10px;border-radius:999px;background-color:var(--hbs-dot-color);opacity:1}.hbs--design-bold.hbs--pagination-dots .hbs__page:hover .hbs__page-bar{background-color:#93a5bb}.hbs--design-bold.hbs--pagination-dots .hbs__page[aria-current=true] .hbs__page-bar{width:28px;background-color:var(--hbs-controls-color)}.hbs--design-bold.hbs--pagination-dots .hbs__page-bar:after{display:none}.hbs--design-bold.hbs--pagination-lines .hbs__page[aria-current=true] .hbs__page-bar{background-color:#1b3a5f33}@media screen and (max-width:749px){.hbs--design-bold .hbs__content{--hbs-h: clamp(18px, 6.8cqi, calc(var(--hbs-heading-size, 48px) * .7));padding:clamp(12px,4.3cqi,20px)}@supports not (width: 1cqi){.hbs--design-bold .hbs__content{--hbs-h: clamp(18px, 6.2vw, calc(var(--hbs-heading-size, 48px) * .7))}}.hbs--design-bold .hbs__content-inner{gap:calc(var(--hbs-h) * .18)}.hbs--design-bold .hbs__subheading{font-size:.6875rem}.hbs--design-bold .hbs__text{font-size:clamp(10.5px,3.2cqi,14px);line-height:1.3;letter-spacing:0}.hbs--design-bold .hbs__buttons{margin-top:calc(var(--hbs-h) * .3)}.hbs--design-bold .hbs__button--accent{font-size:clamp(11px,3.4cqi,14px);padding:.55em 1.1em;box-shadow:0 6px 14px -8px #c2410cbf}.hbs--design-bold .hbs__controls{margin-top:10px}.hbs--design-bold.hbs--pagination-dots .hbs__page-bar{width:8px;height:8px}.hbs--design-bold.hbs--pagination-dots .hbs__page[aria-current=true] .hbs__page-bar{width:22px}}@media screen and (min-width:750px){.hbs--fixed-height .hbs__viewport{aspect-ratio:auto;height:var(--hbs-height)}.hbs--fixed-height.hbs--design-bold .hbs__content{--hbs-h: max( 28px, min(var(--hbs-heading-size, 48px), calc(var(--hbs-heading-ratio, .0333) * 100cqi), calc(var(--hbs-height) * .19)) );padding-block:calc(var(--hbs-height) * .09)}}.hbs__media .hbs__backdrop-picture{display:none}@media screen and (min-width:750px){.hbs--fit-whole .hbs__media .hbs__backdrop-picture{display:contents}.hbs--fit-whole .hbs__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(28px) saturate(1.15);opacity:.9;transform:scale(1.2);pointer-events:none;-webkit-user-drag:none}.hbs--fit-whole .hbs__image{position:relative;object-fit:contain}}@media(prefers-reduced-motion:reduce){.hbs__slide,.hbs__slide .hbs__media,.hbs__slide.is-active,.hbs__slide.is-active .hbs__media,.hbs__slide.is-leaving,.hbs__slide.is-leaving .hbs__media{transform:none!important}.hbs__slide.is-active{transition:opacity .25s linear!important}.hbs__slide .hbs__media,.hbs__slide.is-leaving{transition:none!important}.hbs--zoom .hbs__slide.is-active .hbs__image{animation:none}hero-banner-slider[data-ready] .hbs__content-inner,hero-banner-slider[data-ready] .hbs__slide.is-active .hbs__content-inner{transform:none;transition:opacity .25s linear}.hbs__arrow,.hbs__button--accent{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-banner-slider.css.map */