.light-dark-toggle{background-color:var(--color-secondary-default);border-radius:15px;cursor:pointer;height:30px;position:relative;width:54px}.light-dark-toggle .switch{background-color:var(--color-input-switch);border-radius:11px;height:22px;left:4px;position:absolute;top:4px;transition:left .3s ease;width:22px}.light-dark-toggle .dark-symbol,.light-dark-toggle .light-symbol{height:22px;position:absolute;top:4px;transition:all .3s ease;width:22px}.light-dark-toggle .dark-symbol svg,.light-dark-toggle .light-symbol svg{height:22px;padding:2px;width:22px}.light-dark-toggle .light-symbol{left:4px;fill:var(--color-secondary-default);opacity:1}.light-dark-toggle .dark-symbol{left:calc(100% - 26px);fill:var(--color-input-switch);opacity:.3}@media (prefers-color-scheme:light){.light-dark-toggle .switch{left:4px}.light-dark-toggle .light-symbol{fill:var(--color-secondary-default);opacity:1}.light-dark-toggle .dark-symbol{fill:var(--color-input-switch);opacity:.3}}@media (prefers-color-scheme:dark){.light-dark-toggle .switch{left:calc(100% - 26px)}.light-dark-toggle .light-symbol{fill:var(--color-input-switch);opacity:.3}.light-dark-toggle .dark-symbol{fill:var(--color-secondary-default);opacity:1}}[data-theme=light] .light-dark-toggle .switch{left:4px}[data-theme=light] .light-dark-toggle .light-symbol{fill:var(--color-secondary-default);opacity:1}[data-theme=light] .light-dark-toggle .dark-symbol{fill:var(--color-input-switch);opacity:.3}[data-theme=dark] .light-dark-toggle .switch{left:calc(100% - 26px)}[data-theme=dark] .light-dark-toggle .light-symbol{fill:var(--color-input-switch);opacity:.3}[data-theme=dark] .light-dark-toggle .dark-symbol{fill:var(--color-secondary-default);opacity:1}