.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}.header__search-fixed{display:block;width:100%;max-width:400px;margin:0 1.5rem}.header__search-fixed .field{display:flex;position:relative;width:100%}.header__search-fixed .search__input.field__input{padding-right:4.5rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);background:rgb(var(--color-background))}.header__search-fixed .predictive-search{position:absolute;top:100%;left:0;width:100%;background:rgb(var(--color-background));z-index:100;border:1px solid rgba(var(--color-foreground),.1);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (max-width:989px){.header__search-desktop-fixed{display:none!important}.header__search-mobile-modal{display:block!important}}@media screen and (min-width:990px){.header__search-mobile-modal,details-modal.header__search{display:none!important}.header__search-desktop-fixed{display:block!important;width:100%;max-width:380px;margin:0 2rem;position:relative}.header__search-desktop-fixed .search__input.field__input{padding-right:4.5rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);background:rgb(var(--color-background));height:4.2rem;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */