.banner-component{position:relative;width:100%;overflow:hidden}.banner-component__container{position:relative;width:100%}.banner-component__image{position:relative;width:100%;overflow:hidden}.banner-component__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.banner-component__img--desktop{display:block}.banner-component__img--mobile{display:none}.banner-component__container:hover .banner-component__img{transform:scale(1.05)}.banner-component__content{position:absolute;top:0;left:50%;width:100%;max-width:1440px;height:100%;display:flex;flex-direction:column;padding:2rem;box-sizing:border-box;color:rgb(var(--color-foreground, 255, 255, 255));transform:translate(-50%)}.banner-component__title{margin:0 0 1rem;font-weight:700;line-height:1.2}.banner-component__description{margin:0;font-weight:400;line-height:1.5;max-width:600px}.banner-component__button{display:inline-block;padding:.75rem 2rem;margin-top:1.5rem;text-decoration:none;border-radius:var(--button-border-radius, 4px);transition:background-color .3s ease,color .3s ease;background-color:rgb(var(--color-button, 0, 0, 0));color:rgb(var(--color-button-text, 255, 255, 255));font-weight:700}.banner-component__button:hover{background-color:rgb(var(--color-button-text, 255, 255, 255));color:rgb(var(--color-button, 0, 0, 0))}@media(max-width:767px){.banner-component__image{height:var(--mobile-image-height, 300px)!important}.banner-component__img--desktop{display:none}.banner-component__img--mobile{display:block}.banner-component__content{max-width:100%;padding:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-banner.css.map */