.mc-switch{align-items:center;display:inline-flex;gap:8px;position:relative}.mc-switch--bordered .mc-switch__slider{border:1px solid #111}.mc-switch--square .mc-switch__slider,.mc-switch--square .mc-switch__slider:before{border-radius:0}.mc-switch__input{display:none;height:0;opacity:0;width:0}.mc-switch__input--checked+.mc-switch__slider,.mc-switch__input:checked+.mc-switch__slider{background-color:var(--color-1)}.mc-switch__input--checked+.mc-switch__slider:before,.mc-switch__input:checked+.mc-switch__slider:before{transform:translateX(24px)}.mc-switch__slider{background-color:#ccc;border-radius:20px;cursor:pointer;height:32px;position:relative;transform:scale(.9);transition:.4s;width:56px}.mc-switch__slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:24px;left:4px;position:absolute;transition:.4s;width:24px}.mc-switch__slider--primary{background-color:primary}.mc-switch__slider--primary:before{background-color:#fff}.mc-switch__slider--secondary{background-color:secondary}.mc-switch__slider--secondary:before{background-color:#5e5e5e}.mc-switch__slider--success{background-color:success}.mc-switch__slider--success:before{background-color:#7eefd9}.mc-switch__slider--alert{background-color:alert}.mc-switch__slider--alert:before{background-color:#faa4a4}.mc-switch__slider--warning{background-color:warning}.mc-switch__slider--warning:before{background-color:#fad9a4}.mc-switch__slider--info{background-color:info}.mc-switch__slider--info:before{background-color:#b6daf2}