.mode-single-switch-border{width:60px;height:40px;position:relative}.mode-single-switch-border label,.mode-single-switch-border .toggle{height:100%;border-radius:100px}.mode-label-single{display:flex;justify-content:center;cursor:pointer;position:relative;width:100%;background-color:rgba(0,0,0,.1);border-radius:100px;position:relative;cursor:pointer}.mode-label-single .toggle{position:absolute;width:100%;background-color:#fff;box-shadow:0 2px 15px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.25,.46,.45,.94);left:0}.mode-label-single .names{font-size:70%;font-weight:bolder;width:100%;position:absolute;display:flex;justify-content:center;user-select:none;position:relative;flex-direction:column}.mode-label-single .dark,.mode-label-single .light{width:100%;position:absolute;text-align:center}.mode-label-single .dark{color:#fff}.mode-label-single .light{color:#111}[type=checkbox]#mode-switch-single:checked+.mode-label-single .toggle{transform:translateX(0%);background-color:#34323d}[type=checkbox]#mode-switch-single:checked+.mode-label-single .dark{opacity:1}[type=checkbox]#mode-switch-single+.mode-label-single .dark{opacity:0}[type=checkbox]#mode-switch-single:checked+.mode-label-single .light{opacity:0}[type=checkbox]#mode-switch-single:checked+body{background-color:#26242e;color:#fff}#mode-switch-single[type=checkbox]{display:none}.mode-switch-border{width:90px;height:40px;position:relative}.mode-switch-border label,.mode-switch-border .toggle{height:100%;border-radius:100px}.mode-label{display:flex;justify-content:center;cursor:pointer;position:relative;width:100%;background-color:rgba(0,0,0,.1);border-radius:100px;position:relative;cursor:pointer}.mode-label .toggle{position:absolute;width:70%;background-color:#fff;box-shadow:0 2px 15px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.25,.46,.45,.94);left:0}.mode-label .names{font-size:70%;font-weight:bolder;width:100%;height:100%;position:absolute;display:flex;justify-content:center;user-select:none}.mode-label .light,.mode-label .dark{width:100%;align-items:center;display:flex;font-family:arial;justify-content:center}.mode-label .dark{color:#fff}.mode-label .light{color:#111}[type=checkbox]#mode-switch:checked+.mode-label .toggle{transform:translateX(40%);background-color:#34323d}[type=checkbox]#mode-switch:checked+.mode-label .dark{opacity:1;width:70%;margin:0 0 0 auto}[type=checkbox]#mode-switch+.mode-label .dark{opacity:0;width:0}[type=checkbox]#mode-switch+.mode-label .light{opacity:1;width:70%;margin:0 auto 0 0}[type=checkbox]#mode-switch:checked+.mode-label .light{opacity:0;width:0}[type=checkbox]#mode-switch:checked+body{background-color:#26242e;color:#fff}#mode-switch[type=checkbox]{display:none}.circle-switch-border{width:40px;height:40px;position:relative}.circle-switch-border label,.circle-switch-border .toggle{height:100%;border-radius:100px}.circle-label{display:flex;justify-content:center;cursor:pointer}.circle-label .circle{position:relative;overflow:hidden;border-radius:100%;width:100%;height:100%;background:linear-gradient(40deg,#ff0080,#ff8c00 70%);margin:auto;transition:background-color .1s}.circle-label .crescent{position:absolute;border-radius:100%;right:0;width:75%;height:75%;background:#fff;transform:scale(0);transform-origin:top right;transition:transform .6s cubic-bezier(.645,.045,.355,1)}[type=checkbox]#circle-switch:checked+.circle-label .crescent{transform:scale(1);background:#26242e}[type=checkbox]#circle-switch:checked+.circle-label .circle{background:linear-gradient(40deg,#8983f7,#a3dafb 70%)}#circle-switch[type=checkbox]{display:none}