.field__label,.customer .field label{font-size:1.03rem;left:4rem;top:calc(1rem + var(--inputs-border-width));margin-bottom:0;pointer-events:none;position:absolute;transition:top var(--duration-short) ease,font-size var(--duration-short) ease;color:rgba(var(--color-foreground),.75);letter-spacing:.1rem;line-height:2.5}.field:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:4rem;border:.1rem solid transparent;border-radius:var(--inputs-radius);border-bottom:1px solid #D9D9D9;transition:box-shadow var(--duration-short) ease;z-index:1;width:16rem}.field__input,.select__select,.customer .field input,.customer select{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));width:100%;box-sizing:border-box;transition:box-shadow var(--duration-short) ease;border-radius:var(--inputs-radius);height:4.5rem;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(7rem + (var(--inputs-border-width) * 2));position:relative;border:0}.search__input.field__input{padding-right:.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}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-search.css.map */
