.toggle-switch{position:relative;width:40px;height:20px;display:inline-block;text-align:left;background-color:var(--color-secondary);border-radius:15px;overflow:hidden;transition:background-color .3s ease-in-out;outline:none;box-shadow:0 0 5px var(--color-highlight)}.toggle-switch-checkbox{display:none}.toggle-switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%;height:100%;position:relative;border-radius:inherit}.toggle-switch-inner{display:block;width:200%;margin-left:-100%;height:100%;transition:margin .3s ease-in-out}.toggle-switch-switch{display:block;width:18px;height:18px;margin:0;background:var(--color-main);position:absolute;top:1px;right:20px;border:2px solid var(--color-highlight);border-radius:50%;transition:all .3s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.2)}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}}