.hero-banner__frame{position:relative}.hero-banner__swiper{width:100%;overflow:hidden}.hero-banner__slide{position:relative;display:flex;height:30rem;overflow:hidden;background:rgb(var(--color-background-contrast))}.hero-banner--small .hero-banner__slide{height:22rem}.hero-banner--medium .hero-banner__slide{height:30rem}.hero-banner--large .hero-banner__slide{height:38rem}.hero-banner--adapt .hero-banner__slide{height:auto;aspect-ratio:var(--hero-banner-ratio-mobile, var(--hero-banner-ratio, 16 / 9))}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground));opacity:var(--hero-banner-overlay, 0);pointer-events:none}.hero-banner__picture,.hero-banner__image{display:block;width:100%;height:100%}.hero-banner__image{object-fit:cover}.hero-banner__content{position:relative;z-index:1;display:flex;width:100%}.hero-banner__layout{width:100%;align-self:flex-start;padding:3rem 2rem}.hero-banner__slide--align-mobile-center .hero-banner__content-inner,.hero-banner__slide--align-mobile-center .hero-banner__buttons{text-align:center;justify-content:center}.hero-banner__slide--align-mobile-right .hero-banner__content-inner{text-align:right}.hero-banner__slide--align-mobile-right .hero-banner__buttons{justify-content:flex-end}.hero-banner__heading{margin:0 0 1.2rem}.hero-banner__heading>*{margin:0;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit}.hero-banner__heading>*+*{margin-top:.4em}.hero-banner__heading ul,.hero-banner__heading ol{padding-left:1.5em}.hero-banner__text{max-width:72rem}.hero-banner__text>*{margin:0}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:4.5rem}.hero-banner__buttons .button{margin:0;box-sizing:border-box}.hero-banner__nav{position:absolute;left:1.6rem;bottom:1.6rem;z-index:5;display:flex;gap:2rem}.hero-banner__arrow{display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:var(--transition)}.hero-banner__arrow:hover{opacity:.7}.hero-banner__arrow.swiper-button-disabled{opacity:.5;cursor:default}.hero-banner__pagination{position:absolute;left:0;right:0;bottom:3rem!important;z-index:5;display:flex;justify-content:center;gap:.6rem;pointer-events:none}.hero-banner__pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--color-foreground));opacity:.3;cursor:pointer;pointer-events:auto;transition:var(--transition)}.hero-banner__pagination .swiper-pagination-bullet-active{width:2rem;border-radius:var(--buttons-radius);opacity:1}@media screen and (max-width:1300px){.hero-banner__nav{display:none}}@media screen and (min-width:750px){.hero-banner--small .hero-banner__slide{height:28rem}.hero-banner--medium .hero-banner__slide{height:42rem}.hero-banner--large .hero-banner__slide{height:54rem}.hero-banner--adapt .hero-banner__slide{aspect-ratio:var(--hero-banner-ratio, 16 / 9)}.hero-banner__layout{align-self:center;padding:4rem 6rem}.hero-banner__slide--content-top .hero-banner__layout{align-self:flex-start}.hero-banner__slide--content-bottom .hero-banner__layout{align-self:flex-end}.hero-banner__content-inner{max-width:56rem}.hero-banner__slide--align-center .hero-banner__content-inner{margin-inline:auto;text-align:center}.hero-banner__slide--align-center .hero-banner__buttons{justify-content:center}.hero-banner__slide--align-right .hero-banner__content-inner{margin-inline-start:auto;text-align:right}.hero-banner__slide--align-right .hero-banner__buttons{justify-content:flex-end}.hero-banner__slide--align-left .hero-banner__content-inner{text-align:left}.hero-banner__slide--align-left .hero-banner__buttons{justify-content:flex-start}.hero-banner__nav{left:6rem;bottom:4rem}.hero-banner__arrow{width:6rem;height:6rem}}@media screen and (min-width:750px)and (max-width:989px){.hero-banner__content-inner{max-width:44rem}.hero-banner__heading.inline-richtext.h0{font-size:calc(var(--font-heading-scale) * 2.8rem)}}@media screen and (min-width:990px)and (max-width:1199px){.hero-banner__content-inner{max-width:47rem}}@media screen and (min-width:1600px){.hero-banner__content-inner{max-width:78rem}}@media screen and (max-width:749px){.hero-banner__buttons .button{min-width:calc(10rem + var(--buttons-border-width) * 2)}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/section-hero-banner.css.map */