.collection-search-bar{position:relative;width:100%;max-width:720px;margin:0 auto;padding:1.6rem var(--layout-side-padding, 2rem) 3rem;box-sizing:border-box}.collection-search-bar__form{position:relative;display:flex;align-items:center;border-bottom:1px solid rgba(var(--color-foreground),.25);transition:border-color .3s ease}.collection-search-bar__form:focus-within{border-bottom-color:rgba(var(--color-foreground),.5)}.collection-search-bar__form:active{animation:searchbar-flash .3s ease}@keyframes searchbar-flash{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.collection-search-bar__form,.collection-search-bar__form *,.collection-search-bar__icon{outline:none!important;-webkit-tap-highlight-color:transparent}.collection-search-bar__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;margin-right:1rem;color:rgba(var(--color-foreground),.5);transition:color .3s ease;pointer-events:none}.collection-search-bar__form:focus-within .collection-search-bar__icon{color:rgb(var(--color-foreground))}.collection-search-bar__icon svg{width:100%;height:100%}.collection-search-bar__input{flex:1;border:none;outline:none;box-shadow:none;background:transparent;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.5;padding:.8rem 0;color:rgb(var(--color-foreground));-webkit-appearance:none;appearance:none}.collection-search-bar__input:focus,.collection-search-bar__input:focus-visible,.collection-search-bar__input:active{outline:none!important;box-shadow:none!important;border:none!important}.collection-search-bar__input::placeholder{color:rgba(var(--color-foreground),.4);font-style:normal}.collection-search-bar__input::-webkit-search-cancel-button,.collection-search-bar__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.collection-search-bar__clear{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.4rem;margin-left:.8rem;color:rgba(var(--color-foreground),.5);transition:color .2s ease;flex-shrink:0}.collection-search-bar__clear:hover{color:rgb(var(--color-foreground))}.collection-search-bar__clear svg{width:1.4rem;height:1.4rem}.collection-search-bar__input:not(:placeholder-shown)~.collection-search-bar__clear{display:flex}.collection-search-bar__submit{display:none}.collection-search-bar__results{position:absolute;top:100%;left:0;right:0;z-index:100;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-top:none;box-shadow:0 8px 24px #00000014;max-height:40rem;overflow-y:auto;display:none}.collection-search-bar__results.is-visible{display:block}.collection-search-bar__results-list{list-style:none;margin:0;padding:.4rem 0}.collection-search-bar__result-item{margin:0;padding:0}.collection-search-bar__result-link{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.6rem;text-decoration:none;color:rgb(var(--color-foreground));transition:background-color .15s ease}.collection-search-bar__result-link:hover,.collection-search-bar__result-link[aria-selected=true]{background-color:rgba(var(--color-foreground),.04)}.collection-search-bar__result-image{width:4rem;height:5rem;object-fit:cover;flex-shrink:0;border-radius:2px;background:rgba(var(--color-foreground),.03)}.collection-search-bar__result-info{flex:1;min-width:0}.collection-search-bar__result-title{font-size:1.3rem;font-weight:400;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(var(--color-foreground))}.collection-search-bar__result-price{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin:.2rem 0 0}.collection-search-bar__result-vendor{font-size:1.1rem;color:rgba(var(--color-foreground),.4);text-transform:uppercase;letter-spacing:.05em}.collection-search-bar__view-all{display:block;text-align:center;padding:1.2rem 1.6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.6);text-decoration:none;border-top:1px solid rgba(var(--color-foreground),.08);transition:color .2s ease,background-color .15s ease}.collection-search-bar__view-all:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.03)}.collection-search-bar__no-results{padding:2rem 1.6rem;text-align:center;font-size:1.3rem;color:rgba(var(--color-foreground),.5)}.collection-search-bar__loading{display:none;justify-content:center;align-items:center;padding:1.6rem}.collection-search-bar__results.is-loading .collection-search-bar__loading{display:flex}.collection-search-bar__loading-spinner{width:2rem;height:2rem;border:2px solid rgba(var(--color-foreground),.15);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:csb-spin .6s linear infinite}@keyframes csb-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.collection-search-bar{padding:1.2rem var(--layout-side-padding, 1rem) 1.6rem}.collection-search-bar__input{font-size:1.6rem}.collection-search-bar__result-image{width:3.6rem;height:4.5rem}.collection-search-bar__results{max-height:32rem}}@media screen and (min-width:750px){.collection-search-bar__input{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-search-bar.css.map */