.search__input.field__input{padding-right:9.8rem;min-height:65px;border-radius:12px;padding-left:70px;font-size:20px;outline:none;box-shadow:none;background-color:var(--color-white);transition:.3s all ease-in-out}.search__input.field__input:hover{background-color:var(--color-white)}input::placeholder{color:var(--color-dark-grey);opacity:1}input::-webkit-input-placeholder{color:var(--color-dark-grey)}input:-ms-input-placeholder{color:var(--color-dark-grey)}input::-ms-input-placeholder{color:var(--color-dark-grey)}.search-modal__form .field:after,.search-modal__form .field:before{display:none;border-radius:12px}.search__button{left:15px;top:50%;transform:translateY(-50%)}.search__button svg path{fill:var(--color-dark-grey)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width);opacity:0;display:none}.search__input.field__input:focus{background-color:#fff;color:var(--color-dark-grey)}.search__input.field__input::placeholder{color:var(--color-dark-grey);opacity:1}.search__input.field__input:focus::placeholder{color:var(--color-dark-grey)}.search__input.field__input:focus~.search__button svg path{fill:var(--color-dark-grey)}.search__input.field__input:focus .reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}@media (max-width:768px){.header .search__input.field__input{padding-right:50px;padding-left:60px}.search__input.field__input{min-height:54px}.field__button>.svg-wrapper{height:2rem;width:2rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-search.css.map */