tch.is-checked .control .thumb {
    background-color: var(--maui-color-brand-light);
  }

  .sn.switch.is-checked:not(.is-disabled) .control {
    background-color: var(--maui-color-brand-secondary);
  }

  .sn.switch.is-checked .state {
    font-weight: var(--maui-font-weight-bold);
  }

  /* Hover Styles */

  .sn.switch.is-checked:not(.is-disabled):hover .control {
    background-color: var(--maui-color-interaction-buttonsecondaryhover);
  }

  .sn.switch:not(.is-disabled):hover .state {
    text-decoration-line: underline;
  }

  .sn.switch.is-checked:not(.is-disabled):hover .state {
    font-weight: var(--maui-font-weight-bold);
    text-decoration-line: underline;
  }

  .sn.switch:not(.is-checked):not(.is-disabled):hover .state {
    color: var(--maui-color-interaction-buttonsecondaryhover);
  }

  .sn.switch:not(.is-checked):not(.is-disabled):hover .control {
    border: 1px solid var(--maui-color-interaction-buttonsecondaryhover);
    border-color: var(--maui-color-interaction-buttonsecondaryhover);
  }

  .sn.switch:not(.is-checked):not(.is-disabled):hover .thumb {
    background-color: var(--maui-color-interaction-buttonsecondaryhover);
  }

  /* Disabled Styles */

  .sn.switch.is-disabled .state {
    color: var(--maui-color-disabled-foreground);
  }

  .sn.is-disabled.is-checked .state {
    color: var(--maui-color-disabled-foreground);
  }

  .sn.switch.is-disabled:not(.is-checked) .thumb {
    background-color: var(--maui-color-disabled-foreground);
  }

  .sn.switch.is-disabled:not(.is-checked) .control {
    border: 1px solid var(--maui-color-disabled-foreground);
  }

  .sn.switch.is-disabled.is-checked .control {
    background-color: var(--maui-color-disabled-foreground);
  }

  .sn.is-checked.is-disabled .thumb {
    background-color: var(--maui-color-brand-light);
  }
D