.search__input.field__input{padding-right:10rem;border-radius:1.2rem;border:.1rem solid rgba(var(--color-foreground),.15);transition:border-color .25s ease,box-shadow .25s ease}.search__input.field__input:focus{border-color:rgba(var(--color-foreground),.35);box-shadow:0 0 0 .4rem rgba(var(--color-foreground),.08);outline:none}.search__button,.reset__button{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:.8rem;padding:.6rem;cursor:pointer;transition:background-color .25s ease,transform .2s ease}.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,.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.4rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible,.search__button:focus,.reset__button:focus{background-color:rgba(var(--color-foreground),.05);z-index:4}.search__button:hover,.reset__button:hover{background-color:rgba(var(--color-foreground),.07);transform:translateY(-1px)}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:none;background-color:transparent}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.1);transition:transform .25s ease}.search__button .icon,.reset__button .icon{height:1.8rem;width:1.8rem;stroke-width:.12rem;transition:transform .2s ease}.reset__button .icon.icon-close{stroke-width:.14rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative;margin-top:1.2rem;border-radius:1rem;box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.08);overflow:hidden;animation:fadeIn .25s ease}.search__wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:600px;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:1rem;padding:.6rem 1rem;transition:box-shadow .25s ease,border-color .25s ease}.search__wrapper:focus-within{border-color:rgba(var(--color-foreground),.4);box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.08)}.search__input{flex:1;border:none;outline:none;font-size:1rem;background:transparent}.search__button,.reset__button{display:flex;align-items:center;justify-content:center;margin-left:.4rem;border:none;background:transparent;cursor:pointer;padding:.4rem;border-radius:.6rem;transition:background-color .2s ease,transform .2s ease}.search__button:hover,.reset__button:hover{background-color:rgba(var(--color-foreground),.07);transform:scale(1.05)}.search__button .icon,.reset__button .icon{height:1.6rem;width:1.6rem;stroke-width:.12rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-search.css.map */