.ex-search-field .field:before,.ex-search-field .field:after{display:none}.ex-search-field .search__input.field__input{height:40px;min-height:0;margin:0;padding:8px 80px 8px 10px;border:1px solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, 4px);background:rgb(var(--color-background));font-size:16px;box-shadow:none;transition:border-color var(--duration-short, .1s) ease,box-shadow var(--duration-short, .1s) ease}.ex-search-field .search__input.field__input:hover,.ex-search-field .search__input.field__input:focus{border-color:rgba(var(--color-foreground),.5)}.ex-search-field .search__input.field__input:focus,.ex-search-field .search__input.field__input:focus-visible{outline:none;box-shadow:0 0 0 1px rgba(var(--color-foreground),.2)}.ex-search-field .field__label{top:50%;left:10px;inset-inline-start:10px;font-size:14px;line-height:1.2;letter-spacing:var(--ex-body-tracking);color:rgba(var(--color-foreground),.6);transform:translateY(-50%);transition:opacity .2s ease}.ex-search-field .field__input:focus~.field__label,.ex-search-field .field__input:not(:placeholder-shown)~.field__label,.ex-search-field .field__input:-webkit-autofill~.field__label{top:50%;left:10px;font-size:14px;opacity:0}.ex-search-field .search__button.field__button{top:1px;right:1px;inset-inline-end:1px;width:38px;height:38px;border:0;border-radius:0 var(--inputs-radius, 4px) var(--inputs-radius, 4px) 0;background:var(--ex-btn-fill, rgb(var(--color-foreground)));color:var(--ex-btn-text, rgb(var(--color-background)))}[dir=rtl] .ex-search-field .search__button.field__button{border-radius:var(--inputs-radius, 4px) 0 0 var(--inputs-radius, 4px)}.ex-search-field .search__button .svg-wrapper{width:18px;height:18px}.ex-search-field .search__button .icon{height:18px;width:18px}.ex-search-field .search__button:focus-visible{outline:2px solid rgba(var(--color-foreground),.6);outline-offset:2px}.ex-search-field .reset__button.field__button{top:50%;right:42px;inset-inline-end:42px;width:35px;height:35px;background:transparent;box-shadow:none;transform:translateY(-50%)}.ex-search-field .reset__button.field__button:hover,.ex-search-field .reset__button.field__button:focus{background:transparent;box-shadow:none;transform:translateY(-50%)}.ex-search-field .reset__button.hidden{display:none}.ex-search-field .reset__button .svg-wrapper{width:16px;height:16px}@media screen and (min-width:750px){.ex-search-field .search__input.field__input{height:45px;padding:10px 98px 10px 15px;font-size:14px}.ex-search-field .field__label,.ex-search-field .field__input:focus~.field__label,.ex-search-field .field__input:not(:placeholder-shown)~.field__label{left:15px;inset-inline-start:15px}.ex-search-field .search__button.field__button{width:43px;height:43px}.ex-search-field .reset__button.field__button{right:46px;inset-inline-end:46px;width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/elexa-search-field.css.map */