.checkbox{opacity:0;position:absolute}.checkbox-label{align-items:center;background-color:#555;border-radius:50px;cursor:pointer;display:flex;height:26px;justify-content:space-between;padding:5px;position:relative;width:50px}.fa-moon{color:#f1c40f}.fa-sun{color:#f39c12}.dark-mode .checkbox-label .ball{background-color:#1e1e1e!important}.checkbox-label .ball{background-color:#fff;border-radius:50%;height:22px;left:2px;position:absolute;top:2px;transition:transform .2s linear;width:22px}.checkbox:checked+.checkbox-label .ball{transform:translateX(24px)}