.hero-image-area{position:relative;width:100%;overflow:hidden;display:block}.hero-image-wrapper{--desktop-height: 300px;position:relative;width:100%;height:var(--desktop-height);overflow:hidden}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform}.hero-image-placeholder{width:100%;height:100%;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;position:relative}.hero-image-placeholder svg{width:100%;height:100%;max-width:500px;max-height:500px}.hero-empty-state{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 20px;font-size:14px;color:#666;text-align:center;pointer-events:none}.hero-gif{--width-desktop-size: 170px;position:absolute;z-index:3;pointer-events:none;width:var(--width-desktop-size);height:var(--width-desktop-size)}.hero-gif img{display:block;width:100%;height:100%;object-fit:contain}.hero-overlay{--background-color-overlay-color: #000000;--overlay-opacity: 0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-color-overlay-color);opacity:var(--overlay-opacity);pointer-events:none}.hero-content{--content-max-width: 400px;position:absolute;z-index:2;max-width:var(--content-max-width);width:90%;text-align:var(--desktop-text-align)}.hero-heading-image{--heading-image-width: 50%;display:inline-flex;position:relative;width:var(--heading-image-width);padding-bottom:var(--heading-spacing);border-bottom:5px solid rgb(var(--heading-color) / 80%);margin-bottom:var(--heading-spacing)}.hero-heading{--heading-size-font-size: 20px;--heading-color: #ffffff;--heading-spacing: 10px;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--heading-size-font-size);color:var(--heading-color);margin:0 0 var(--heading-spacing);line-height:1.2}.hero-subheading{--subheading-size-font-size: 20px;--subheading-color: #ffffff;--subheading-spacing: 10px;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--subheading-size-font-size);color:var(--subheading-color);margin:0 0 var(--subheading-spacing);line-height:1.5}.hero-buttons{--button-spacing: 16px;--buttons-top-spacing: 24px;--button-padding-vertical: 14px;--button-padding-horizontal: 32px;--button-bg: #ffffff;--button-text-color: #000000;--button-border-color: #ffffff;--button-hover-bg: #000000;--button-hover-text-color: #ffffff;--button-hover-border-color: #000000;--button-font-size: 14px;--desktop-text-align: center;display:flex;gap:var(--button-spacing);margin-top:var(--buttons-top-spacing);flex-wrap:wrap;justify-content:var(--desktop-text-align)}.hero-buttons .hero-button{display:inline-block;padding:var(--button-padding-vertical) var(--button-padding-horizontal);background-color:var(--button-bg);color:var(--button-text-color);text-decoration:none;border-radius:0;font-size:var(--button-font-size);font-weight:600;transition:all .3s ease;border:2px solid var(--button-border-color)}.hero-buttons .hero-button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-text-color);border-color:var(--button-hover-border-color)}@media screen and (max-width:749px){.hero-image-wrapper{--mobile-height: 600px;height:var(--mobile-height)}.hero-gif{--width-mobile-size: 140px;width:var(--width-mobile-size);height:var(--width-mobile-size)}.hero-heading{font-size:calc(var(--heading-size-font-size) * .8)}.hero-subheading{font-size:calc(var(--subheading-size-font-size) * .85)}.hero-buttons{justify-content:var(--mobile-text-align)}.hero-buttons .hero-button{font-size:calc(var(--button-font-size) * .9);padding:calc(var(--button-padding-vertical) * .8) calc(var(--button-padding-horizontal) * .8)}.hero-content{text-align:var(--mobile-text-align);max-width:var(--content-max-width-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/hero-image.css.map */