.search__input.field__input{outline:none;height:36px;border-radius:30px;background:#f9f9fb;border:0;box-shadow:none;margin:0;font-size:12px;font-weight:500;color:rgb(var(--color-secondary-text));padding-right:35px}.search__input.field__input::placeholder{color:rgb(var(--color-secondary-text))}.search .field__label{display:none}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width);height:36px;color:rgb(var(--color-secondary-text))}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button{width:30px;height:36px;background:#f9f9fb!important;margin-right:-10px;padding-left:3px;padding-right:2px}.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 .icon{height:2rem;width:2rem}.reset__button .icon.icon-close{height:2rem;width:2rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.template-search__results .paint-prod .card__media .media img{object-fit:contain}form.search.search-modal__form button.search__button.field__button{left:4px;right:unset;top:3px}.search-modal__content .search__input.field__input{padding:1rem 4rem 1rem 4.8rem;height:40px}.search-modal__content .search__input.field__input::placeholder{text-indent:.3rem;color:#021d49;opacity:.6;font-size:12px;font-weight:500}.search-modal .reset__button{right:10px;top:1px;margin-right:auto}@media screen and (min-width:750px){.header__search .search-modal__content{position:static;max-width:var(--page-width);margin:0 auto;padding:0 4rem;gap:1.6rem}.header__search .search-modal__form{max-width:none}.header__search .search-modal__close-button{position:static;flex:none;margin:0}.header__search details[open] .modal-overlay:after{border-top:0;background-color:rgba(var(--color-shadow),.4)}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/component-search.css.map */
