:root{--black-a1:rgba(0,0,0,.05);--black-a2:rgba(0,0,0,.1);--black-a3:rgba(0,0,0,.15);--black-a4:rgba(0,0,0,.2);--black-a5:rgba(0,0,0,.3);--black-a6:rgba(0,0,0,.4);--black-a7:rgba(0,0,0,.5);--black-a8:rgba(0,0,0,.6);--black-a9:rgba(0,0,0,.7);--black-a10:rgba(0,0,0,.8);--black-a11:rgba(0,0,0,.9);--black-a12:rgba(0,0,0,.95)}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root{--black-a1:color(display-p3 0 0 0/0.05);--black-a2:color(display-p3 0 0 0/0.1);--black-a3:color(display-p3 0 0 0/0.15);--black-a4:color(display-p3 0 0 0/0.2);--black-a5:color(display-p3 0 0 0/0.3);--black-a6:color(display-p3 0 0 0/0.4);--black-a7:color(display-p3 0 0 0/0.5);--black-a8:color(display-p3 0 0 0/0.6);--black-a9:color(display-p3 0 0 0/0.7);--black-a10:color(display-p3 0 0 0/0.8);--black-a11:color(display-p3 0 0 0/0.9);--black-a12:color(display-p3 0 0 0/0.95)}}}button{all:unset}.SwitchRoot{width:42px;height:25px;background-color:var(--black-a9);border-radius:9999px;position:relative;box-shadow:0 2px 10px var(--black-a7);-webkit-tap-highlight-color:rgba(0,0,0,0);&:focus{box-shadow:0 0 0 2px #000}&[data-state=checked]{background-color:#000}}.SwitchThumb{display:block;width:21px;height:21px;background-color:#fff;border-radius:9999px;box-shadow:0 2px 2px var(--black-a7);transition:transform .1s;transform:translateX(2px);will-change:transform;&[data-state=checked]{transform:translateX(19px)}}.Label{color:#fff;font-size:15px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}