.me-switch{--me-switch-thumb-size:13px;--me-switch-track-size:calc(var(--me-switch-thumb-size)*2);align-items:var(--me-switch-align,center);gap:var(--me-switch-gap,5px);flex-direction:var(--me-switch-direction,row);font-size:var(--me-switch-font-size,inherit);cursor:pointer;margin:0;font-weight:400;display:flex;position:relative}.me-switch input{appearance:none;width:var(--me-switch-track-size);height:var(--me-switch-thumb-size);padding:var(--me-switch-thumb-padding,3px);background:var(--me-switch-track-background,#b9bac5);border-radius:var(--me-switch-thumb-size);outline-offset:2px;box-sizing:content-box;cursor:pointer;border:none;grid:[track]1fr/[track]1fr;display:grid}.me-switch input:before{content:"";width:var(--me-switch-thumb-size);height:var(--me-switch-thumb-size);background:var(--me-switch-thumb-background,#fff);transform:translateX(var(--me-switch-thumb-position,0));border-radius:50%;grid-area:track;transition:transform .2s,width .2s}.me-switch input:not(:disabled):active:before{width:calc(var(--me-switch-thumb-size)*1.25)}.me-switch input:checked{--me-switch-track-background:var(--primary-color);--me-switch-thumb-position:calc(var(--me-switch-track-size) - 100%)}.me-switch input:disabled{opacity:.4;cursor:not-allowed}.me-switch.is-danger input:checked{--me-switch-track-background:var(--danger-color)}.me-switch.is-success input:checked{--me-switch-track-background:var(--success-color)}.me-switch.is-info input:checked{--me-switch-track-background:var(--info-color)}.me-switch.is-warning input:checked{--me-switch-track-background:var(--warning-color)}