.vui-field{--vui-field-h:var(--vui-control-h-md);--vui-field-pad-x:var(--vui-space-4);gap:var(--vui-space-2);flex-direction:column;display:flex;position:relative}.vui-field--sm{--vui-field-h:var(--vui-control-h-sm);--vui-field-pad-x:var(--vui-space-3)}.vui-field--lg{--vui-field-h:var(--vui-control-h-lg);--vui-field-pad-x:var(--vui-space-5)}.vui-field__label{font-size:var(--vui-field-label-size,var(--vui-text-small));font-weight:var(--vui-weight-medium);color:var(--vui-text-secondary)}.vui-field__required{color:var(--vui-accent)}.vui-field__labelrow{align-items:center;gap:var(--vui-space-2);min-width:0;display:flex}.vui-field__label-end{align-items:center;gap:var(--vui-space-2);margin-inline-start:auto;display:inline-flex}:where(.vui-field__label-end)>*{align-items:center;display:inline-flex}.vui-field__info{border-radius:var(--vui-radius-full);width:1rem;height:1rem;color:var(--vui-text-tertiary);cursor:help;transition:color var(--vui-duration-fast) var(--vui-ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.vui-field__info:hover{color:var(--vui-text-secondary)}.vui-field__info:focus-visible{outline:2px solid var(--vui-focus);outline-offset:1px}.vui-field__info .vui-field__glyph{width:1rem;height:1rem}@media (pointer:coarse){.vui-field__info:after{content:"";width:var(--vui-tap-min);height:var(--vui-tap-min);position:absolute;inset:50%;translate:-50% -50%}}.vui-field__control{width:100%;min-height:var(--vui-field-h);padding-block:0;padding-inline:var(--vui-field-pad-x);color:var(--vui-text-primary);background:var(--vui-surface-inset);border:1px solid var(--vui-border);border-radius:var(--vui-radius-md);transition:border-color var(--vui-duration-fast) var(--vui-ease-out), background-color var(--vui-duration-fast) var(--vui-ease-out)}.vui-field--sm .vui-field__control{font-size:var(--vui-text-small)}.vui-field__control::placeholder{color:var(--vui-text-tertiary)}.vui-field__control:focus{border-color:var(--vui-accent);background:var(--vui-surface-elevated);outline:none}.vui-field__control:disabled{opacity:.45;cursor:not-allowed}textarea.vui-field__control{min-height:120px;padding-block:var(--vui-space-3);resize:vertical}.vui-field__hint{font-size:var(--vui-text-caption);line-height:var(--vui-leading-snug);color:var(--vui-text-tertiary)}.vui-field__error{font-size:var(--vui-text-caption);line-height:var(--vui-leading-snug);color:var(--vui-danger-fg)}.vui-field.is-invalid .vui-field__control,.vui-field.is-invalid .vui-field__control:focus,.vui-field.is-invalid .vui-field__box,.vui-field.is-invalid .vui-field__box:focus-within{border-color:var(--vui-danger-fg)}.vui-field__box{align-items:center;gap:var(--vui-space-2);box-sizing:border-box;min-height:var(--vui-field-h);padding-inline:var(--vui-field-pad-x);background:var(--vui-surface-inset);border:1px solid var(--vui-border);border-radius:var(--vui-radius-md);cursor:text;transition:border-color var(--vui-duration-fast) var(--vui-ease-out), background-color var(--vui-duration-fast) var(--vui-ease-out);display:flex}.vui-field__box:focus-within{border-color:var(--vui-accent);background:var(--vui-surface-elevated)}.vui-field__box>.vui-field__control,.vui-field__box>.vui-field__control:focus{min-width:0;min-height:calc(var(--vui-field-h) - 2px);background:0 0;border:0;border-radius:0;outline:none;flex:auto;padding-inline:0}.vui-field__box:has(>.vui-field__control:disabled){opacity:.45;cursor:not-allowed}.vui-field__box>.vui-field__control:disabled{opacity:1}.vui-field__adorn{align-items:center;gap:var(--vui-space-1);color:var(--vui-text-secondary);font-size:var(--vui-text-small);white-space:nowrap;flex:none;display:inline-flex}.vui-field__adorn-text{display:inline}.vui-field__glyph{flex:none;width:1.25rem;height:1.25rem;display:inline-flex}.vui-field__glyph>svg{width:100%;height:100%}.vui-field--sm .vui-field__glyph{width:1rem;height:1rem}.vui-field__action{border-radius:var(--vui-radius-sm);width:1.75rem;color:var(--vui-text-secondary);cursor:pointer;transition:color var(--vui-duration-fast) var(--vui-ease-out);background:0 0;border:0;flex:none;justify-content:center;align-self:stretch;align-items:center;margin:0;padding:0;display:inline-flex}.vui-field__action:last-child{margin-inline-end:calc(var(--vui-space-1) - var(--vui-field-pad-x))}.vui-field__box>:has(>.vui-field__action){align-self:stretch}.vui-field__action:hover{color:var(--vui-text-primary)}.vui-field__action:focus-visible{outline:2px solid var(--vui-focus);outline-offset:-2px}.vui-field__action .vui-field__glyph{width:1rem;height:1rem}.vui-field__action--clear{color:var(--vui-text-tertiary)}.vui-field__box:has(>.vui-field__action--clear)>.vui-field__control::-webkit-search-cancel-button{appearance:none;display:none}.vui-field__box.is-empty>.vui-field__action--clear{display:none}.vui-field__action--reveal{color:var(--vui-text-secondary)}@media print{.vui-field__info:not([data-print=keep]){display:none}}.vui-field--card{--vui-field-h:var(--vui-control-h-md);--vui-field-pad-x:0;padding:var(--vui-card-pad-x);gap:var(--vui-space-2);background:var(--vui-surface-elevated);border-radius:var(--vui-radius-md);cursor:text;transition:border-color var(--vui-duration-fast) var(--vui-ease-out);border:1px solid #0000}@media (max-width:30rem){.vui-field--card{padding:var(--vui-space-4)}}.vui-field--card{container:vui-field-card/inline-size}.vui-field--pill.vui-field--card{padding:var(--vui-space-4) var(--vui-space-6);border-radius:var(--vui-radius-full)}@media (max-width:30rem){.vui-field--pill.vui-field--card{padding:var(--vui-space-4)}}@container vui-field-card (width<=20rem){.vui-field.vui-field--card .vui-field__box>.vui-field__control,.vui-field.vui-field--card .vui-field__box>.vui-field__control:focus{font-size:var(--vui-field-card-text-md,var(--vui-text-h4))}}@container vui-field-card (width<=16.5rem){.vui-field.vui-field--card .vui-field__box>.vui-field__control,.vui-field.vui-field--card .vui-field__box>.vui-field__control:focus{font-size:var(--vui-field-card-text-sm,var(--vui-text-h5))}}.vui-field--card.vui-field--sm,.vui-field--pill.vui-field--card.vui-field--sm{--vui-field-h:var(--vui-control-h-md);--vui-field-card-text:var(--vui-text-body-lg);--vui-field-card-text-md:var(--vui-text-body-lg);--vui-field-card-text-sm:var(--vui-text-body-lg);padding:var(--vui-space-2) var(--vui-space-4)}.vui-field--card.vui-field--sm .vui-field__adorn .vui-field__glyph{width:1.25rem;height:1.25rem}.vui-field--card .vui-field__label{font-size:var(--vui-field-card-label,var(--vui-text-body-lg));line-height:var(--vui-leading-snug);cursor:text}.vui-field--card:focus-within{border-color:var(--vui-card-state-edge,var(--vui-text-primary));background:color-mix(in oklch, var(--vui-surface-elevated), var(--vui-text-primary) var(--vui-card-state-deepen,0%))}.vui-field--card .vui-field__box,.vui-field--card .vui-field__box:focus-within{gap:var(--vui-space-3);background:0 0;border:0;border-radius:0;padding-inline:0}.vui-field--card .vui-field__box>.vui-field__control,.vui-field--card .vui-field__box>.vui-field__control:focus{min-height:var(--vui-field-h);font-size:var(--vui-field-card-text,var(--vui-text-h3-fixed));font-weight:var(--vui-weight-medium);letter-spacing:var(--vui-tracking-tight,normal)}.vui-field--card .vui-field__control::placeholder,.vui-field--card .vui-field__adorn{color:var(--vui-text-secondary)}.vui-field--card .vui-field__adorn .vui-field__glyph{width:1.5rem;height:1.5rem}.vui-field--card .vui-field__action{width:var(--vui-field-h);border-radius:var(--vui-radius-full)}.vui-field--card .vui-field__action .vui-field__glyph{width:1.25rem;height:1.25rem}.vui-field--card .vui-field__action:last-child{margin-inline-end:calc(-1 * var(--vui-space-2))}.vui-field--card.is-invalid,.vui-field--card.is-invalid:focus-within{border-color:var(--vui-danger-fg)}.vui-field--card.is-invalid:focus-within{box-shadow:inset 0 0 0 1px var(--vui-danger-fg)}
