.hero-banner-image-marquee__search-form .search-form{width:100%;max-width:450px}.hero-banner-image-marquee__search-form .search-input-wrapper{position:relative;width:100%}.hero-banner-image-marquee__search-form .search-input{width:100%;padding:16px 20px;border:2px solid transparent;border-radius:12px;font-size:1rem;background:#ffffff26;color:var(--hero-banner-text-color, #ffffff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.hero-banner-image-marquee__search-form .search-input:focus{outline:none;border-color:var(--hero-banner-primary-button-color, #ff6b6b);background:#ffffff40;transform:scale(1.02)}.hero-banner-image-marquee__search-form .search-input::placeholder{color:var(--hero-banner-text-color, #ffffff);opacity:.7}.hero-banner-image-marquee__search-form .search-button{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--hero-banner-text-color, #ffffff);cursor:pointer;padding:8px;border-radius:8px;transition:background-color .3s ease}.hero-banner-image-marquee__search-form .search-button:hover{background-color:#ffffff1a}.hero-banner-image-marquee__button{position:relative;overflow:hidden;transition:all .3s ease}.hero-banner-image-marquee__button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@media (prefers-reduced-motion: reduce){.hero-banner-image-marquee__image-group{animation:none!important}}.hero-banner-image-marquee__image-group{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.hero-banner-image-marquee__image{transition:opacity .3s ease}.hero-banner-image-marquee__image[loading=lazy]{opacity:0}.hero-banner-image-marquee__image[loading=lazy].loaded{opacity:1}.hero-banner-image-marquee__button:focus-visible{outline:2px solid var(--hero-banner-text-color, #ffffff);outline-offset:2px}.hero-banner-image-marquee__search-form .search-input:focus-visible{outline:2px solid var(--hero-banner-primary-button-color, #ff6b6b);outline-offset:2px}@media (prefers-contrast: high){.hero-banner-image-marquee__image-wrapper,.hero-banner-image-marquee__button{border:2px solid var(--hero-banner-text-color, #ffffff)}}@media print{.hero-banner-image-marquee__image-group{animation:none!important}.hero-banner-image-marquee__button{border:1px solid #000;background:#fff!important;color:#000!important}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/hero-banner-image-marquee.css.map */