.ui-input[data-v-9b5bc760]{display:flex;flex-direction:column;gap:4px}.ui-input__field[data-v-9b5bc760]{align-items:center;background-color:var(--color-grey-cool-100);border:1.5px solid transparent;border-radius:16px;cursor:text;display:flex;flex-direction:row;gap:8px;height:56px;overflow:hidden;padding:0 16px;transition:background-color .15s ease,border-color .15s ease}.ui-input__field[data-v-9b5bc760]:hover{background-color:var(--color-grey-cool-200)}.ui-input__field[data-v-9b5bc760]:disabled{background-color:var(--color-grey-cool-100)}.ui-input__field[data-v-9b5bc760]:is(.dark *){background-color:var(--color-grey-700)}.ui-input__field[data-v-9b5bc760]:hover:is(.dark *){background-color:var(--color-grey-600)}.ui-input__field[data-v-9b5bc760]:disabled:is(.dark *){background-color:var(--color-grey-700)}.ui-input__field--error[data-v-9b5bc760]{border-color:var(--color-cherry-600)}.ui-input__field--error[data-v-9b5bc760]:is(.dark *){border-color:var(--color-cherry-500)}.ui-input__field--error.ui-input__field--focused[data-v-9b5bc760]{border-color:var(--color-cherry-600)}.ui-input__field--error.ui-input__field--focused[data-v-9b5bc760]:is(.dark *){border-color:var(--color-cherry-500)}.ui-input__field--disabled[data-v-9b5bc760]{cursor:not-allowed;opacity:.4;pointer-events:none}.ui-input__field--has-leading[data-v-9b5bc760]{padding-left:12px}.ui-input__field--hoverable[data-v-9b5bc760]:hover{background-color:var(--color-grey-cool-200)}.ui-input__field--hoverable[data-v-9b5bc760]:hover:is(.dark *){background-color:var(--color-grey-600)}.ui-input__field--focused[data-v-9b5bc760]{background-color:var(--color-grey-cool-100)}.ui-input__field--focused[data-v-9b5bc760]:hover{background-color:var(--color-grey-cool-200)}.ui-input__field--focused[data-v-9b5bc760]:active{background-color:var(--color-grey-cool-300)}.ui-input__field--focused[data-v-9b5bc760]:disabled{background-color:var(--color-grey-cool-100)}.ui-input__field--focused[data-v-9b5bc760]:is(.dark *){background-color:var(--color-grey-700)}.ui-input__field--focused[data-v-9b5bc760]:hover:is(.dark *){background-color:var(--color-grey-600)}.ui-input__field--focused[data-v-9b5bc760]:active:is(.dark *){background-color:var(--color-grey-800)}.ui-input__field--focused[data-v-9b5bc760]:disabled:is(.dark *){background-color:var(--color-grey-700)}.ui-input__field--focused[data-v-9b5bc760]:hover{background-color:var(--color-grey-cool-100)}.ui-input__field--focused[data-v-9b5bc760]:hover:hover{background-color:var(--color-grey-cool-200)}.ui-input__field--focused[data-v-9b5bc760]:hover:active{background-color:var(--color-grey-cool-300)}.ui-input__field--focused[data-v-9b5bc760]:hover:disabled{background-color:var(--color-grey-cool-100)}.ui-input__field--focused[data-v-9b5bc760]:hover:is(.dark *){background-color:var(--color-grey-700)}.ui-input__field--focused[data-v-9b5bc760]:hover:hover:is(.dark *){background-color:var(--color-grey-600)}.ui-input__field--focused[data-v-9b5bc760]:hover:active:is(.dark *){background-color:var(--color-grey-800)}.ui-input__field--focused[data-v-9b5bc760]:hover:disabled:is(.dark *){background-color:var(--color-grey-700)}.ui-input__field[data-v-9b5bc760]:active{background-color:var(--color-grey-cool-300)}.ui-input__field[data-v-9b5bc760]:active:is(.dark *){background-color:var(--color-grey-800)}.ui-input--sm .ui-input__field[data-v-9b5bc760]{border-radius:16px;height:48px;padding:0 16px}.ui-input--sm .ui-input__field--has-leading[data-v-9b5bc760]{padding-left:12px}.ui-input--search .ui-input__field[data-v-9b5bc760]{border-radius:16px;height:44px;padding:0 12px}.ui-input--search .ui-input__field--has-leading[data-v-9b5bc760]{padding-left:12px}.ui-input__leading[data-v-9b5bc760]{align-items:center;color:var(--color-grey-cool-600);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.ui-input__leading[data-v-9b5bc760]:is(.dark *){color:var(--color-grey-400)}.ui-input__trailing-icon[data-v-9b5bc760]{align-items:center;color:var(--color-grey-cool-700);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.ui-input__trailing-icon[data-v-9b5bc760]:is(.dark *){color:var(--color-grey-300)}.ui-input__body[data-v-9b5bc760]{align-self:stretch;flex:1;min-width:0;position:relative}.ui-input__native[data-v-9b5bc760]{background:transparent;border:none;color:var(--color-black-900);inset:0;outline:none;padding:20px 0 0;position:absolute;width:100%}.ui-input__native[data-v-9b5bc760]:is(.dark *){color:var(--color-white-900)}.ui-input__native[data-v-9b5bc760]::-moz-placeholder{color:transparent}.ui-input__native[data-v-9b5bc760]::placeholder{color:transparent}.ui-input__native[data-v-9b5bc760]:disabled{color:var(--color-grey-cool-500);cursor:not-allowed}.ui-input__native[data-v-9b5bc760]:disabled:is(.dark *){color:var(--color-grey-500)}.ui-input__native--no-label[data-v-9b5bc760]{align-items:center;display:flex;padding-top:0}.ui-input__native--no-label[data-v-9b5bc760]::-moz-placeholder{color:var(--color-grey-cool-600)}.ui-input__native--no-label[data-v-9b5bc760]::placeholder{color:var(--color-grey-cool-600)}.ui-input__native--no-label[data-v-9b5bc760]:is(.dark *)::-moz-placeholder{color:var(--color-grey-400)}.ui-input__native--no-label[data-v-9b5bc760]:is(.dark *)::placeholder{color:var(--color-grey-400)}.ui-input--sm .ui-input__native[data-v-9b5bc760]{padding-top:18px}.ui-input--search .ui-input__native[data-v-9b5bc760],.ui-input--sm .ui-input__native--no-label[data-v-9b5bc760]{padding-top:0}.ui-input__label[data-v-9b5bc760]{color:var(--color-grey-cool-600);left:0;max-width:100%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:top .2s ease,transform .2s ease,font-size .2s ease,line-height .2s ease,letter-spacing .2s ease,color .15s ease;white-space:nowrap}.ui-input__label[data-v-9b5bc760]:is(.dark *){color:var(--color-grey-400)}.ui-input__label--floating[data-v-9b5bc760]{top:10px;transform:none}.ui-input--sm .ui-input__label--floating[data-v-9b5bc760]{top:8px}.ui-input__trailing[data-v-9b5bc760]{align-items:center;display:flex;flex-shrink:0;gap:4px}.ui-input--search .ui-input__trailing[data-v-9b5bc760]{gap:0;padding-left:8px}.ui-input__action[data-v-9b5bc760]{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--color-grey-cool-600);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:background-color .15s ease;width:28px}.ui-input__action[data-v-9b5bc760]:is(.dark *){color:var(--color-grey-400)}.ui-input__field--hoverable .ui-input__action[data-v-9b5bc760]:hover{background-color:var(--color-grey-cool-200)}.ui-input__field--hoverable .ui-input__action[data-v-9b5bc760]:hover:is(.dark *){background-color:var(--color-black-900)}.ui-input__action[data-v-9b5bc760]:focus-visible{outline:2px solid currentColor;outline-offset:1px}.ui-input--search .ui-input__action[data-v-9b5bc760]{height:24px;width:24px}.ui-input--search .ui-input__body[data-v-9b5bc760]{padding:0 4px}.ui-input__counter[data-v-9b5bc760]{align-items:center;display:flex;gap:4px}.ui-input__counter-btn[data-v-9b5bc760]{align-items:center;background-color:var(--color-grey-cool-200);border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:20px}.ui-input__counter-btn[data-v-9b5bc760]:is(.dark *){background-color:var(--color-black-900)}.ui-input__counter-btn[data-v-9b5bc760]{color:var(--color-black-900)}.ui-input__counter-btn[data-v-9b5bc760]:is(.dark *){color:var(--color-white-900)}.ui-input__counter-btn--active[data-v-9b5bc760]{background-color:var(--color-persea-600)}.ui-input__counter-btn--active[data-v-9b5bc760]:is(.dark *){background-color:var(--color-persea-600)}.ui-input__counter-btn--active[data-v-9b5bc760]{color:var(--color-white-900)}.ui-input__counter-btn[data-v-9b5bc760]:focus-visible{outline:2px solid currentColor;outline-offset:1px}.ui-input__hint[data-v-9b5bc760]{color:var(--color-grey-cool-700);padding:0 16px}.ui-input__hint[data-v-9b5bc760]:is(.dark *){color:var(--color-grey-300)}.ui-input__hint--error[data-v-9b5bc760]{color:var(--color-cherry-600)}.ui-input__hint--error[data-v-9b5bc760]:is(.dark *){color:var(--color-cherry-500)}
