.pill-toggle{min-width:110px;height:28px;color:var(--text-sub,#aaa);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;justify-content:flex-end;align-items:center;padding:0 14px 0 32px;font-size:13px;transition:background .18s,color .18s,border-color .18s;display:inline-flex;position:relative}.pill-toggle.is-on{color:#fff;background:#0a84ff;border-color:#0a84ff;justify-content:flex-start;padding:0 32px 0 14px}.pill-toggle:hover{border-color:#ffffff3d}.pill-toggle.is-on:hover{background:#2196ff;border-color:#2196ff}.pill-toggle-label{white-space:nowrap;font-weight:500}.pill-toggle-dot{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .18s;position:absolute;top:50%;left:4px;transform:translateY(-50%);box-shadow:0 1px 3px #00000059}.pill-toggle.is-on .pill-toggle-dot{left:calc(100% - 24px)}