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