.form-field{--field-min-height: 48px;--field-padding-block: 12px;--field-padding-inline: 14px;--field-font-size: 16px;--field-label-size: 13px;--field-radius: 8px;--field-gap: 10px;display:flex;flex-direction:column;gap:var(--field-gap);width:100%;min-width:0}.form-field[data-size=sm]{--field-min-height: 44px;--field-padding-block: 9px;--field-padding-inline: 12px;--field-label-size: 12px}.form-field[data-size=lg]{--field-min-height: 56px;--field-padding-block: 16px;--field-padding-inline: 18px;--field-label-size: 14px}.form-field__label{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;color:var(--paper);font-size:var(--field-label-size);line-height:1.5;overflow-wrap:anywhere}.form-field .form-field__control{display:block;width:100%;min-width:0;min-height:var(--field-min-height);margin:0;padding:var(--field-padding-block) var(--field-padding-inline);border:1px solid var(--border);border-radius:var(--field-radius);background:var(--surface);color:var(--paper);font-family:inherit;font-size:var(--field-font-size);line-height:1.5}.form-field textarea.form-field__control{min-height:128px;resize:vertical}.form-field__control::placeholder{color:var(--muted);opacity:1}.form-field .form-field__control[aria-invalid=true]{border-color:var(--error-border, #efad9e)}.form-field .form-field__control:focus{border-color:var(--ice);outline:2px solid var(--ice);outline-offset:2px}.form-field .form-field__control:disabled{opacity:.65;cursor:not-allowed}.form-field__select{position:relative;min-width:0}.form-field select.form-field__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:calc(var(--field-padding-inline) + 26px);color-scheme:dark;text-overflow:ellipsis}.form-field__chevron{position:absolute;inset-inline-end:var(--field-padding-inline);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.form-field__select:has(select:disabled) .form-field__chevron{opacity:.65}.form-field__hint,.form-field__error{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.form-field__hint{color:var(--muted)}.form-field__error{color:var(--error-text, #efbdaf)}@supports (appearance: base-select) and selector(::picker(select)){.form-field select.form-field__control,.form-field select.form-field__control::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.form-field select.form-field__control{position:relative;overflow:hidden;white-space:nowrap;cursor:pointer}.form-field select.form-field__control::picker-icon{content:"";position:absolute;inset-block:0;inset-inline-end:0;inline-size:calc(var(--field-padding-inline) + 26px);background:inherit}.form-field select:open+.form-field__chevron{transform:translateY(-50%) rotate(180deg);color:var(--ice)}.form-field select.form-field__control::picker(select){box-sizing:border-box;inline-size:anchor-size(self-inline);max-inline-size:calc(100vw - 24px);max-block-size:min(360px,60dvh);margin-block:6px;padding:6px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--field-radius);background:var(--ink);color:var(--paper);box-shadow:0 12px 32px #00000052;font:inherit;scrollbar-width:thin;scrollbar-color:var(--border) var(--ink)}.form-field select.form-field__control option{display:flex;align-items:center;gap:12px;min-block-size:44px;padding:10px var(--field-padding-inline);border:0;border-radius:max(2px,calc(var(--field-radius) - 3px));background:transparent;color:var(--paper);font:inherit;line-height:1.5;white-space:normal;overflow-wrap:anywhere;cursor:pointer;scroll-margin-block:6px}.form-field select.form-field__control option+option{margin-block-start:2px}.form-field select.form-field__control option:checked{background:var(--surface-raised);color:var(--ice);font-weight:600}.form-field select.form-field__control option::checkmark{order:1;margin-inline-start:auto;flex-shrink:0;color:var(--ice)}.form-field select.form-field__control option:focus-visible{outline:2px solid var(--ice);outline-offset:-2px;background:var(--surface)}.form-field select.form-field__control option:disabled{color:var(--muted);opacity:.6;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.form-field select.form-field__control option:hover:not(:disabled){background:var(--surface)}}}@media(forced-colors:active){.form-field select.form-field__control{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-field__chevron{display:none}.form-field .form-field__control:disabled{opacity:1;color:GrayText}}