.search__field{display:block!important;position:relative;width:100%}.search__input{-webkit-appearance:none;appearance:none;font-size:1.2rem;width:100%;flex-grow:1;text-align:left;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(7rem + (var(--inputs-border-width) * 2));border:0;font-family:var(--font-body-family);line-height:1.5;letter-spacing:.04rem;border-bottom:1px solid rgb(var(--color-foreground));color:rgb(var(--color-foreground));height:auto;padding:1rem 2.4rem 1rem 0;background-color:transparent;border-radius:0}.search__input::-webkit-search-decoration,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{-webkit-appearance:none}.search__input::placeholder{opacity:1;font-size:1.2rem;color:rgb(var(--color-foreground))}.search__button,.reset__button{color:rgb(var(--color-foreground))}.search__button{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:0;position:absolute;right:var(--inputs-border-width);top:50%;height:4.4rem;width:calc(4.4rem + var(--inputs-border-width) + 1.5rem);transform:translateY(-50%)}.reset__button{position:absolute;right:calc(var(--inputs-border-width) + 4.4rem);top:50%;transform:translateY(-50%);border:0}.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;width:2.4rem;height:2.4rem}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:2.4rem;width:2.4rem}.reset__button .icon.icon-close{height:2.4rem;width:2.4rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */