.toggle{background-color:#252626;border:1px solid var(--brand-blue);border-radius:100px;display:inline-block;position:relative}.toggle__input{display:none}.toggle__label{background-color:var(--toggle-light);border-radius:99px;cursor:pointer;display:block;height:25px;transition:background-color .3s ease;width:50px}.dark-mode .toggle__label{background-color:var(--toggle-dark)}.toggle__input:checked+.toggle__label:after{background:#fff;left:26px}.toggle__label:after{background-color:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:left .3s ease;width:20px}.cont{display:flex}body.white-mode .toggle__input:checked+.toggle__label:after{background:#000}body.white-mode .toggle{background-color:#fff}@media(max-width:767px){.toggle__label:after{top:1px}}