.switch-label{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.switch-label:has(.switch-root[disabled]){cursor:not-allowed;pointer-events:none}.switch-root{box-sizing:border-box;border-radius:var(--radius-pill);border:var(--border-width-1) solid var(--border-action-toggle-default);background:var(--surface-action-toggle-default);width:40px;height:24px;padding:var(--space-4);cursor:pointer;outline:none;flex-shrink:0;transition:border-color .15s,box-shadow .15s,background-color .15s}.switch-root:hover{border-color:var(--border-action-toggle-hover);box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-hover)}.switch-root:active{border-color:var(--border-action-toggle-pressed);box-shadow:none}.switch-root[data-state=checked]{background:var(--surface-action-toggle-active);border-color:var(--border-action-toggle-active);box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-active)}.switch-root[data-state=checked]:hover{box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-hover)}.switch-root[disabled]{background:var(--surface-action-toggle-disabled);border-color:var(--border-action-toggle-disabled);cursor:not-allowed;box-shadow:none}.switch-thumb{border-radius:var(--radius-pill);background:var(--surface-strong);width:14px;height:14px;transition:transform .15s,background-color .15s;display:block;transform:translate(0)}.switch-root[data-state=checked] .switch-thumb{background:var(--surface-action-toggle-knob-active);transform:translate(16px)}.switch-root[disabled] .switch-thumb{background:var(--surface-action-toggle-knob-disabled)}.switch-text{flex-direction:column;gap:2px;padding-top:2px;display:flex}.switch-text-label{font-family:var(--font-family-secondary);font-size:var(--font-size-14);letter-spacing:0;color:var(--text-body);font-weight:400;line-height:20px;transition:color .15s,font-weight .15s}.switch-label:hover .switch-text-label{color:var(--text-strong);font-weight:600}.switch-label:has(.switch-root[data-state=checked]) .switch-text-label{color:var(--text-strong);font-weight:600}.switch-label:has(.switch-root[disabled]) .switch-text-label{color:var(--text-disabled)}.switch-text-description{font-family:var(--font-family-secondary);letter-spacing:0;color:var(--text-body);font-size:12px;font-weight:400;line-height:16px}.switch-label:has(.switch-root[disabled]) .switch-text-description{color:var(--text-disabled)}.switch-label--on-inverse .switch-root{background:var(--surface-action-toggle-on-inverse-default);border-color:var(--border-action-toggle-on-inverse-default)}.switch-label--on-inverse .switch-root:hover{background:var(--surface-action-toggle-on-inverse-hover);border-color:var(--border-action-toggle-on-inverse-hover);box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-on-inverse-hover)}.switch-label--on-inverse .switch-root:active{background:var(--surface-action-toggle-on-inverse-pressed);border-color:var(--border-action-toggle-on-inverse-pressed);box-shadow:none}.switch-label--on-inverse .switch-root[data-state=checked]{background:var(--surface-action-toggle-on-inverse-active);border-color:var(--border-action-toggle-on-inverse-active);box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-on-inverse-active)}.switch-label--on-inverse .switch-root[data-state=checked]:hover{box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-on-inverse-hover)}.switch-label--on-inverse .switch-root[disabled]{background:var(--surface-action-toggle-on-inverse-disabled);border-color:var(--border-action-toggle-on-inverse-disabled);box-shadow:none}.switch-label--on-inverse .switch-thumb{background:var(--surface-action-toggle-knob-on-inverse-default)}.switch-label--on-inverse .switch-root:active .switch-thumb{background:var(--surface-action-toggle-knob-on-inverse-pressed)}.switch-label--on-inverse .switch-root[data-state=checked] .switch-thumb{background:var(--surface-action-toggle-knob-on-inverse-active)}.switch-label--on-inverse .switch-root[disabled] .switch-thumb{background:var(--surface-action-toggle-knob-on-inverse-disabled)}.switch-label--on-inverse .switch-text-label,.switch-label--on-inverse:hover .switch-text-label{color:var(--text-on-inverse);font-weight:600}.switch-label--on-inverse:has(.switch-root[data-state=checked]) .switch-text-label{color:var(--text-on-inverse);font-weight:600}.switch-label--on-inverse .switch-text-description{color:var(--text-on-inverse)}.switch-label--on-promo .switch-root{background:var(--surface-action-toggle-on-promo-default);border-color:var(--border-action-toggle-on-promo-default)}.switch-label--on-promo .switch-root:hover{background:var(--surface-action-toggle-on-promo-hover);border-color:var(--border-action-toggle-on-promo-hover);box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-on-promo-hover)}.switch-label--on-promo .switch-root:active{background:var(--surface-action-toggle-on-promo-pressed);border-color:var(--border-action-toggle-on-promo-pressed);box-shadow:none}.switch-label--on-promo .switch-root[data-state=checked]{background:var(--surface-action-toggle-on-promo-active);border-color:var(--border-action-toggle-on-promo-active);box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-on-promo-active)}.switch-label--on-promo .switch-root[data-state=checked]:hover{box-shadow:0 0 0 var(--border-width-3) var(--border-action-toggle-ring-on-promo-hover)}.switch-label--on-promo .switch-root[disabled]{background:var(--surface-action-toggle-on-promo-disabled);border-color:var(--border-action-toggle-on-promo-disabled);box-shadow:none}.switch-label--on-promo .switch-thumb{background:var(--surface-action-toggle-knob-on-promo-default)}.switch-label--on-promo .switch-root:active .switch-thumb{background:var(--surface-action-toggle-knob-on-promo-pressed)}.switch-label--on-promo .switch-root[data-state=checked] .switch-thumb{background:var(--surface-action-toggle-knob-on-promo-active)}.switch-label--on-promo .switch-root[disabled] .switch-thumb{background:var(--surface-action-toggle-knob-on-promo-disabled)}.switch-label--on-promo .switch-text-label,.switch-label--on-promo:hover .switch-text-label{color:var(--text-on-promo);font-weight:600}.switch-label--on-promo:has(.switch-root[data-state=checked]) .switch-text-label{color:var(--text-on-promo);font-weight:600}.switch-label--on-promo .switch-text-description{color:var(--text-on-promo)}
