.base-input-text{cursor:text}.base-input-text::placeholder{color:var(--color-text-placeholder)}.base-input-text:-webkit-autofill{box-shadow:0 0 0 30px var(--color-background-ui) inset}.base-input[data-v-f4c987e6]{flex-direction:column;gap:6px;display:flex}.base-input .label[data-v-f4c987e6]{letter-spacing:-.01em;cursor:pointer;font-size:13px;font-weight:600}.base-input .input-area[data-v-f4c987e6]{color:var(--color-text);background-color:var(--color-background-ui);border-radius:6px;align-items:center;gap:8px;padding:10px 8px;font-size:14px;display:flex;position:relative}.base-input .input-area[data-v-f4c987e6]:after{content:"";border:1px solid var(--color-border-subtle);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.base-input .input-area .icon[data-v-f4c987e6]{color:var(--color-icon-subtle);flex-shrink:0}.base-input .input-area .input-text[data-v-f4c987e6]{flex-grow:1;min-width:0}.base-input .input-area.small[data-v-f4c987e6]{letter-spacing:-.01em;height:32px;padding:10px 8px;font-size:13px;font-weight:500}.base-input .input-area.small .icon[data-v-f4c987e6]{width:16px;height:16px}.base-input .input-area.medium[data-v-f4c987e6]{height:36px;padding:10px 12px;font-weight:600;line-height:18px}.base-input .input-area.medium .icon[data-v-f4c987e6]{width:20px;height:20px}.base-input .input-area.disabled[data-v-f4c987e6]{background-color:var(--color-background-disabled);color:var(--color-text-placeholder)}.base-input .input-area.disabled .icon[data-v-f4c987e6]{color:var(--color-text-placeholder)}.base-input .input-area[data-v-f4c987e6]:not(.disabled){cursor:pointer}.base-input .input-area[data-v-f4c987e6]:focus-within:after{border-color:var(--color-border-focused)}.base-input .input-area:focus-within .icon[data-v-f4c987e6]{color:var(--color-icon)}.base-input .input-area[data-v-f4c987e6]:hover:not(:focus-within,.disabled):after{border-color:var(--color-border)}.base-input .input-area:hover:not(:focus-within,.disabled) .icon[data-v-f4c987e6]{color:var(--color-icon)}.search-input-wrapper[data-v-4dd51a60]{display:inline-block;position:relative}.clear-button[data-v-4dd51a60]{cursor:pointer;color:var(--color-icon-subtle);position:absolute;top:50%;right:8px;transform:translateY(-45%)}.clear-button.small[data-v-4dd51a60]{width:14px;height:14px;right:8px}.clear-button.small.icon-after[data-v-4dd51a60]{right:30px}.clear-button.medium[data-v-4dd51a60]{width:20px;height:20px;right:12px}.clear-button.medium.icon-after[data-v-4dd51a60]{right:40px}.clear-button[data-v-4dd51a60]:hover{color:var(--color-icon)}.clear-button[data-v-4dd51a60]:focus{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:2px}