.theme-switcher{display:flex;align-items:center;gap:1rem;justify-content:center}.theme-switcher .checkbox{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.theme-switcher .checkbox:focus-visible+.checkbox-label{outline:2px solid var(--bs-focus-ring-color, currentColor);outline-offset:2px}.theme-switcher .checkbox-label{display:flex;align-items:center;cursor:pointer;position:relative;width:60px;height:30px;background-color:#ccc;border-radius:15px;transition:background-color .3s;box-shadow:0 2px 5px #0003}.theme-switcher .checkbox-label i{font-size:18px;position:absolute;top:6px;color:#666;transition:color .3s,opacity .3s}.theme-switcher .checkbox-label .light-mode{right:8px}.theme-switcher .checkbox-label .dark-mode{left:8px}.theme-switcher .checkbox-label .ball{position:absolute;top:5px;left:5px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s,background-color .3s;box-shadow:0 2px 5px #0003}.theme-switcher[data-theme=light] .checkbox-label{background-color:#e0e0e08a}.theme-switcher[data-theme=light] .checkbox-label .light-mode{opacity:1;color:#fc0}.theme-switcher[data-theme=light] .checkbox-label .dark-mode{opacity:0}.theme-switcher[data-theme=light] .checkbox-label .ball{transform:translate(0)}.theme-switcher[data-theme=dark] .checkbox-label{background-color:#333}.theme-switcher[data-theme=dark] .checkbox-label .light-mode{opacity:0}.theme-switcher[data-theme=dark] .checkbox-label .dark-mode{opacity:1;color:#a9a7a2}.theme-switcher[data-theme=dark] .checkbox-label .ball{transform:translate(30px)}