.wrapper{background-color:transparent;border-radius:10em;height:40px;position:relative;width:40px}input[type=checkbox].toggle{left:-10000px;position:absolute;top:-10000px}input[type=checkbox].toggle+label{border-radius:10em;cursor:pointer;height:auto;width:100%}input[type=checkbox].toggle:checked+label{color:red}.circle{background-color:#bd91ff;border:2.5px solid #bd91ff;border-radius:50%;height:30px;left:2px;opacity:0;position:absolute;top:2px;transition:all .3s ease-in-out;width:30px;z-index:-1}.switch-button i{font-size:25px;line-height:36px}.mobile-res{display:none}.switch-button i.fas.fa-moon{color:#000}.true-mode .fas.fa-moon.d-white{display:block!important}.fas.fa-moon.d-white{display:none!important}.true-mode #header .mobile-res i{background-color:#fff!important;border:none;color:#bd91ff!important;filter:drop-shadow(-1px 8px 5px var(--black-shadow))}#header .mobile-res i{background-color:transparent!important;border:1px solid #fefeff;border-radius:50%;color:#fefeff;display:inline-block;font-size:18px;height:40px;line-height:40px;text-align:center;transition:1s;width:40px}#nav ul li.nav-item.icon{margin-right:0!important;padding-right:0!important}