.hero-with-image{width:100%;background-color:rgb(var(--hero-background-color, var(--color-background)))}.hero-with-image__text{padding-top:var(--text-padding-top, 20px);padding-bottom:var(--text-padding-bottom, 20px);max-width:100%;color:rgb(var(--hero-text-color, var(--color-foreground)))}.hero-with-image__stars-wrapper{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center}.hero-with-image__stars{display:flex;gap:.25rem;align-items:center}.hero-with-image__star{width:24px;height:24px;color:gold}.hero-with-image__star--full{fill:currentColor}.hero-with-image__star--empty{fill:rgba(var(--color-foreground),.2)}.hero-with-image__star-text{font-size:1rem;color:inherit;white-space:nowrap}.hero-with-image_text-container{z-index:50;position:relative}.hero-with-image__button{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:600;text-decoration:none;border-radius:.5rem;transition:all .2s ease;z-index:2}.hero-with-image__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-button),.3)}.hero-with-image__button:hover .hero-with-image__button-arrow{transform:translate(3px)}.hero-with-image__button-arrow{flex-shrink:0;transition:transform .2s ease}.hero-with-image__image-wrapper{position:relative;width:100%;overflow:hidden;margin-top:calc(var(--image-overlap, 0px) * -1)}.hero-with-image__image{width:100%;height:var(--image-height-desktop, 600px);object-fit:cover;display:block}.hero-with-image__image--desktop{display:block}.hero-with-image__image--mobile{display:none}@media screen and (max-width: 749px){.hero-with-image__image{height:var(--image-height-mobile, 400px)}.hero-with-image__image--desktop{display:none}.hero-with-image__image--mobile{display:block}}.hero-with-image__placeholder{width:100%;aspect-ratio:16 / 9;background-color:rgba(var(--color-foreground),.1)}.hero-with-image__gradient{display:block!important;position:absolute;top:0;left:0;right:0;bottom:0;height:calc(100% - var(--image-overlap, 0px));background:linear-gradient(to bottom,rgba(var(--gradient-start, 0, 0, 0),var(--gradient-start-opacity, 0)) var(--gradient-start-position, 0%),rgba(var(--gradient-end, 0, 0, 0),var(--gradient-end-opacity, .6)) var(--gradient-end-position, 100%));pointer-events:none;z-index:1}.hero-with-image__overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;opacity:var(--overlay-opacity, 1)}.hero-with-image__overlay--desktop{display:block}.hero-with-image__overlay--mobile{display:none}@media screen and (max-width: 749px){.hero-with-image__overlay--desktop{display:none}.hero-with-image__overlay--mobile{display:block}}.hero-with-image--align-left .hero-with-image__text{text-align:left}.hero-with-image--align-left .hero-with-image__stars-wrapper{justify-content:flex-start}.hero-with-image--align-center .hero-with-image__text{text-align:center}.hero-with-image--align-center .hero-with-image__stars-wrapper{justify-content:center}.hero-with-image--align-right .hero-with-image__text{text-align:right}.hero-with-image--align-right .hero-with-image__stars-wrapper{justify-content:flex-end}@media screen and (max-width: 749px){.hero-with-image__heading{font-size:2.5rem}.hero-with-image__subheading{font-size:1.5rem}.hero-with-image__button{padding:1rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-hero-with-image.css.map */