.toggle-switch{text-align:left;background-color:var(--color-secondary);width:40px;height:20px;box-shadow:0 0 5px var(--color-highlight);border-radius:15px;outline:none;transition:background-color .3s ease-in-out;display:inline-block;position:relative;overflow:hidden}.toggle-switch-checkbox{display:none}.toggle-switch-label{cursor:pointer;border-radius:inherit;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}.toggle-switch-inner{width:200%;height:100%;margin-left:-100%;transition:margin .3s ease-in-out;display:block}.toggle-switch-switch{background:var(--color-main);border:2px solid var(--color-highlight);border-radius:50%;width:18px;height:18px;margin:0;transition:all .3s ease-in-out;display:block;position:absolute;top:1px;right:20px;box-shadow:0 2px 4px #0003}html[data-theme=dark] .toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{background-color:var(--color-main-light);border-color:var(--color-secondary-light)}html[data-theme=dark-highcontrast] .toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{background-color:var(--color-main-highcontrast-light);border-color:var(--color-secondary-highcontrast-light)}.toggle-switch-checkbox:checked+.toggle-switch-label{background-color:var(--color-good)}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner{margin-left:0}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{right:4px}@media (min-width:768px){.toggle-switch{width:56px;height:30px}.toggle-switch-switch{width:26px;height:26px;top:2px;right:26px}}