.ui-field{color:var(--ui-field-text,var(--field-control-default-text));background-color:var(--ui-field-bg,var(--field-control-default-bg));box-shadow:inset 0 0 0 1px var(--ui-field-border,var(--field-control-default-border));transition:background-color .15s ease,box-shadow .15s ease,color .15s ease}.ui-field[data-surface=page]{--ui-field-text:var(--field-control-surface-text);--ui-field-bg:var(--field-control-surface-bg);--ui-field-border:var(--field-control-surface-border);--ui-field-placeholder:var(--field-control-surface-placeholder)}.ui-field::placeholder,.ui-field__placeholder{color:var(--ui-field-placeholder,var(--field-control-default-placeholder))}.ui-field:hover:where(:not(:disabled)):where(:not([data-disabled=true])){box-shadow:inset 0 0 0 1px var(--field-hover-border)}.ui-field:focus-visible,.ui-field[data-focused=true]{outline:none;box-shadow:inset 0 0 0 2px var(--border-heavy)}.ui-field[aria-invalid=true],.ui-field[data-invalid=true]{box-shadow:inset 0 0 0 2px var(--field-state-error-border)}.ui-field:disabled,.ui-field[data-disabled=true]{color:var(--text-muted);background-color:var(--field-control-disabled-bg);box-shadow:inset 0 0 0 1px var(--field-control-disabled-bg);cursor:not-allowed}.ui-field:disabled::placeholder{color:var(--text-muted)}.ui-field__reveal{position:absolute;inset-block-start:50%;inset-inline-end:6px;display:inline-flex;inline-size:36px;block-size:36px;align-items:center;justify-content:center;border-radius:9999px;transform:translateY(-50%);color:var(--field-control-default-icon);transition:background-color .15s ease}.ui-field__reveal:hover{background-color:var(--tag-button-neutral-bg)}.ui-field__reveal:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--border-heavy)}.ui-field__reveal>svg{inline-size:18px;block-size:18px}.ui-field__error{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:14px;line-height:20px;color:var(--field-error-text)}.ui-field__error>svg{flex-shrink:0;inline-size:16px;block-size:16px;margin-block-start:2px}.ui-field__chevron{transition:transform .2s cubic-bezier(.3,.7,.2,1)}.ui-field__chevron[data-open=true]{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.ui-field__chevron{transition:none}}