.search__input.field__input{border:.5px solid #000;max-width:438px;padding:12px 17px;max-height:39px;background-color:transparent}.search__input.field__input,.field__label{font-size:10px;font-weight:400;line-height:140%;letter-spacing:.2px}.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}.template-search .template-search__search .search{max-width:483px;margin:18px auto 11px}.template-search__search .field__input:not(:placeholder-shown)~.field__label{display:none}.template-search__search .field__button{height:39px;width:29px}.template-search__search button.reset__button.field__button{width:39px}.template-search .template-search__header{margin-bottom:80px;max-width:563px}.template-search__header h1{font-family:var(--atlas_grotesk);color:var(--text_black_color);font-size:12px;font-weight:400;line-height:140%;letter-spacing:.24px;text-align:left;text-transform:capitalize}.template-search__search .field__label{top:14px}.template-search__search .field__button svg{width:22px;height:20px}@media screen and (max-width: 767px){.template-search .template-search__header{margin-bottom:50px}.template-search__search{margin:0 auto 25px}}@media screen and (max-width: 575px){.template-search__search .field__button{width:39px}.search__input.field__input{max-width:100%}.template-search .template-search__search .search{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */