.hero-banner{position:relative;overflow:hidden}.hero-banner.page-full{padding:0}.hero-banner__wrapper{display:block;height:100svh;display:flex;justify-content:center;align-items:center;padding-top:18px}@media only screen and (max-width: 768px){.hero-banner__wrapper{padding-top:40px}}.hero-banner__images{position:relative;display:inline-block;margin-bottom:12px}.hero-banner__images image-element:has(.hero-banner__image){display:inline-block;transition:opacity .4s}.hero-banner__images image-element:has(.hero-banner__image--hover){position:absolute;top:0;left:0;opacity:0}.hero-banner__content{transition:transform .4s}.hero-banner__content image-element:has(.hero-banner__content-image){display:inline-block}.hero-banner__title{font-size:18px;padding:0;margin:0}@media (hover: hover) and (min-width: 769px){.hero-banner__inner:hover .hero-banner__images image-element:has(.hero-banner__image){opacity:0}.hero-banner__inner:hover .hero-banner__images image-element:has(.hero-banner__image--hover){opacity:1}.hero-banner__inner:hover .hero-banner__content{transform:scale(1.2)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-hero-banner.css.map */