input[type=checkbox]{visibility:hidden;width:0;height:0}label{cursor:pointer;text-indent:-9999px;background:var(--text-color);border-radius:20px;width:35px;height:20px;display:block;position:relative}label:after{content:"";background:var(--title-color);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px;left:2px}input:checked+label{background:var(--pink-color)}input:checked+label:after{left:calc(100% - 2px);transform:translate(-100%)}label:active:after{width:20px}.ToggleSwitch-container{justify-content:center;align-items:center;width:35px;height:20px;display:flex}
.timeframebarswitchonoff-container{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.timeframebarswitchonoff-text{color:var(--title-color)}