.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.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}.search__button{right:unset;left:var(--inputs-border-width);height:4rem;width:4rem}.search__input.field__input{background-color:var(--septenary-color);border:1px solid var(--septenary-color);height:4rem;padding-right:4.1rem;outline:0}.search-modal__form .field:after{box-shadow:none}.search__button svg{width:15px;height:15px}.search-modal__form .field__label{left:43px;font-size:1.4rem;display:none}.search-modal__form .field__input:focus~.field__label,.search-modal__form .field__input:not(:placeholder-shown)~.field__label,.search-modal__form .field__input:-webkit-autofill~.field__label{left:43px}.search__input.field__input{padding-left:43px}.search-modal__form .reset__button{right:0;width:4rem;height:4rem}.template-search__header .search__input.field__input{background-color:transparent;border-color:rgb(var(--color-foreground),.1);padding:0 43px;line-height:1;height:44px}.template-search__header .reset__button{right:0}.template-search__header .reset__button:not(:focus):after{right:unset;left:0}@media screen and (max-width: 767px){.search__input.field__input{height:2.4rem;padding:0 3rem}.search-modal__form .field__button{height:2.4rem;width:max-content}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-search.css.map */