.search-field{position:relative;display:block}.search-field form{display:flex;align-items:center;gap:6px;background:var(--color-background);border:1.5px solid var(--color-line);border-radius:var(--style-border-radius-pill);padding:0 6px 0 14px;transition:border-color .2s}.search-field form:focus-within{border-color:var(--color-accent)}.search-field input[type=search]{flex:1;min-width:0;border:0;background:none;font-size:14px;color:var(--color-heading);padding:9px 0}.search-field input[type=search]:focus{outline:none}.search-field input[type=search]::-webkit-search-decoration,.search-field input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-field button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;color:var(--color-heading);transition:background .2s,color .2s}.search-field button:hover{background:var(--color-accent-pale);color:var(--color-accent-deep)}.search-field button svg{width:17px;height:17px}.search-field--header{width:180px;flex-shrink:0}.search-field--bar input[type=search]{font-size:16px;padding:11px 0}.search-field--page form{padding:4px 6px 4px 20px}.search-field--page input[type=search]{font-size:16px;padding:12px 0}@media(max-width:1200px){.search-field--header{display:none}}.search-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;max-height:min(70vh,460px);overflow-y:auto;background:var(--color-background);border-radius:var(--style-border-radius-card);box-shadow:var(--shadow-card);border:var(--border-soft);padding:8px}.search-panel[hidden]{display:none}.search-field--header .search-panel{width:340px;left:auto;right:0}.suggest-group+.suggest-group{margin-top:6px;padding-top:6px;border-top:1px solid var(--color-line)}.suggest-title{font-family:var(--font-heading--family);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);padding:8px 10px 4px}.suggest-group ul{list-style:none}.suggest-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--style-border-radius-small);transition:background .15s}.suggest-item:hover,.suggest-item:focus-visible{background:var(--color-paper)}.suggest-thumb{width:44px;height:44px;flex-shrink:0;border-radius:var(--style-border-radius-small);overflow:hidden;background:var(--color-paper)}.suggest-thumb img{width:100%;height:100%;object-fit:cover;display:block}.suggest-text{min-width:0}.suggest-text strong{display:block;font-size:13.5px;font-weight:600;color:var(--color-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-meta{font-size:12.5px;color:var(--color-foreground)}.suggest-empty{padding:16px 10px;font-size:13.5px;color:var(--color-foreground)}.suggest-all{display:block;margin-top:6px;padding:11px 10px;border-top:1px solid var(--color-line);font-size:13px;font-weight:700;color:var(--color-accent-deep)}.suggest-all:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.search-field form,.search-field button,.suggest-item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */