.color-scheme-switch{--switcher-width:75px;--switcher-height:36px;--switcher-toggle-bg-color:#17191c;--switcher-bg-color:#fff;--switcher-border-color:#e3e3e3;-webkit-box-flex:0;background-color:var(--switcher-bg-color);border:2px solid var(--switcher-border-color);border-radius:var(--switcher-height);-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--switcher-width);flex:0 0 var(--switcher-width);-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:var(--switcher-height);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.color-scheme-switch input{-webkit-box-flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:1 1 33%;flex:1 1 33%;height:var(--switcher-height);margin:0;opacity:0}.color-scheme-switch label{background:var(--switcher-toggle-bg-color);border-radius:var(--switcher-height);bottom:0;content:"";display:block;height:var(--switcher-height);left:0;margin:0;position:absolute;top:0;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:var(--switcher-height)}.color-scheme-switch input:first-child:checked~label{-webkit-transform:translateX(0);transform:translateX(0)}.color-scheme-switch input:nth-child(2):checked~label{-webkit-transform:translateX(calc(var(--switcher-width)/2 - 50%));transform:translateX(calc(var(--switcher-width)/2 - 50%))}.color-scheme-switch input:nth-child(3):checked~label,html[dir=rtl] .color-scheme-switch input:first-child:checked~label{-webkit-transform:translateX(calc(var(--switcher-width) - 100%));transform:translateX(calc(var(--switcher-width) - 100%))}html[dir=rtl] .color-scheme-switch input:nth-child(3):checked~label{-webkit-transform:translateX(0);transform:translateX(0)}