.toggle-switch{background:var(--white);border-radius:9999px;display:flex;margin-inline:auto;margin-bottom:2rem;max-width:500px;padding:.25rem;position:relative;width:auto}.toggle-switch:before{background:linear-gradient(180deg,#00b3ee,#74c6a7);border-radius:9999px;content:"";inset:-3px;position:absolute;z-index:-1}.toggle-switch .switch{align-items:center;border-radius:15px;box-sizing:border-box;cursor:pointer;display:flex;margin:-3px;padding:.25rem;position:relative;width:9999px;z-index:1}.toggle-switch input{display:none}.toggle-switch .switch-handle{background:linear-gradient(180deg,rgba(32,189,240,.32),rgba(116,198,167,.32));border-radius:9999px;height:calc(100% - 6px);left:3px;position:absolute;transition:left .3s ease;width:50%;z-index:2}.toggle-switch .switch-text-left,.toggle-switch .switch-text-right{color:#333;flex:1;font-size:12px;text-align:center;white-space:nowrap;z-index:99}@media (min-width:576px){.toggle-switch .switch-text-left,.toggle-switch .switch-text-right{font-size:1rem}}.toggle-switch input:checked+.switch .switch-handle{left:calc(50% - 3px)}.toggle-chart{align-items:center;display:flex;justify-content:center;position:relative}