:root{--form-checkbox-size:18px;--form-toggle-w:36px;--form-toggle-h:20px;--form-toggle-knob:16px;--form-toggle-inset:2px;--form-toggle-knob-shadow:0 1px 2px #0003}@layer components{.form-field{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-family:var(--font-ui);font-size:var(--text-label-md);line-height:var(--text-label-md--line-height);font-weight:var(--font-weight-medium);color:var(--color-text-on-light)}.form-required{color:var(--color-brand-deep)}.form-input{border:1px solid var(--color-border-control);border-radius:var(--radius-md);padding-block:var(--space-1-5);padding-inline:var(--space-2);font-family:var(--font-ui);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);background:var(--color-surface-light);color:var(--color-text-on-light);width:100%}.form-input::placeholder{color:var(--color-text-muted-on-light)}.form-input:focus{border-color:var(--color-text-on-light);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 35%, transparent);outline:0}.form-input[aria-invalid=true]{border-color:var(--color-danger)}.form-input:disabled{background:var(--color-surface-muted);color:var(--color-neutral);cursor:not-allowed}.form-select-wrap{position:relative}.form-select-wrap .form-input{appearance:none;padding-inline-end:36px}.form-select-arrow{pointer-events:none;block-size:16px;inline-size:16px;color:var(--color-text-muted-on-light);background-color:currentColor;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-1-5);translate:0 -50%;-webkit-mask-image:url(/icons/chevron-down.svg);mask-image:url(/icons/chevron-down.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.form-password-wrap{position:relative}.form-password-wrap .form-input{padding-inline-end:44px}.form-password-toggle{border-radius:var(--radius-sm);block-size:32px;inline-size:32px;color:var(--color-text-muted-on-light);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-easing);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-1);translate:0 -50%}.form-password-toggle:hover{color:var(--color-brand-deep)}.form-password-toggle:focus-visible{outline:2px solid var(--color-text-on-light);outline-offset:2px}@media (pointer:coarse){.form-password-toggle{block-size:44px;inline-size:44px}.form-password-wrap .form-input{padding-inline-end:calc(var(--space-1) + 44px)}}.form-hint{font-family:var(--font-ui);font-size:var(--text-label-md);line-height:var(--text-label-md--line-height);color:var(--color-text-muted-on-light)}.form-error{align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-label-md);line-height:var(--text-label-md--line-height);color:var(--color-danger-strong);display:flex}.form-error__icon{block-size:20px;inline-size:20px;color:var(--color-danger);background-color:currentColor;flex-shrink:0;-webkit-mask-image:url(/icons/error-circle.svg);mask-image:url(/icons/error-circle.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.form-checkbox{align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-label-lg);line-height:var(--text-label-lg--line-height);color:var(--color-text-on-light);cursor:pointer;display:flex}.form-checkbox__box{appearance:none;inline-size:var(--form-checkbox-size);block-size:var(--form-checkbox-size);border:1px solid var(--color-neutral);border-radius:var(--radius-xs);background:var(--color-surface-light);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin:0;display:inline-flex}.form-checkbox__box:checked{background:var(--color-surface-dark);border-color:var(--color-surface-dark)}.form-checkbox__box:checked:after{content:"";border-inline-start:2px solid var(--color-text-on-dark);border-block-end:2px solid var(--color-text-on-dark);block-size:5px;inline-size:9px;margin-block-start:-2px;transform:rotate(-45deg)}.form-checkbox__box:focus-visible{outline:2px solid var(--color-text-on-light);outline-offset:2px}.form-toggle{align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-label-lg);line-height:var(--text-label-lg--line-height);color:var(--color-text-on-light);cursor:pointer;display:flex}.form-toggle__track{appearance:none;inline-size:var(--form-toggle-w);block-size:var(--form-toggle-h);border-radius:var(--radius-full);background:var(--color-neutral);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing);border:0;flex-shrink:0;margin:0;position:relative}.form-toggle__track:checked{background:var(--color-brand)}.form-toggle__track:after{content:"";inline-size:var(--form-toggle-knob);block-size:var(--form-toggle-knob);border-radius:var(--radius-full);background:var(--color-surface-light);box-shadow:var(--form-toggle-knob-shadow);transition:inset-inline-start var(--motion-duration-fast) var(--motion-easing);position:absolute;inset-block-start:var(--form-toggle-inset);inset-inline-start:var(--form-toggle-inset)}.form-toggle__track:checked:after{inset-inline-start:calc(var(--form-toggle-w) - var(--form-toggle-knob) - var(--form-toggle-inset))}.form-toggle__track:focus-visible{outline:2px solid var(--color-text-on-light);outline-offset:2px}}