.switch-button{border-color:var(--tg-theme-button-color,#007bff);cursor:pointer;background-color:#0000;border-width:1px;border-radius:5px;width:100%;height:48px;padding:10px 20px;position:relative;overflow:hidden}.switch-button .slider{background-color:var(--tg-theme-button-color,#007bff);height:100%;transition:transform .3s ease-in-out;position:absolute;top:0;left:0}.switch-button .labels{align-items:center;width:100%;height:100%;padding-left:10px;font-size:18px;font-weight:700;display:flex;position:absolute;top:0;left:0}.switch-button .labels .label{color:var(--tg-theme-text-color,#00000070);opacity:.5;z-index:1;flex:1;place-content:center right;gap:10px;transition:color .3s ease-in-out;display:flex}.switch-button .labels .label.active{color:var(--tg-theme-button-text-color,#fff);opacity:1}.switch-button .labels .checkbox{border-width:1px;border-radius:50%;align-self:center;width:20px;height:20px;margin-left:5px}.switch-button .labels .label.active .checkbox:after{content:"";background-color:var(--tg-theme-button-text-color,#fff);border-radius:50%;width:16px;height:16px;margin-top:1px;margin-left:1px;position:absolute}.switch-button .labels .text{flex:1}