.toggle{position:relative;display:inline-flex}.toggle input{opacity:0;width:0;height:0}.toggle input:checked+span{background-color:var(--primary-background-color)}.toggle input:checked+span:before{background-color:var(--white);transform:translateX(28px)}.toggle__toggle{display:inline-block;position:relative;cursor:pointer;background:var(--white);transition:.3s;border-radius:30px;width:68px;height:40px;margin-right:16px}:root[data-theme=light] .toggle__toggle{background:var(--background-color)}.toggle__toggle:before{position:absolute;content:"";height:32px;width:32px;left:4px;bottom:4px;background-color:var(--white);border-radius:50%;transition:.3s}.toggle__label{-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:32px}.toggle__black input:checked+span{background-color:var(--font-color)!important}.toggle__light-to-black input+span{background:var(--primary-color-light)}.toggle__light-to-black input+span:before{background-color:#fff}.toggle__light-to-black input:checked+span{background-color:#000!important}