.hero{width:100%;font-size:12px;color:#fff;font-family:Roboto,sans-serif;height:340px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;padding:48px}.hero__overlay{content:"";display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1}.hero picture,.hero img,.hero source{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero__image{display:none}.hero__image--mobile{display:block}.hero__title-element{font-family:Teko;font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;position:absolute;z-index:2;text-shadow:0px 1px 3px rgba(0,0,0,.5)}.hero--top-left{align-items:flex-start;justify-content:flex-start}.hero--top-center{align-items:flex-start;justify-content:center}.hero--top-right{align-items:flex-start;justify-content:flex-end}.hero--center-left{align-items:center;justify-content:flex-start}.hero--center-center{align-items:center;justify-content:center}.hero--center-right{align-items:center;justify-content:flex-end}.hero--bottom-left{align-items:flex-end;justify-content:flex-start}.hero--bottom-center{align-items:flex-end;justify-content:center}.hero--bottom-right{align-items:flex-end;justify-content:flex-end}@media screen and (min-width: 768px) and (max-width: 1024px){.hero{height:400px}.hero__title-element{font-size:28px}.hero__image{display:none}.hero__image--tablet{display:block}}@media screen and (min-width: 1025px){.hero{height:480px}.hero__title-element{font-size:72px}.hero__image{display:none}.hero__image--desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/hero-component.css.map */
