.rocker-switch{text-align:center;text-transform:uppercase;color:color-mix(in srgb, var(--neu-text,#3c4858) 55%, transparent);border-bottom:.5em solid color-mix(in srgb, var(--neu-bg,#dde3ec) 70%, #fff);width:7em;height:4em;filter:drop-shadow(calc(var(--neu-dist,12px) * .2) calc(var(--neu-dist,12px) * .25) calc(var(--neu-blur,28px) * .25) color-mix(in srgb, var(--neu-shadow-dark,#b8bec9) 70%, transparent));flex-shrink:0;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:color-mix(in srgb, var(--neu-bg,#dde3ec) 55%, var(--neu-shadow-dark,#b8bec9));border:.5em solid color-mix(in srgb, var(--neu-bg,#dde3ec) 70%, #fff);box-shadow:inset 0 2px 6px color-mix(in srgb, var(--neu-shadow-dark,#b8bec9) 55%, transparent);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;border-radius:.2em;justify-content:center;align-items:center;width:3em;height:2.5em;transition:all .2s;display:flex;position:absolute}.rocker-switch-left{background-color:var(--neu-bg,#dde3ec);width:2.75em;height:2.4em;color:color-mix(in srgb, var(--neu-text,#3c4858) 70%, transparent);box-shadow:3px 4px 8px color-mix(in srgb, var(--neu-shadow-dark,#b8bec9) 80%, transparent), -2px -2px 6px color-mix(in srgb, var(--neu-shadow-light,#fff) 90%, transparent);bottom:.4em;left:.85em;transform:rotate(15deg)skew(15deg)}.rocker-switch-right{color:#fff;background-color:#bd5757;bottom:0;right:.5em;box-shadow:inset 2px 3px 6px #00000040,-1px -1px 3px #fff3}.rocker-switch-left:before,.rocker-switch-right:before{content:"";background-color:color-mix(in srgb, var(--neu-bg,#dde3ec) 40%, var(--neu-shadow-dark,#b8bec9));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);box-shadow:inset 2px 3px 6px #00000047,-1px -1px 3px #ffffff40}.rocker-switch input:checked+.rocker-switch-left:before{background-color:#0000;width:3.0833em}.rocker-switch input:checked+.rocker-switch-left+.rocker-switch-right{background-color:var(--neu-bg,#dde3ec);color:color-mix(in srgb, var(--neu-text,#3c4858) 70%, transparent);width:2.75em;height:2.4em;box-shadow:3px 4px 8px color-mix(in srgb, var(--neu-shadow-dark,#b8bec9) 80%, transparent), -2px -2px 6px color-mix(in srgb, var(--neu-shadow-light,#fff) 90%, transparent);bottom:.4em;right:.8em;transform:rotate(-15deg)skew(-15deg)}.rocker-switch input:checked+.rocker-switch-left+.rocker-switch-right:before{background-color:color-mix(in srgb, var(--neu-bg,#dde3ec) 40%, var(--neu-shadow-dark,#b8bec9))}.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}