.search-box[data-v-36e6153b]{max-width:16rem;position:relative;width:100%}@media(min-width:640px)and (max-width:1279px){.search-box[data-v-36e6153b]{max-width:12rem}}.search-box__icon[data-v-36e6153b]{color:var(--text-soft);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.search-box__input[data-v-36e6153b]{background:var(--surface-2);border:1px solid var(--border);border-radius:9999px;box-shadow:0 1px 2px #0000000a;color:var(--text-main);font-size:.875rem;outline:none;padding:.625rem 1rem .625rem 2.75rem;transition:all .3s ease;width:100%}.search-box__input[data-v-36e6153b]::-moz-placeholder{color:var(--text-soft)}.search-box__input[data-v-36e6153b]::placeholder{color:var(--text-soft)}.search-box__input[data-v-36e6153b]:focus{background:var(--surface-1);border-color:var(--border-hover);box-shadow:0 0 0 4px var(--accent-soft)}.search-box__input:focus+.search-box__icon[data-v-36e6153b],.search-box__input:focus~.search-box__icon[data-v-36e6153b]{color:var(--text-muted)}.search-box__input[data-v-36e6153b]:disabled{background:var(--surface-3);cursor:not-allowed;opacity:.7}.search-box__input.is-readonly[data-v-36e6153b]{cursor:pointer}.search-box.is-disabled[data-v-36e6153b]{cursor:not-allowed}.search-box:focus-within .search-box__icon[data-v-36e6153b]{color:var(--text-muted)}