.Checkbox{cursor:pointer;align-items:center;gap:10px;display:inline-flex;position:relative}.Checkbox_disabled{cursor:not-allowed}.Checkbox-input{clip:rect(0 0 0 0);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Checkbox-box{box-sizing:border-box;width:var(--checkbox-s-height);height:var(--checkbox-s-height);padding:var(--checkbox-s-padding);border:2px solid var(--color-semantic-border-default);border-radius:var(--checkbox-s-border-radius);box-shadow:none;color:var(--color-semantic-surface-solid-primary);background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:flex}.Checkbox-box:after{content:"";box-sizing:border-box;opacity:0;border:2px solid;border-width:0 2px 2px 0;width:6px;height:10px;margin-top:-2px;transform:rotate(45deg)scale(.6)}.Checkbox_radio .Checkbox-box{border-radius:50%;width:24px;height:24px}.Checkbox_radio .Checkbox-input:checked+.Checkbox-box{border-radius:50%}.Checkbox-input:focus-visible+.Checkbox-box{outline:var(--border-width-focus) solid var(--color-brand);outline-offset:var(--space-half)}.Checkbox-input:checked+.Checkbox-box{border-color:var(--color-semantic-icon-brand);background:var(--color-semantic-icon-brand);box-shadow:none}.Checkbox-input:checked+.Checkbox-box:after{opacity:1;transform:rotate(45deg)scale(1)}.Checkbox_invalid .Checkbox-box{border-color:var(--color-semantic-text-basic-error)}.Checkbox_invalid .Checkbox-input:checked+.Checkbox-box{border-color:var(--color-semantic-text-basic-error);background:var(--color-semantic-alert-error);color:var(--color-semantic-text-basic-error)}.Checkbox-label{color:var(--color-semantic-text-basic-primary);font-family:var(--font-family);font-size:var(--body-small-font-size);line-height:var(--body-small-line-height);letter-spacing:var(--body-small-letter-spacing);font-style:normal;font-weight:var(--font-weight-regular)}.Checkbox_disabled .Checkbox-label{color:var(--color-semantic-text-basic-secondary)}.Checkbox-content{min-width:0}.Checkbox_switch{align-items:center;gap:10px;display:inline-flex}.Checkbox-switch{background:var(--color-semantic-icon-tertiary);width:40px;height:22px;box-shadow:none;cursor:pointer;border:0;border-radius:30px;flex-shrink:0;align-items:center;padding:2px;transition:background-color .25s;display:inline-flex}.Checkbox-switch:focus-visible{outline:var(--border-width-focus) solid var(--color-brand);outline-offset:var(--space-half)}.Checkbox-switch[data-state=checked]{background:var(--color-semantic-icon-brand);border-radius:30px}.Checkbox-switch:disabled,.Checkbox-switch[data-disabled]{cursor:not-allowed;opacity:.5}.Checkbox-thumb{background:var(--color-semantic-icon-primary-reverse-2);width:18px;height:18px;box-shadow:none;pointer-events:none;border-radius:18px;transition:transform .25s;display:block}.Checkbox-switch[data-state=unchecked] .Checkbox-thumb{transform:translate(0)}.Checkbox-switch[data-state=checked] .Checkbox-thumb{transform:translate(18px)}.Checkbox_feed .Checkbox-switch,.Checkbox_personal .Checkbox-switch{width:33px;height:22px;padding:var(--space-half);box-shadow:none;border:0}.Checkbox_feed .Checkbox-switch[data-state=unchecked],.Checkbox_personal .Checkbox-switch[data-state=unchecked]{background:var(--switch-feed-track)}.Checkbox_feed .Checkbox-switch[data-state=checked],.Checkbox_personal .Checkbox-switch[data-state=checked]{background:var(--color-brand)}.Checkbox_feed .Checkbox-thumb,.Checkbox_personal .Checkbox-thumb{width:var(--size-icon-compact);height:var(--size-icon-compact);background:var(--switch-feed-thumb);box-shadow:var(--switch-feed-shadow)}.Checkbox_feed .Checkbox-switch[data-state=checked] .Checkbox-thumb,.Checkbox_personal .Checkbox-switch[data-state=checked] .Checkbox-thumb{background:var(--switch-feed-thumb-active);box-shadow:none;transform:translate(11px)}.Checkbox_personal .Checkbox-switch{width:var(--size-control-h)}.Checkbox_personal .Checkbox-switch[data-state=unchecked]{background:var(--color-semantic-icon-tertiary)}.Checkbox_personal .Checkbox-thumb{background:var(--color-text-on-dark);box-shadow:none}.Checkbox_personal .Checkbox-switch[data-state=checked] .Checkbox-thumb{transform:translateX(var(--size-icon-compact))}