.mud-switch-span-medium.mud-switch-span {
    padding: 0px !important;
    width: 38px !important;
    height: 20px !important;
    border-radius: 100px !important;
    margin: 10px 12px;
}

.mud-switch-base-medium.mud-switch-base {
    padding: 0px !important;
    margin: 2px !important;
    width: 16px !important;
    height: 16px !important;
}

.mud-switch-base.mud-checked {
    transform: translateX(18px) !important;
    color: #fff !important;
}

.mud-switch-span .mud-switch-track {
    opacity: 1 !important;
    background-color: var(--greys-border-main-default) !important;
}

.mud-switch-base.mud-checked + .mud-switch-track {
    opacity: 1 !important;
    background-color: var(--mud-palette-primary) !important;
}

.mud-switch-button {
    color: var(--fundamental-text-light-default);
}