:is(.search-hero-pro,.search-pro) .field{--search-pro-height: 5.6rem}:is(.search-hero-pro,.search-pro) .field:before,:is(.search-hero-pro,.search-pro) .field:after{display:none}:is(.search-hero-pro,.search-pro) .search__input.field__input,:is(.search-hero-pro,.search-pro) .search__input.field__input:focus,:is(.search-hero-pro,.search-pro) .search__input.field__input:not(:placeholder-shown){height:var(--search-pro-height);min-height:var(--search-pro-height);padding:0 10.8rem 0 2.4rem;border:.1rem solid #d6d6d6;border-radius:calc(var(--search-pro-height) / 2);background:#fff;color:#121212;font-size:1.6rem;letter-spacing:0;box-shadow:0 .2rem .8rem #1212120f;transition:border-color .2s,box-shadow .2s}:is(.search-hero-pro,.search-pro) .search__input.field__input:hover{border-color:#a8a8a8}:is(.search-hero-pro,.search-pro) .search__input.field__input:focus{border-color:#121212;outline:none;box-shadow:0 0 0 .1rem #121212,0 .2rem .8rem #1212120f}:is(.search-hero-pro,.search-pro) .search__input.field__input::placeholder{opacity:1;color:#6b6b6b}:is(.search-hero-pro,.search-pro) .field__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:is(.search-hero-pro,.search-pro) .field__button{top:50%;height:4.4rem;width:4.4rem;transform:translateY(-50%)}:is(.search-hero-pro,.search-pro) .search__button,:is(.search-hero-pro,.search-pro) .search__button:not(:focus-visible):not(.focused){right:.6rem;border-radius:50%;background:#22577a;color:#fff;transition:background .2s}:is(.search-hero-pro,.search-pro) .search__button:hover{background:#2f6f96}:is(.search-hero-pro,.search-pro) .search__button:focus-visible{outline:.2rem solid #121212;outline-offset:.2rem;box-shadow:none}:is(.search-hero-pro,.search-pro) .search__button .svg-wrapper,:is(.search-hero-pro,.search-pro) .search__button .icon{width:2rem;height:2rem}:is(.search-hero-pro,.search-pro) .search__button:hover .icon{transform:none}:is(.search-hero-pro,.search-pro) .reset__button,:is(.search-hero-pro,.search-pro) .reset__button:not(:focus-visible):not(.focused){right:5.4rem;border-radius:50%;background:transparent;color:#6b6b6b}:is(.search-hero-pro,.search-pro) .reset__button:hover{color:#121212}:is(.search-hero-pro,.search-pro) .reset__button:after{display:none!important}:is(.search-hero-pro,.search-pro) .reset__button .svg-wrapper,:is(.search-hero-pro,.search-pro) .reset__button .icon{width:1.8rem;height:1.8rem}
/*# sourceMappingURL=/cdn/shop/t/19/assets/search-bar-pro.css.map */