/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/sass/sections/widget-intro-hero.scss ***!
  \*******************************************************************************************************************************************************************************************/.hero .hero__media,.hero:before{position:absolute;top:0;left:0;width:100%;height:100%}.hero{position:relative;height:100dvh;min-height:fit-content;padding:var(--space-xl) 0;display:flex;align-items:center;color:#fff}.hero:before{content:"";z-index:2;pointer-events:none;background-color:#121212;opacity:var(--overlay-opacity)}.hero .hero__media{object-fit:cover}.hero .hero__content{position:relative;z-index:3;width:100%}.hero .hero__badges{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:var(--space-sm)}.hero .hero__title{max-width:600px}.hero .hero__descr{margin-top:var(--space-sm);max-width:660px}.hero .hero__cta{margin-top:var(--space-sm)}.hero.hero--bottom-left{align-items:flex-end;justify-content:flex-start}.hero.hero--center-left{align-items:center;justify-content:flex-start}.hero.hero--lg{height:85dvh}@media (max-width: 575.98px){.hero.hero--lg{height:550px}}.hero.hero--md{height:75dvh}.hero.hero--sm{height:50dvh}
/*# sourceMappingURL=/cdn/shop/t/5/assets/beyonds-widget-intro-hero.css.map */