.oat-field{gap:calc(6px * var(--density-space));flex-direction:column;display:flex}.oat-field-label{font-size:var(--text-small);color:var(--text-strong);font-weight:600}.oat-field-description{font-size:var(--text-small);color:var(--text-muted)}.oat-field-error{font-size:var(--text-small);color:var(--action)}.oat-control{align-items:center;gap:calc(8px * var(--density-space));min-height:calc(38px * var(--density-space));padding:var(--form-control-padding-y) var(--form-control-padding-x);font-family:var(--font-display);font-size:var(--text-control);color:var(--form-control-fg);background:var(--form-control-bg);border:var(--form-border-width) solid var(--form-control-border);border-radius:var(--form-control-radius);transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex}.oat-control:focus-within{border-color:var(--form-control-border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.on-ink .oat-control{border-color:var(--control-border-on-dark);color:var(--text-strong-on-dark)}.oat-select-trigger{cursor:default;text-align:start;justify-content:space-between;width:100%}.oat-select-icon{width:10px;color:var(--text-muted);flex:none;display:flex}.oat-select-icon svg{width:10px;height:6px}.oat-positioner{z-index:60}.oat-popup{min-width:var(--anchor-width,12rem);padding:calc(4px * var(--density-space));background:var(--form-popup-bg);border:var(--form-border-width) solid var(--form-popup-border);border-radius:var(--form-popup-radius);box-shadow:var(--form-popup-elevation);max-height:18rem;overflow-y:auto}.oat-popup-item{padding:calc(7px * var(--density-space)) calc(10px * var(--density-space));font-size:var(--text-control);color:var(--text-strong);border-radius:calc(var(--form-control-radius) * .6);cursor:default;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.oat-popup-item[data-highlighted],.oat-popup-item:hover{background:var(--form-popup-item-bg-active)}.oat-popup-check{color:var(--action);font-size:var(--text-small)}.oat-popup-empty{padding:calc(10px * var(--density-space));font-size:var(--text-small);color:var(--text-muted)}.oat-chips{cursor:text;flex-wrap:wrap;width:100%}.oat-chip{padding:calc(3px * var(--density-space)) calc(8px * var(--density-space));font-size:var(--text-small);color:var(--form-chip-fg);background:var(--form-chip-bg);border:var(--form-border-width) solid var(--form-control-border);border-radius:var(--form-chip-radius);align-items:center;gap:6px;display:inline-flex}.oat-chip-remove{cursor:pointer;color:var(--text-muted);line-height:1;font-size:var(--text-control);background:0 0;border:0;padding:0}.oat-chip-remove:hover{color:var(--text-strong)}.oat-chips-input{min-width:6rem;font-family:inherit;font-size:var(--text-control);color:var(--form-control-fg);background:0 0;border:0;outline:none;flex:1}.oat-choice{align-items:center;gap:calc(9px * var(--density-space));font-size:var(--text-control);color:var(--text);display:inline-flex}.oat-checkbox,.oat-radio{width:var(--form-indicator-size);height:var(--form-indicator-size);background:var(--form-indicator-bg);border:max(var(--form-border-width),1px) solid var(--form-indicator-border);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,border-color .12s;display:inline-flex}.oat-checkbox{border-radius:var(--form-indicator-radius)}.oat-radio{border-radius:999px}.oat-checkbox[data-checked],.oat-radio[data-checked]{background:var(--form-indicator-bg-checked);border-color:var(--form-indicator-bg-checked)}.oat-checkbox-indicator{color:var(--form-indicator-fg-checked);display:flex}.oat-checkbox-indicator svg{width:12px;height:12px}.oat-radio-indicator{background:var(--form-indicator-fg-checked);border-radius:999px;width:38%;height:38%}.oat-radio-group{gap:calc(8px * var(--density-space));flex-direction:column;display:flex}.oat-backdrop{z-index:70;background:color-mix(in srgb, var(--ground-dark) 55%, transparent);position:fixed;inset:0}.oat-dialog{z-index:80;gap:calc(10px * var(--density-space));width:min(28rem,100vw - 2rem);padding:var(--space-cell);background:var(--form-popup-bg);border:var(--form-border-width) solid var(--form-popup-border);border-radius:var(--form-popup-radius);box-shadow:var(--form-popup-elevation);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.oat-dialog-title{font-size:var(--text-h3);letter-spacing:-.02em;color:var(--text-strong)}.oat-dialog-description{font-size:var(--text-control);color:var(--text)}.oat-dialog-actions{justify-content:flex-end;gap:var(--space-inline);margin-top:var(--space-inline);display:flex}.oat-table{border-collapse:collapse;width:100%;font-size:var(--text-control)}.oat-table-caption{text-align:start;padding-bottom:var(--space-inline);font-size:var(--text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.oat-table th{text-align:start;font-weight:600;font-size:var(--text-small);color:var(--form-table-head-fg);padding:calc(9px * var(--density-space)) calc(10px * var(--density-space));border-bottom:max(var(--form-rule-width),1px) solid var(--form-table-rule)}.oat-table td{padding:calc(11px * var(--density-space)) calc(10px * var(--density-space));color:var(--text);border-bottom:var(--form-rule-width) solid var(--form-table-rule)}.oat-table th[data-align=end],.oat-table td[data-align=end]{text-align:end;font-variant-numeric:tabular-nums}.oat-table tbody tr:hover td{background:var(--form-table-row-bg-hover)}