:root,:root[data-theme=dark]{--field-bg:var(--sunken)}:root[data-theme=light]{--field-bg:var(--surface)}.ds-field{gap:var(--sp-2);min-width:0;display:grid}.ds-field-label{font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--text-2)}.ds-field-label-row{align-items:baseline;gap:var(--sp-1);min-width:0;display:flex}.ds-field-required{font-size:var(--fs-14);color:var(--text-2)}.ds-field-hint{font-size:var(--fs-12);color:var(--muted)}.ds-field-error{align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-12);color:var(--st-danger);display:flex}.ds-form-icon{width:var(--icon-md);height:var(--icon-md);stroke-width:var(--icon-stroke);flex-shrink:0}.ds-form-sr-only{width:var(--sp-hair);height:var(--sp-hair);clip-path:inset(50%);white-space:nowrap;border:0;margin:0;padding:0;position:absolute;overflow:hidden}.ds-input{--ds-input-height:var(--control-h-lg);box-sizing:border-box;width:100%;min-width:0;height:var(--ds-input-height);padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-chip);background:var(--field-bg);color:var(--text);font-family:var(--font);font-size:var(--fs-16);line-height:var(--lh-body)}.ds-input--lg{--ds-input-height:calc(var(--sp-7))}.ds-input::placeholder,.ds-select-trigger[data-placeholder]{color:var(--muted)}.ds-input[aria-invalid=true],.ds-checkbox-input[aria-invalid=true]{border-color:var(--st-danger)}.ds-input:disabled{background:var(--raised);color:var(--muted);cursor:not-allowed}.ds-textarea{height:auto;min-height:calc(var(--ds-input-height) * 2);padding-block:var(--sp-2);resize:vertical}.ds-input:focus-visible,.ds-checkbox-input:focus-visible,.ds-switch:focus-visible,.ds-segmented-option:focus-visible,.ds-input:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]):focus-within{outline:var(--focus-ring) solid var(--focus);outline-offset:var(--sp-hair)}.ds-select-trigger{justify-content:space-between;align-items:center;gap:var(--sp-2);text-align:start;cursor:pointer;display:flex}.ds-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-select-content{box-sizing:border-box;min-width:var(--radix-select-trigger-width);max-width:var(--radix-select-content-available-width);max-height:var(--radix-select-content-available-height);border:1px solid var(--line-strong);border-radius:var(--r-panel);background:var(--overlay);box-shadow:var(--shadow-overlay);color:var(--text);font-family:var(--font);font-size:var(--fs-16);overflow:hidden}.ds-select-viewport{padding:var(--sp-1)}.ds-select-option{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--control-h-lg);padding:0 var(--sp-3);border-radius:var(--r-chip);cursor:pointer;display:flex}.ds-select-option[data-highlighted]{background:var(--action);color:var(--on-action);outline:none}.ds-select-option[data-disabled]{color:var(--muted);cursor:not-allowed}.ds-select-scroll{min-height:var(--target-min);justify-content:center;align-items:center;display:flex}.ds-checkbox,.ds-switch-row{align-items:center;gap:var(--sp-2);min-height:var(--target-min);color:var(--text);font-size:var(--fs-14);display:flex}.ds-checkbox{cursor:pointer;width:fit-content}.ds-checkbox-control{flex-shrink:0;display:inline-flex;position:relative}.ds-checkbox-input{appearance:none;box-sizing:border-box;width:var(--icon-lg);height:var(--icon-lg);border:1px solid var(--line-strong);border-radius:var(--r-chip);background:var(--field-bg);cursor:inherit;margin:0}.ds-checkbox-input:checked{background:var(--action);border-color:var(--action)}.ds-checkbox-mark{width:var(--icon-lg);height:var(--icon-lg);color:var(--on-action);pointer-events:none;visibility:hidden;position:absolute;inset:0}.ds-checkbox-input:checked+.ds-checkbox-mark{visibility:visible}.ds-checkbox:has(:disabled){color:var(--muted);cursor:not-allowed}.ds-checkbox-input:disabled{border-color:var(--muted);background:var(--raised)}.ds-checkbox-input:disabled+.ds-checkbox-mark{color:var(--muted)}.ds-switch{min-height:var(--target-min);min-width:var(--target-min);border-radius:var(--r-chip);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ds-switch-track{box-sizing:border-box;width:var(--control-h-lg);height:var(--sp-5);padding:var(--sp-hair);border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--field-bg);align-items:center;display:flex}.ds-switch-thumb{width:var(--icon-md);height:var(--icon-md);border-radius:var(--r-pill);background:var(--text-2)}.ds-switch[aria-checked=true] .ds-switch-track{background:var(--action);border-color:var(--action);justify-content:flex-end}.ds-switch[aria-checked=true] .ds-switch-thumb{background:var(--on-action)}.ds-switch-row label{cursor:pointer}.ds-switch:disabled,.ds-switch:disabled+label{color:var(--muted);cursor:not-allowed}.ds-switch:disabled .ds-switch-track{background:var(--raised);border-color:var(--muted)}.ds-switch:disabled .ds-switch-thumb{background:var(--muted)}.ds-segmented{gap:var(--sp-1);width:fit-content;max-width:100%;padding:var(--sp-1);border:1px solid var(--line-strong);border-radius:var(--r-panel);background:var(--field-bg);flex-wrap:wrap;display:flex}.ds-segmented-option{justify-content:center;align-items:center;gap:var(--sp-2);min-height:max(var(--control-h-lg), var(--target-min));padding:var(--sp-2) var(--sp-3);border-radius:var(--r-chip);color:var(--text-2);font-family:var(--font);font-size:var(--fs-14);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;display:inline-flex}.ds-segmented-option:hover{background:var(--raised)}.ds-segmented-option[aria-checked=true]{background:var(--action);color:var(--on-action)}.ds-form-preview{gap:var(--sp-5);display:grid}.ds-form-preview-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--panel-sm)), 1fr));gap:var(--sp-5);display:grid}.ds-form-preview-card{gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);display:grid}.ds-form-preview-card h3,.ds-form-preview-card p{margin:0}.ds-form-preview-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.ds-date{min-width:0;position:relative}.ds-date>.ds-input{padding-inline-end:calc(var(--target-min) + var(--sp-2))}.ds-date>.ds-icon-button{inset-inline-end:0;height:100%;position:absolute;top:0}.ds-date-native{opacity:0;pointer-events:none;border:0;width:0;height:0;padding:0;position:absolute}.ds-datetime{gap:var(--sp-2);min-width:0;display:grid}@media (width>=37.5em){.ds-datetime{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
