.field[data-v-02e6dcd4]{--color-primary:var(--color-sugar-blue);--color-text-primary:#333;--color-text-secondary:#666;--color-border:#d4d4d8;--color-focus:var(--color-primary);--color-error:red}.field .error[data-v-02e6dcd4],.field .hint[data-v-02e6dcd4]{margin-top:.25rem}.field .hint[data-v-02e6dcd4]{color:var(--color-sugar-blue);font-size:13px;opacity:1;transition:opacity .3s ease}.field input[data-v-02e6dcd4]{background:color-mix(in srgb,var(--color-gray),transparent 80%);border:1px solid var(--color-border);color:var(--color-text-primary);display:block;font-size:13px;padding:.5rem .6rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.field input[data-v-02e6dcd4]:focus{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus);outline:none}.field .error[data-v-02e6dcd4]{color:var(--color-error);display:none;font-size:13px}.field:has(:focus) .hint[data-v-02e6dcd4]{opacity:1}.field.is-blurred[data-v-02e6dcd4]:has([aria-invalid=true]){--color-border:var(--color-error);--color-focus:var(--color-error)}.field.is-blurred:has([aria-invalid=true]) input[data-v-02e6dcd4]{box-shadow:0 0 0 1px var(--color-error)}.field.is-blurred:has([aria-invalid=true]) .error[data-v-02e6dcd4]{display:block}.field.is-blurred:has([aria-invalid=true]) .hint[data-v-02e6dcd4]{opacity:.5}