[data-component=switch]{cursor:default;align-items:center;gap:8px;display:flex;position:relative;& [data-slot=switch-input]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& [data-slot=switch-control]{box-sizing:border-box;background:linear-gradient(180deg, var(--v2-alpha-light-0) 0%, var(--v2-alpha-light-20) 100%), var(--v2-background-bg-layer-04);width:24px;height:16px;box-shadow:var(--v2-elevation-switch-off);border:none;border-radius:4px;flex-shrink:0;justify-content:flex-start;align-items:center;padding:2px;transition:background 90ms ease-out,opacity 90ms ease-out,outline-color 90ms ease-out;display:inline-flex}& [data-slot=switch-thumb]{box-sizing:border-box;border:.5px solid var(--v2-overlay-gradient-depth-overlay-depth-top);background:linear-gradient(180deg, var(--v2-overlay-gradient-depth-overlay-depth-top) 0%, var(--v2-overlay-gradient-depth-overlay-depth-bot) 100%), var(--v2-grey-200);width:12px;height:12px;box-shadow:var(--v2-elevation-elements);border-radius:2px;transition:transform 90ms ease-out,width 90ms ease-out,border-radius 90ms,background 90ms;transform:translate(0)}& [data-slot=switch-label]{user-select:none;height:16px;color:var(--v2-text-text-faint);letter-spacing:.05px;font-variation-settings:"slnt" 0;align-items:center;font-size:11px;font-style:normal;font-weight:440;line-height:16px;display:inline-flex}& [data-slot=switch-error]{color:var(--v2-state-fg-danger);font-size:12px;font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}& [data-slot=switch-error]:empty{display:none}&:hover:not([data-disabled],[data-readonly]) [data-slot=switch-control]{background:linear-gradient(0deg, var(--v2-overlay-simple-overlay-hover), var(--v2-overlay-simple-overlay-hover)), linear-gradient(180deg, var(--v2-alpha-light-0) 0%, var(--v2-alpha-light-20) 100%), var(--v2-background-bg-layer-04)}&:hover:not([data-disabled],[data-readonly]) [data-slot=switch-thumb]{border-radius:3px;width:13px}&:not([data-readonly]) [data-slot=switch-input]:focus-visible~[data-slot=switch-control]{outline:2px solid var(--v2-border-border-focus);outline-offset:1px}&[data-checked] [data-slot=switch-control]{background:linear-gradient(180deg, var(--v2-alpha-light-0) 0%, var(--v2-alpha-light-10) 100%), var(--v2-background-bg-accent);box-shadow:var(--v2-elevation-switch-on)}&[data-checked] [data-slot=switch-thumb]{background:linear-gradient(180deg, var(--v2-overlay-gradient-depth-overlay-depth-top) 0%, var(--v2-overlay-gradient-depth-overlay-depth-bot) 100%), var(--v2-grey-300);border-radius:2px;transform:translate(8px)}&:dir(rtl)[data-checked] [data-slot=switch-thumb]{transform:translate(-8px)}&[data-checked]:hover:not([data-disabled],[data-readonly]) [data-slot=switch-control]{background:linear-gradient(0deg, var(--v2-overlay-simple-overlay-contrast-hover), var(--v2-overlay-simple-overlay-contrast-hover)), linear-gradient(180deg, var(--v2-alpha-light-0) 0%, var(--v2-alpha-light-10) 100%), var(--v2-background-bg-accent)}&[data-checked]:hover:not([data-disabled],[data-readonly]) [data-slot=switch-thumb]{transform:translate(7px)}&:dir(rtl)[data-checked]:hover:not([data-disabled],[data-readonly]) [data-slot=switch-thumb]{transform:translate(-7px)}&[data-disabled]{cursor:not-allowed}&[data-disabled] [data-slot=switch-control]{opacity:.5}&[data-invalid] [data-slot=switch-control]{border-color:var(--v2-state-border-danger)}&[data-readonly]{cursor:default;pointer-events:none}}[data-component=switch][data-appearance=standard]{& [data-slot=switch-control]{border:1px solid var(--v2-border-border-base);background:var(--surface-base);width:28px;height:16px;box-shadow:none;border-radius:3px;padding:0;transition:background-color .15s,border-color .15s}& [data-slot=switch-thumb]{box-sizing:content-box;border:1px solid var(--v2-border-border-strong);background:var(--icon-invert-base);border-radius:2px;width:14px;height:14px;transition:transform .15s,background-color .15s;transform:translate(-1px);box-shadow:0 1px 2px -1px #1310100a,0 1px 2px #1310100f,0 1px 3px #13101014}& [data-slot=switch-label]{color:var(--text-base);font-family:var(--font-family-sans);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-large);letter-spacing:var(--letter-spacing-normal)}& [data-slot=switch-description]{color:var(--text-base);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}& [data-slot=switch-error]{color:var(--text-error)}&:hover:not([data-disabled],[data-readonly]) [data-slot=switch-control]{border-color:var(--v2-border-border-strong);background:var(--surface-hover)}&:hover:not([data-disabled],[data-readonly]) [data-slot=switch-thumb]{border-radius:2px;width:14px}&:not([data-readonly]) [data-slot=switch-input]:focus-visible~[data-slot=switch-control]{border-color:var(--v2-border-border-focus);box-shadow:var(--shadow-xs-border-focus);outline:none}&[data-checked] [data-slot=switch-control]{border-color:var(--icon-strong-base);background:var(--icon-strong-base);box-shadow:none}&[data-checked] [data-slot=switch-thumb],&[data-checked]:hover:not([data-disabled],[data-readonly]) [data-slot=switch-thumb]{background:var(--icon-invert-base);border:none;border-radius:2px;width:14px;transform:translate(12px)}&:dir(rtl)[data-checked] [data-slot=switch-thumb],&:dir(rtl)[data-checked]:hover:not([data-disabled],[data-readonly]) [data-slot=switch-thumb]{transform:translate(-12px)}&[data-checked]:hover:not([data-disabled],[data-readonly]) [data-slot=switch-control]{border-color:var(--v2-border-border-strong);background:var(--surface-hover)}&[data-disabled] [data-slot=switch-control]{border-color:var(--v2-border-border-muted);background:var(--surface-disabled);opacity:1}&[data-disabled] [data-slot=switch-thumb]{background:var(--icon-disabled)}&[data-invalid] [data-slot=switch-control]{border-color:var(--v2-state-border-danger)}}