.wbsortbar{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}.collection-search-bar{display:flex;align-items:center;position:relative;flex:1 1 0;min-width:0;max-width:none;margin:0}.collection-search-bar__wrapper{position:relative;display:flex;align-items:center;width:100%;background-color:rgba(var(--color-background),1);border:1px solid rgba(var(--color-foreground),.15);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.collection-search-bar__wrapper:focus-within{border-color:rgba(var(--color-foreground),.5);box-shadow:0 0 0 1px rgba(var(--color-foreground),.1)}.collection-search-bar__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:rgba(var(--color-foreground),.55);pointer-events:none}.collection-search-bar__icon svg{width:16px;height:16px}.collection-search-bar__input{flex:1 1 auto;min-width:0;height:36px;padding:0 8px 0 0;border:0;background:transparent;font-size:14px;color:rgb(var(--color-foreground));outline:none;box-shadow:none}.collection-search-bar__input::placeholder{color:rgba(var(--color-foreground),.5)}.collection-search-bar__input:focus{outline:none;box-shadow:none}.collection-search-bar__input::-webkit-search-cancel-button,.collection-search-bar__input::-webkit-search-decoration,.collection-search-bar__input::-webkit-search-results-button,.collection-search-bar__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.collection-search-bar__input::-ms-clear,.collection-search-bar__input::-ms-reveal{display:none;width:0;height:0}.collection-search-bar__clear{display:none;align-items:center;justify-content:center;width:28px;height:28px;margin-right:4px;padding:0;border:0;background:transparent;color:rgba(var(--color-foreground),.55);cursor:pointer;border-radius:50%;flex-shrink:0;transition:background-color .15s ease}.collection-search-bar__clear:hover{background-color:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.collection-search-bar__clear svg{width:12px;height:12px}@media screen and (max-width:749px){.wbsortbar{flex-wrap:wrap;gap:8px}.collection-search-bar{flex:1 1 100%;order:-1}.collection-search-bar__input{font-size:13px}}.collection-search-empty{width:100%}.pagination__item[disabled]{cursor:default}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-search.css.map */