@layer ui{.form-fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;min-inline-size:0;padding-block:.25rem;font-size:.75rem;display:grid}.form-fieldset[data-layout=inline]{justify-content:space-between;align-items:center;display:flex}.form-switches{flex-direction:column;gap:.75rem;display:flex}.form-label{white-space:nowrap;align-items:center;gap:.375rem;display:inline-flex}.form-control{--control-border:color-mix(in oklab, var(--color-base-content) 50%, var(--color-base-100));--control-size:2.5rem;inline-size:100%;block-size:var(--control-size);border:var(--ui-border-width) solid var(--control-border);border-radius:var(--radius-field);background-color:var(--color-base-100);color:inherit;touch-action:manipulation;align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.875rem;display:inline-flex}.form-control[aria-busy=true]{background-color:#0000}.form-control[data-fit]{inline-size:clamp(3rem,20rem,100%)}.form-control:disabled{border-color:var(--color-base-200);background-color:var(--color-base-200);cursor:not-allowed}.form-control[data-size=sm]{--control-size:2rem}.form-control[data-size=xs]{--control-size:1.5rem;font-size:.75rem}.form-control[aria-invalid=true]{--control-border:var(--color-error)}.form-control[data-state=valid]{--control-border:var(--color-success)}.form-control[data-variant=ghost]{background-color:#0000;border-color:#0000}.form-control[data-variant=ghost]:hover:not(:focus){background-color:color-mix(in oklab, var(--color-base-content) 6%, transparent)}.form-multiline{resize:vertical;block-size:auto;min-block-size:5rem;padding-block:.5rem;display:block}.form-check{--check-size:1.5rem;inline-size:var(--check-size);block-size:var(--check-size);accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.form-check[data-size=sm]{--check-size:1.25rem}.form-check[data-size=xs]{--check-size:1rem}.form-check:disabled{cursor:not-allowed;opacity:var(--ui-opacity-disabled)}.form-switch{--switch-height:1.5rem;--switch-gap:.1875rem;--switch-border:color-mix(in oklab, var(--color-base-content) 50%, var(--color-base-100));appearance:none;inline-size:calc(var(--switch-height) * 1.75);block-size:var(--switch-height);border:var(--ui-border-width) solid var(--switch-border);border-radius:var(--ui-radius-pill);background-color:var(--color-base-100);cursor:pointer;transition:background-color var(--ui-motion-duration) var(--ui-motion-ease);flex-shrink:0;position:relative}.form-switch[data-size=sm]{--switch-height:1.25rem}.form-switch:before{content:"";inset-block:var(--switch-gap);inline-size:calc(var(--switch-height) - var(--switch-gap) * 2 - var(--ui-border-width) * 2);background-color:var(--switch-border);transition:transform var(--ui-motion-duration) var(--ui-motion-ease), background-color var(--ui-motion-duration) var(--ui-motion-ease);border-radius:50%;position:absolute;inset-inline-start:var(--switch-gap)}.form-switch:checked{border-color:var(--color-primary);background-color:var(--color-primary)}.form-switch:checked:before{background-color:var(--color-primary-content);transform:translateX(calc(var(--switch-height) * .75))}.form-switch:disabled{cursor:not-allowed;opacity:var(--ui-opacity-disabled)}@media (prefers-reduced-motion:reduce){.form-switch,.form-switch:before{transition:none}}@media (forced-colors:active){.form-switch{border-color:buttontext}.form-switch:before{background-color:buttontext}.form-switch:checked{background-color:highlight;border-color:highlight}.form-switch:checked:before{background-color:highlighttext}}}
