.hero-section{position:relative;width:100%}.hero{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero--placeholder{background-color:rgba(var(--color-foreground),.1)}.hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.hero__content-wrapper{position:relative;z-index:1;width:100%;padding:2rem}.hero__content{text-align:center;color:var(--color-foreground)}.hero__heading{margin-bottom:1.5rem;color:inherit}.hero__description{margin-bottom:2rem;color:inherit}.hero__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero__icon-wrapper{margin-bottom:1rem}.hero__icon{max-width:80px;height:auto}.hero-section--slider .hero__content-wrapper{background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:3rem;max-width:600px;margin:0 auto}.hero-section--no-slider .hero__content-wrapper,.hero__content--no-slider,.hero__heading--no-slider{text-align:left}.hero__buttons--no-slider{justify-content:flex-start}.hero__media{aspect-ratio:48 / 25}@media screen and (min-width:750px){.hero__content-wrapper{padding:4rem 5rem}.hero-section--slider .hero__content-wrapper{padding:4rem}}@media screen and (max-width:749px){.hero-section--slider.hero-section--slider-layout-layout_1 .hero{display:block;min-height:auto;overflow:visible}.hero-section--slider.hero-section--slider-layout-layout_1 .hero__media{position:relative;display:block;width:100%;height:auto;min-height:197px;margin-bottom:0}.hero-section--slider.hero-section--slider-layout-layout_1 .hero__media img{height:auto}.hero-section--slider.hero-section--slider-layout-layout_1 .hero__content-wrapper{position:relative;max-width:100%;padding:2.2rem 0;margin:0 auto;background:rgb(var(--color-background))}.hero-section--slider.hero-section--slider-layout-layout_1 .hero--placeholder .hero__content-wrapper{border-radius:0;margin-top:0}.hero-section--slider .slider-grid.slider--everywhere{margin-bottom:0}.hero-section--slider.hero-section--slider-layout-layout_2 .hero{align-items:flex-end}.hero-section--slider.hero-section--slider-layout-layout_2 .hero__content-wrapper{border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/component-hero.css.map */