.checkbox{gap:var(--space-12);padding:var(--space-16);box-sizing:border-box;border-radius:var(--radius-8);border:var(--stroke-1) solid var(--neutral-border-components);background-color:var(--neutral-surface-main);cursor:pointer;transition:background-color var(--speed-medium) var(--ease-linear), border var(--speed-medium) var(--ease-linear);justify-content:flex-start;align-items:flex-start;display:inline-flex;position:relative}.checkbox:hover{background-color:var(--neutral-surface-background)}.checkbox:active{border-color:var(--neutral-border-active)}.checkbox[data-disabled=true]{cursor:not-allowed;border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled)}.checkbox-input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.checkbox-control{--checkbox-control-size:calc(var(--space-12) + var(--space-2) * 2 + var(--stroke-1) * 2);box-sizing:border-box;width:var(--checkbox-control-size);height:var(--checkbox-control-size);padding:var(--space-2);border:var(--stroke-1) solid var(--neutral-border-components);background-color:var(--neutral-surface-main);color:var(--neutral-content-oncolor);transition:background-color var(--speed-fast) var(--ease-linear), border-color var(--speed-fast) var(--ease-linear);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox-icon{width:var(--space-12);height:var(--space-12);color:inherit;pointer-events:none;display:none}.checkbox-icon--check{opacity:0;display:block}.checkbox-icon-stroke{fill:none;stroke:currentColor;stroke-width:var(--stroke-1-5);stroke-linecap:round;stroke-linejoin:round}.checkbox-icon-fill{fill:currentColor}.checkbox:hover .checkbox-control{border-color:var(--neutral-border-active)}.checkbox-input:checked+.checkbox-control{border-color:var(--neutral-border-active);background-color:var(--neutral-surface-icons)}.checkbox-input:checked+.checkbox-control .checkbox-icon--check,.checkbox[data-animating-check=true] .checkbox-control .checkbox-icon--check{opacity:1}.checkbox-input:focus-visible+.checkbox-control{border-color:var(--neutral-border-active);outline:var(--stroke-2) solid var(--support-focus);outline-offset:0}.checkbox-input:active+.checkbox-control{border-color:var(--neutral-border-active)}.checkbox[data-indeterminate=true] .checkbox-control{border-color:var(--neutral-border-active);background-color:var(--neutral-surface-icons)}.checkbox[data-indeterminate=true] .checkbox-control .checkbox-icon--check{display:none}.checkbox[data-indeterminate=true] .checkbox-control .checkbox-icon--indeterminate{display:block}.checkbox[data-error=true] .checkbox-control,.checkbox[data-error=true]:hover .checkbox-control{border-color:var(--color-border-error);background-color:var(--color-surface-error-light)}.checkbox-content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.checkbox-title,.checkbox-description{gap:var(--space-2);flex-direction:column;display:flex}.checkbox-title>*{color:var(--neutral-content-main-titles);margin:0}.checkbox-description>*{color:var(--neutral-content-support);margin:0}.checkbox--bare{background-color:#0000;border:none;border-radius:0;padding:0}.checkbox--bare:hover{background-color:#0000}.checkbox--bare:active{border-color:#0000}.checkbox--bare[data-disabled=true]{background-color:#0000;border-color:#0000}.checkbox[data-disabled=true] .checkbox-control,.checkbox[data-disabled=true]:hover .checkbox-control{border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled);color:var(--neutral-content-oncolor)}.checkbox[data-disabled=true][data-indeterminate=true] .checkbox-control{background-color:var(--neutral-surface-disabled);border-color:var(--neutral-border-disabled)}.checkbox[data-disabled=true] .checkbox-title>*,.checkbox[data-disabled=true] .checkbox-description>*{color:var(--neutral-content-disabled)}.checkbox[data-disabled=true]:hover{border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled)}
.radio{--radio-gap:var(--space-8);--radio-padding-y:var(--space-16);--radio-padding-x:var(--space-16);--radio-control-size:var(--space-16);--radio-control-dot-size:var(--space-8);box-sizing:border-box;justify-content:flex-start;align-items:flex-start;gap:var(--radio-gap);padding:var(--radio-padding-y) var(--radio-padding-x);border-radius:var(--radius-8);border:var(--stroke-1) solid var(--neutral-border-components);background-color:var(--neutral-surface-main);cursor:pointer;transition:border-color .5s,box-shadow .5s,background-color .5s;display:inline-flex;position:relative}.radio:hover{background-color:var(--neutral-surface-background)}.radio:active{border-color:var(--neutral-border-active)}.radio[data-disabled=true]{cursor:not-allowed;border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled)}.radio-input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.radio-control{width:var(--radio-control-size);height:var(--radio-control-size);border-radius:var(--radius-full);border:var(--stroke-1) solid var(--neutral-border-components);background-color:var(--neutral-surface-main);flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s,background-color .15s;display:inline-flex}.radio-control:after{content:"";width:var(--radio-control-dot-size);height:var(--radio-control-dot-size);border-radius:var(--radius-full);background-color:var(--neutral-border-active);opacity:0;transition:opacity .15s,transform .15s;transform:scale(.6)}.radio-input:checked+.radio-control{border-color:var(--neutral-border-active)}.radio-input:checked+.radio-control:after{opacity:1;transform:scale(1)}.radio-input:focus-visible+.radio-control{box-shadow:var(--shadow-focus);border-color:var(--neutral-border-active)}.radio-input:active+.radio-control{border-color:var(--neutral-border-active)}.radio-content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.radio-title,.radio-description{gap:var(--space-2);flex-direction:column;display:flex}.radio-title>*{color:var(--neutral-content-main-titles);margin:0}.radio-description>*{color:var(--neutral-content-support);margin:0}.radio[data-disabled=true] .radio-control{border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled)}.radio[data-disabled=true] .radio-control:after{background-color:var(--neutral-content-disabled)}.radio--bare{background-color:#0000;border:none;border-radius:0;padding:0}.radio--bare:hover{background-color:#0000}.radio--bare:active{border-color:#0000}.radio--bare[data-disabled=true]{background-color:#0000;border-color:#0000}.radio[data-disabled=true] .radio-title>*,.radio[data-disabled=true] .radio-description>*,.radio[data-disabled=true] .radio-content{color:var(--neutral-content-disabled)}.radio[data-disabled=true]:hover{border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled)}
.switch{--switch-track-width:40px;--switch-track-height:24px;--switch-track-padding:3px;--switch-knob-size:calc(var(--switch-track-height) - (var(--switch-track-padding) * 2));--switch-knob-translate-max:calc(var(--switch-track-width) - var(--switch-knob-size) - (var(--switch-track-padding) * 2));--switch-knob-translate:0px;color:var(--neutral-content-main-titles);align-items:center;gap:var(--space-12);flex-direction:row;width:100%;display:flex}.switch-size-s{--switch-track-width:32px;--switch-track-height:20px;--switch-track-padding:2px}.switch-size-m{--switch-track-width:40px;--switch-track-height:24px;--switch-track-padding:3px}.switch-size-l{--switch-track-width:48px;--switch-track-height:28px;--switch-track-padding:3px}.switch[data-has-description=true]{align-items:flex-start}.switch[data-checked=true]{--switch-knob-translate:var(--switch-knob-translate-max)}.switch[data-disabled=true]{opacity:.6;cursor:not-allowed}.switch-trigger{cursor:pointer;border-radius:var(--radius-full);width:var(--switch-track-width);height:var(--switch-track-height);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.switch-trigger:focus-visible .switch-track{box-shadow:var(--shadow-focus)}.switch[data-disabled=true] .switch-trigger{cursor:not-allowed}.switch-track{box-sizing:border-box;width:var(--switch-track-width);height:var(--switch-track-height);border-radius:var(--radius-full);transition:background-color var(--speed-faster) var(--ease-custom);background-color:var(--neutral-content-support);padding:var(--switch-track-padding);display:block;position:relative}.switch[data-checked=true] .switch-track{background-color:var(--neutral-surface-oncolor)}.switch[data-disabled=true] .switch-track{background-color:var(--neutral-surface-disabled)}.switch-knob{background-color:var(--neutral-surface-main);width:var(--switch-knob-size);height:var(--switch-knob-size);top:var(--switch-track-padding);left:var(--switch-track-padding);border-radius:var(--radius-full);will-change:transform;transform:translateX(var(--switch-knob-translate));transition:background-color var(--speed-faster) var(--ease-custom);position:absolute}.switch[data-disabled=true] .switch-knob{background-color:var(--switch-knob-disabled);box-shadow:none}.switch-content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.switch-label{color:var(--neutral-content-main-titles);margin-block:-2px;padding-block:2px;display:block;position:relative;overflow:visible clip}.switch-label-text{display:block}.switch-label-text--exit{white-space:nowrap;opacity:0;position:absolute;inset-block-start:2px;inset-inline-start:0}.switch-description{color:var(--neutral-content-support)}.switch[data-disabled=true] .switch-label,.switch[data-disabled=true] .switch-description{color:var(--neutral-content-disabled)}
