.theme-switcher{display:flex;align-items:center;margin-right:20px;user-select:none;cursor:pointer}.theme-switcher .switch-label{color:var(--black);font-size:15px;margin-left:10px;cursor:pointer}.theme-switcher .switch{display:inline-block;font-size:20px;height:1em;width:2em;background:#d8dce7;border-radius:1em;cursor:pointer}.theme-switcher .switch input{position:absolute;opacity:0}.theme-switcher .switch div{height:1em;width:1em;border-radius:1em;background:#0080ff;box-shadow:0 .1em .3em #0000004d;transition:all .3s}.theme-switcher .switch input:checked+div{transform:translate3d(100%,0,0)}.dark .theme-switcher .switch-label{color:var(--offwhite)}.dark .theme-switcher .switch{background:#8b8b8b}.dark .theme-switcher .switch div{background:white}