.rocker-switch{text-align:center;text-transform:uppercase;color:#888;border-bottom:.5em solid #eee;flex-shrink:0;width:7em;height:4em;font-size:2em;font-weight:700;display:inline-block;position:relative;overflow:hidden}.rocker-switch-small{margin:0;font-size:.75em}.rocker-switch:before{content:"";background-color:#999;border:.5em solid #eee;border-bottom:0;position:absolute;inset:.5em 0 0}.rocker-switch input{opacity:0;width:0;height:0;position:absolute}.rocker-switch-left,.rocker-switch-right{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:3em;height:2.5em;transition:all .2s;display:flex;position:absolute}.rocker-switch-left{background-color:#ddd;width:2.75em;height:2.4em;bottom:.4em;left:.85em;transform:rotate(15deg)skew(15deg)}.rocker-switch-right{color:#fff;background-color:#bd5757;bottom:0;right:.5em}.rocker-switch-left:before,.rocker-switch-right:before{content:"";background-color:#ccc;width:.4em;height:2.45em;position:absolute;bottom:-.45em;transform:skewY(-65deg)}.rocker-switch-left:before{left:-.4em}.rocker-switch-right:before{background-color:#0000;right:-.375em;transform:skewY(65deg)}.rocker-switch input:checked+.rocker-switch-left{color:#fff;background-color:#0084d0;width:3em;height:2.5em;bottom:0;left:.5em;transform:rotate(0)skew(0)}.rocker-switch input:checked+.rocker-switch-left:before{background-color:#0000;width:3.0833em}.rocker-switch input:checked+.rocker-switch-left+.rocker-switch-right{color:#888;background-color:#ddd;width:2.75em;height:2.4em;bottom:.4em;right:.8em;transform:rotate(-15deg)skew(-15deg)}.rocker-switch input:checked+.rocker-switch-left+.rocker-switch-right:before{background-color:#ccc}.rocker-switch input:focus-visible+.rocker-switch-left{outline:2px solid var(--ring,#0084d0);outline-offset:2px}.rocker-switch input:disabled+.rocker-switch-left,.rocker-switch input:disabled+.rocker-switch-left+.rocker-switch-right{cursor:not-allowed;opacity:.55}.dark .rocker-switch{color:#a1a1aa;border-bottom-color:#3f3f46}.dark .rocker-switch:before{background-color:#52525b;border-color:#3f3f46}.dark .rocker-switch-left{background-color:#3f3f46}.dark .rocker-switch input:checked+.rocker-switch-left+.rocker-switch-right{color:#a1a1aa;background-color:#3f3f46}