.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-modal__content{padding:1.2rem 2rem;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 4px 16px #0000000f}.search-modal__form{max-width:74rem;margin:0 auto;position:relative}.search-modal .field{border:none!important;outline:none!important;box-shadow:none!important}.search-modal .field:before,.search-modal .field:after{display:none!important}.search-modal .search__input.field__input{border-radius:10px!important;border:1px solid #e8e8e8!important;min-height:4.8rem!important;font-size:16px!important;padding-right:4.4rem;background:#fff;box-shadow:none!important;outline:none!important;transition:border-color .2s ease}.search-modal .search__input.field__input:focus{border-color:#b0b0b0!important;outline:none!important;box-shadow:none!important}.search-modal .field__label{font-size:16px}.search-modal .search__button.field__button,.search-modal .reset__button.field__button{color:#666;right:.4rem}.search-modal__close-button{color:#666;transition:color .15s ease}.search-modal__close-button:hover{color:#111}.search-modal .predictive-search--header{border-radius:0 0 12px 12px;border:1px solid #e8e8e8;border-top:none;box-shadow:0 8px 24px #00000012;background:#fff;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */