#thememode{float:right;position:relative;margin-top:20px;margin-right:10px}
#thememode .xt{text-transform:uppercase;font-size:.7rem;display:inline-block;color:#FFF}
#thememode{margin-top:16px;margin-right:14px}
#thememode .xt{display:none}
.switch{position:relative;display:inline-block;width:25px;height:12px;top:2px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.25);-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:10px;width:10px;left:1px;bottom:1px;background-color:#3367d6;-webkit-transition:.4s;transition:.4s}
input:checked + .slider{background-color:rgba(255,255,255,0.25)}
input:focus + .slider{box-shadow:0 0 1px #2196F3}
input:checked + .slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}
input:checked + .slider{background-color:#333}
.slider:before{background:#FFF}