.me-switch{--me-switch-thumb-size:13px;--me-switch-track-size:calc(var(--me-switch-thumb-size)*2);position:relative;display:flex;align-items:var(--me-switch-align,center);gap:var(--me-switch-gap,5px);flex-direction:var(--me-switch-direction,row);margin:0;font-size:var(--me-switch-font-size,inherit);font-weight:400;cursor:pointer}.me-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--me-switch-track-size);height:var(--me-switch-thumb-size);padding:var(--me-switch-thumb-padding,3px);display:grid;grid:[track] 1fr/[track] 1fr;background:var(--me-switch-track-background,#b9bac5);border:none;border-radius:var(--me-switch-thumb-size);outline-offset:2px;box-sizing:content-box;cursor:pointer}.me-switch input:before{content:"";grid-area:track;width:var(--me-switch-thumb-size);height:var(--me-switch-thumb-size);background:var(--me-switch-thumb-background,#fff);border-radius:50%;transform:translate(var(--me-switch-thumb-position,0));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}