.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#090412b3;opacity:0;visibility:hidden;transition:all var(--duration-base) var(--ease-default);z-index:999}.search-overlay.is-open{opacity:1;visibility:visible;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><circle cx='24' cy='24' r='24' fill='%23000000'/><line x1='18' y1='18' x2='30' y2='30' stroke='white' stroke-width='2'/><line x1='18' y1='30' x2='30' y2='18' stroke='white' stroke-width='2'/></svg>") 24 24,auto}.search-drawer{position:fixed;top:1rem;right:1rem;width:min(420px,90vw);max-width:420px;height:calc(100% - 2rem);z-index:1000;transform:translate(120%);background-color:var(--color-background);transition:all var(--duration-slow) var(--ease-sharp);border-radius:var(--card-radius);visibility:hidden;pointer-events:none}.search-drawer.is-open{visibility:visible;pointer-events:auto;transform:translate(0)}.search-drawer__inner{display:flex;flex-direction:column;padding:24px;gap:20px;height:100%;overflow-y:auto}.search-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:32px}.search-drawer__label{font-size:var(--font-size-xl);color:var(--color-heading)}.search-drawer__close{border:none;cursor:pointer;font-size:var(--font-size-base);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-3);color:inherit;opacity:.8;transition:all var(--duration-base) var(--ease-default);border-radius:60px;background-color:var(--color-secondary-background)}.search-drawer__close:hover{opacity:1;background-color:var(--color-secondary-background)}.search-drawer__form{position:relative;display:flex;gap:8px}.search-drawer__input--label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text)}.search-drawer__input{flex:1;border:1px solid var(--color-border);border-radius:var(--input-radius);padding:12px 20px 12px 40px;font-size:var(--font-size-base);transition:all var(--duration-base) var(--ease-default);background-color:var(--color-secondary-background);color:var(--color-text);width:100%}.search-drawer__input:focus{border-color:var(--color-accent-20)}.search-drawer__submit{background:#111;color:var(--color-button-text);border:none;border-radius:6px;padding:10px 16px;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-base) var(--ease-default)}.search-drawer__submit:hover{background:#333}.search-results{display:flex;flex-direction:column;gap:20px}.search-result-item span{color:var(--color-heading)}.search-results__empty{display:none;margin:0;text-align:center;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.search-results__empty-text{font-size:var(--font-size-sm);color:var(--color-text)}.search-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.search-section-heading{font-size:var(--font-size-base);color:var(--color-heading)}.search-section-clear{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);padding:0;transition:all var(--duration-base) var(--ease-default)}.search-section-clear:hover{color:var(--color-accent)}.search-chip-list{display:flex;flex-wrap:wrap;gap:12px}.search-chip{display:inline-flex;align-items:flex-start;gap:6px;padding:6px 12px;background:var(--color-secondary-background);border:1px solid transparent;border-radius:var(--input-radius);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-heading);transition:all var(--duration-base) var(--ease-default)}.search-chip:hover{border-color:var(--color-accent)}.search-chip__icon{font-size:var(--font-size-base)}.search-chip__text{white-space:nowrap}.search-chip__remove{background:none;border:none;cursor:pointer;font-size:var(--font-size-xl);transition:all var(--duration-base) var(--ease-default);color:var(--color-accent);line-height:1}.search-chip__remove:hover{color:var(--color-error);transform:scale(1.2)}.search-result-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:all var(--duration-base) var(--ease-default)}.search-result-item:hover{padding-left:12px}.search-result-item img{width:56px;height:56px;object-fit:cover;border-radius:var(--input-radius);flex-shrink:0}.search-result-item__placeholder{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);background:var(--color-secondary-background);border-radius:var(--input-radius);flex-shrink:0}.search-result-item__text{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-item__title{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item__meta{font-size:var(--font-size-sm);color:var(--color-text)}.search-view-all{padding-top:20px;padding-bottom:20px;margin-top:20px;border-top:1px solid var(--color-border-50)}.search-view-all .btn--primary{width:100%}.search-view-all .btn--primary:hover{background-color:var(--color-button-hover-background)!important;color:var(--color-button-hover-text)!important}.search-results__featured{display:flex;flex-direction:column;gap:12px;margin-bottom:80px}.search-results__featured-label{font-size:var(--font-size-base);margin-bottom:12px}.search-results__category-list{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.search-results__category-chip{padding:6px 16px;background:var(--color-secondary-background);border-radius:67px;font-size:var(--font-size-sm)}.search-results__category-chip:hover{background:var(--color-accent)}.search-drawer__trending{margin-top:auto}.search-drawer__header--wrap{padding-bottom:12px;border-bottom:1px solid var(--color-border);margin-bottom:20px;display:flex;align-items:center;gap:var(--space-3);justify-content:space-between}.search-drawer__trending-label{font-size:var(--font-size-lg);color:var(--color-heading)}.search-drawer__navigation{display:flex;align-items:center;gap:8px}.search-drawer__swiper-prev,.search-drawer__swiper-next{width:var(--space-8);height:var(--space-8);border:1px solid var(--color-border);color:var(--color-heading);background:transparent;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--duration-base) var(--ease-default);cursor:pointer}.search-drawer__swiper-prev:hover,.search-drawer__swiper-next:hover{border:1px solid var(--color-button-border);background-color:var(--color-button-background);color:var(--color-button-text)}.search-drawer__swiper-prev svg,.search-drawer__swiper-next svg{width:16px;height:16px}.search-drawer__trending-img-wrap{border-radius:12px;aspect-ratio:3/4;overflow:hidden}.search-drawer__trending-img-wrap img{width:100%;height:100%;object-fit:cover;border-radius:12px}.search-drawer__trending-heading{margin-top:8px;display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-heading)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/search-drawer.css.map */