.simple-toggle{align-items:center;gap:12px;display:flex}.simple-toggle .label{color:#fffc}.simple-toggle .track{background:#363840;border-radius:6px;align-items:center;width:56px;height:32px;padding:4px;transition:all .2s;display:flex}.simple-toggle .track.active{background:#3fa367}.simple-toggle .thumb{background:#e7dddd;border-radius:4px;width:24px;height:24px;transition:all .2s}.simple-toggle .thumb.active{transform:translate(24px)}.multi-toggle{background:#1c1d21;border-radius:10px;gap:4px;width:100%;padding:4px;display:flex}.multi-toggle.phase-toggle{background:#202228;overflow:auto}.multi-toggle .option{color:var(--color-type,white);border-radius:6px;flex:1;justify-content:center;align-items:center;padding:10px 16px;transition:all .2s;display:flex}.multi-toggle .option.active{background:#363840}.multi-toggle .option[disabled],.multi-toggle .option .disabled{cursor:not-allowed;opacity:.5}.pill-toggle{background:#2c2e34;border-radius:50px;gap:4px;padding:4px;display:inline-flex;position:relative}.pill-toggle .slider{background:#fff;border-radius:50px;width:calc(50% - 6px);height:calc(100% - 8px);transition:all .2s;position:absolute;top:4px;left:4px}.pill-toggle .slider.right{transform:translate(calc(100% + 4px))}.pill-toggle .option{z-index:1;color:#b0b0b0;cursor:pointer;background:0 0;border:none;border-radius:50px;align-items:center;gap:8px;padding:8px 20px;transition:color .1s;display:flex;position:relative}.pill-toggle .option svg{width:20px;height:20px}.pill-toggle .option.active{color:#1c1d21;transition:color .2s .1s}