.cpill{display:inline-block;position:relative}.cpill>summary{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;min-height:2.75rem;padding:.3rem .75rem .3rem .3rem;font-weight:600;list-style:none;transition:background-color .15s,border-color .15s;display:inline-flex}.cpill>summary::-webkit-details-marker{display:none}.cpill>summary:focus-visible{outline:2px solid var(--gold,#cca844);outline-offset:2px}.cpill-wa{background:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid;box-shadow:0 0 0 1px #25d36659}.cpill-num{font-variant-numeric:tabular-nums;letter-spacing:.01em}.cpill-caret{opacity:.7;border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;transition:transform .15s;transform:rotate(45deg)translateY(-2px)}.cpill[open] .cpill-caret{transform:rotate(-135deg)translateY(-1px)}.cpill-live{background:#25d366;border-radius:50%;width:.5rem;height:.5rem;animation:2s infinite cpill-pulse;box-shadow:0 0 #25d36699}@keyframes cpill-pulse{70%{box-shadow:0 0 0 .4rem #25d36600}to{box-shadow:0 0 #25d36600}}.cpill-dark>summary{color:#fff;background:#ffffff0f;border:1px solid #ffffff47}.cpill-dark>summary:hover,.cpill-dark[open]>summary{background:#ffffff24;border-color:#ffffff73}.cpill-light>summary{color:var(--ink,#1b1a44);border:1px solid var(--line,#d8d6ea);background:#fff}.cpill-light>summary:hover,.cpill-light[open]>summary{background:#f3fcf6;border-color:#25d366}.cpill-panel{z-index:30;color:#1b1a44;background:#fff;border-radius:1rem;gap:.15rem;width:min(18.5rem,100vw - 2rem);padding:.5rem;animation:.14s ease-out cpill-in;display:grid;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 12px 32px #1b1a4438,0 0 0 1px #1b1a440f}.cpill-up .cpill-panel{top:auto;bottom:calc(100% + .5rem)}@keyframes cpill-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.cpill-opt{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.7rem;align-items:center;gap:.7rem;padding:.55rem .6rem;text-decoration:none;display:flex}.cpill-opt:hover,.cpill-opt:focus-visible{background:#f2f1fa;outline:none}.cpill-opt span:last-child{line-height:1.25;display:grid}.cpill-opt b{font-size:.95rem;font-weight:700}.cpill-opt small{color:#6d6b8f;font-size:.8rem}.cpill-ico{color:#2e2a6e;background:#ebeaf7;border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.cpill-ico-wa{background:#25d366}.cpill-status{color:#4a4870;align-items:center;gap:.45rem;margin:.35rem .6rem .1rem;font-size:.82rem;display:flex}.cpill-dot{background:#b9b7d3;border-radius:50%;flex:none;width:.5rem;height:.5rem}.cpill-dot.is-open{background:#25d366}.cpill-tz{color:#8a88a8}.cpill-cat{color:#2e2a6e;margin:.1rem .6rem .35rem;font-size:.82rem}@media (max-width:34rem){.cpill-panel{left:max(1rem, env(safe-area-inset-left));right:max(1rem, env(safe-area-inset-right));top:auto;bottom:calc(1rem + env(safe-area-inset-bottom));width:auto;position:fixed}.cpill-up .cpill-panel{bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.cpill-live,.cpill-panel{animation:none}}.sf-links .cpill{align-self:center}.sf-links .cpill-panel a{color:#1b1a44;padding:.55rem .6rem}.sf-links .cpill-panel a:hover{text-decoration:none}.sf-links .cpill-panel .cpill-cat{color:#2e2a6e;padding:0}.sf-links .cpill-panel .cpill-cat:hover{text-decoration:underline}