.toggle-container{height:40px;width:85px}.mode-switcher{display:flex;align-items:center;cursor:pointer}.mode-switcher:before{content:"";height:40px;width:70px;border-radius:20px;background-color:var(--text-primary)}.mode-switcher:after{content:"";width:30px;height:30px;border-radius:20px;margin-left:5px;position:absolute}.mode-switcher.light:after{background-color:var(--text-title)}.mode-switcher.color:after{background-color:var(--background-home)}.mode-switcher.dark:after{background-color:var(--text-title)}.mode-switcher.color:after{transform:translateX(50%)}.mode-switcher.dark:after{transform:translateX(100%)}