.base-input[data-v-cf0aef3b]{align-items:center;width:100%;display:flex;position:relative}.base-input__field[data-v-cf0aef3b]{background:color-mix(in srgb, var(--ui-bg), transparent 30%);border:2px solid color-mix(in srgb, var(--ui-accent), transparent 45%);border-radius:var(--ui-radius);width:100%;color:var(--ui-text-alt);caret-color:var(--ui-accent);box-sizing:border-box;outline:none;padding:.925rem 1.5rem;font-family:inherit;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.base-input__field[data-v-cf0aef3b]::-webkit-search-decoration{-webkit-appearance:none;display:none}.base-input__field[data-v-cf0aef3b]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.base-input__field[data-v-cf0aef3b]::-webkit-search-results-button{-webkit-appearance:none;display:none}.base-input__field[data-v-cf0aef3b]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.base-input__prefix[data-v-cf0aef3b]{color:color-mix(in srgb, var(--ui-accent), transparent 40%);pointer-events:none;z-index:1;justify-content:center;align-items:center;transition:color .3s;display:flex;position:absolute;left:1rem}.base-input:focus-within .base-input__prefix[data-v-cf0aef3b]{color:var(--ui-accent)}.base-input__prefix[data-v-cf0aef3b] svg{width:1.25rem;height:1.25rem}.base-input:has(.base-input__prefix) .base-input__field[data-v-cf0aef3b]{padding-left:3rem}.base-input--clearable .base-input__field[data-v-cf0aef3b]{padding-right:3rem}.base-input__field[data-v-cf0aef3b]:focus{border-color:var(--ui-accent);box-shadow:0 6px 20px color-mix(in srgb, var(--ui-accent), transparent 80%);background:color-mix(in srgb, var(--ui-bg), transparent 40%);border-radius:2rem}.base-input__field[data-v-cf0aef3b]::placeholder{color:color-mix(in srgb, var(--ui-accent), transparent 60%);font-family:var(--ui-font-display);letter-spacing:.02em}.base-input__clear[data-v-cf0aef3b]{color:color-mix(in srgb, var(--ui-accent), transparent 20%);cursor:pointer;transition:var(--ui-transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:.75rem}.base-input__clear[data-v-cf0aef3b]:hover{color:var(--ui-accent-light);background:color-mix(in srgb, var(--ui-accent), transparent 85%)}.base-input__clear svg[data-v-cf0aef3b]{width:1rem;height:1rem;display:block}.base-input--disabled[data-v-cf0aef3b]{opacity:.5;cursor:not-allowed}.base-input--disabled .base-input__field[data-v-cf0aef3b]{pointer-events:none}