.theme-switch{display:flex;align-items:center;border:1px solid #182d5b;width:70px;height:33px;border-radius:20px;justify-content:space-between;position:relative;padding:.25rem;cursor:pointer;background:#182d5b}.theme-switch input{display:none}.theme-switch .ball{position:absolute;background:#fff;left:-2px;width:28px;height:28px;border-radius:50%;transition:all .3s}.theme-switch svg{height:20px}.theme-switch .dark-mode,.theme-switch .light-mode{position:relative;transform:translateY(3px)}.theme-switch .light-mode svg{color:gold}.theme-switch .dark-mode svg{color:gold;width:22px}.theme-switch input:checked~.ball{left:33px}