maui-color-interaction-interactionhover); } .four_y.switch:not(.is-disabled):hover .control { border-color: var(--maui-color-interaction-interactionhover); } .four_y.switch:not(.is-disabled):hover .state { color: var(--maui-color-interaction-interactionhover); text-decoration: underline; } .four_y.switch.is-checked:not(.is-disabled):hover .thumb { background-color: var(--maui-color-brand-light); } .four_y.switch.is-checked:not(.is-disabled):hover .control { background-color: var(--maui-color-interaction-interactionhover); border-color: var(--maui-color-interaction-interactionhover); } /* Disabled Styles */ .four_y.switch.is-disabled .state { color: var(--maui-color-disabled-foreground); } .four_y.switch.is-disabled .control { border: 2px solid var(--maui-color-disabled-background); } .four_y.switch.is-disabled .thumb { background-color: var(--maui-color-disabled-background); } .four_y.switch.is-checked.is-disabled .control { background-color: var(--maui-color-disabled-background); border: 2px solid var(--maui-color-disabled-background); } .four_y.switch.is-checked.is-disabled .thumb { background-color: var(--maui-color-brand-light); } H