.search-drawer{color:var(--c-text);background:var(--c-bg)}.search-drawer--top{max-height:min(90vh,900px);border-radius:0 0 var(--radius) var(--radius)}.search-drawer--right{width:min(580px,100vw)}predictive-search-form{display:block}.search-drawer__inner{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-top:1.1rem;padding-bottom:2rem}.search-drawer--right .search-drawer__inner{padding-inline:1.5rem}@media(min-width:990px){.search-drawer--top .search-drawer__inner{padding-top:1.8rem;padding-bottom:2.6rem}}.search-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.search-drawer__title{margin:0}.search-drawer__close{margin-left:auto}.search-form{position:relative;display:flex;align-items:center}.search-form__input{width:100%;min-height:58px;padding:.6em 7rem .6em 3.3rem;border:1px solid var(--c-border);border-radius:var(--radius-input);background:var(--c-input);color:var(--c-input-text);font-size:1.02rem;-webkit-appearance:none;appearance:none;transition:border-color .25s}.search-form__input::-webkit-search-cancel-button{display:none}.search-form__input:focus{outline:none;border-color:var(--c-heading)}.search-form__input:focus-visible{box-shadow:0 0 0 1px var(--c-heading)}.search-form__icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);display:grid;color:var(--c-text-soft);pointer-events:none}.search-form__icon svg{width:20px;height:20px}.search-form__clear{position:absolute;right:3.9rem;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--c-text-soft);transition:background-color .25s,color .25s}.search-form__clear:hover{background:var(--c-bg-alt);color:var(--c-heading)}.search-form__clear svg{width:15px;height:15px}.search-form__submit{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--c-btn);color:var(--c-btn-label);overflow:hidden;transition:background-color .3s,color .3s}.search-form__submit:hover{background:var(--c-btn-hover);color:var(--c-btn-label-hover)}.search-form__submit svg{width:18px;height:18px}.search-form__submit:hover svg{animation:arrow-slide .5s var(--ease-out)}predictive-search-form.is-loading .search-form__submit svg{opacity:0}predictive-search-form.is-loading .search-form__submit:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.search-drawer__body{margin-top:1.7rem}.search-drawer__default{display:grid;gap:2rem}.search-drawer__label,.predictive-results__heading{margin:0 0 .9rem;color:var(--c-text-soft)}@media(min-width:990px){.search-drawer--top .search-drawer__default{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:3rem;align-items:start}.search-drawer--top .search-drawer__default>.search-drawer__group:last-child:has(.search-items){grid-column:2;grid-row:1 / span 3}.search-drawer--top .search-drawer__default>.search-drawer__group:only-child{grid-column:1 / -1}}.search-pills{display:flex;flex-wrap:wrap;gap:.5rem}.search-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border:1px solid var(--c-border);border-radius:99px;font-size:.85rem;color:var(--c-heading);transition:background-color .25s,color .25s,border-color .25s}.search-pill svg{width:14px;height:14px;opacity:.65}.search-pill mark{background:none;color:inherit;font-weight:600}.search-pill:hover,.search-pill[aria-selected=true]{background:var(--c-heading);border-color:var(--c-heading);color:var(--c-bg)}.search-collections{display:flex;flex-wrap:wrap;gap:.55rem}.search-collection{display:inline-flex;align-items:center;gap:.65rem;padding:.3rem 1.1rem .3rem .3rem;border:1px solid var(--c-border);border-radius:99px;font-size:.86rem;font-weight:500;color:var(--c-heading);transition:background-color .25s,border-color .25s}.search-collection__media{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;background:var(--c-image)}.search-collection__media img,.search-collection__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.search-collection:hover,.search-collection[aria-selected=true]{background:var(--c-bg-alt);border-color:var(--c-heading)}.search-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.35rem .75rem}.search-item{display:flex;align-items:center;gap:.95rem;padding:.45rem;border-radius:14px;color:inherit;transition:background-color .25s}a.search-item:hover,.search-item[aria-selected=true]{background:var(--c-bg-alt)}.search-item__media{position:relative;width:74px;aspect-ratio:4 / 5;flex:none;border-radius:10px;overflow:hidden;background:var(--c-image)}.search-item__media img,.search-item__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}a.search-item:hover .search-item__media img{transform:scale(1.06)}.search-item__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.search-item__vendor{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-soft)}.search-item__title{font-size:.9rem;font-weight:500;line-height:1.35;color:var(--c-heading);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-item__price{font-size:.85rem}.predictive-results__list{display:grid;gap:1.9rem}@media(min-width:990px){.search-drawer--top .predictive-results__list{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:3rem;align-items:start}.search-drawer--top .predictive-results__group{grid-column:1}.search-drawer--top .predictive-results__group:has(.search-items){grid-column:2;grid-row:1 / span 4}.search-drawer--top .predictive-results__empty,.search-drawer--top .predictive-results__footer{grid-column:1 / -1}}.predictive-results__links{display:grid;gap:.15rem}.predictive-results__link{display:flex;align-items:baseline;gap:.8rem;padding:.55rem .7rem;border-radius:10px;font-size:.9rem;color:var(--c-heading);transition:background-color .25s}.predictive-results__link:hover,.predictive-results__link[aria-selected=true]{background:var(--c-bg-alt)}.predictive-results__type{flex:none;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-soft);min-width:5.6rem}.predictive-results__empty{padding:.5rem 0}.predictive-results__empty .h5{margin-bottom:.35rem}.predictive-results__footer{padding-top:.4rem}.predictive-results__all[aria-selected=true]{outline:2px solid var(--c-heading);outline-offset:3px}.search-drawer__results:not([hidden]){animation:fade-in .3s var(--ease)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-predictive-search.css.map */