.halo[data-v-9e1802f5]{background:var(--brand-10);border:0;border-radius:var(--radius-pill);cursor:pointer;display:inline-block;font-family:var(--font-sans);padding:6px;transition:background .3s ease}.halo[data-v-9e1802f5]:hover{background:#6670ff2e}.halo-inner[data-v-9e1802f5]{align-items:center;background:var(--bg);border-radius:var(--radius-pill);display:inline-flex;overflow:hidden;padding:12px 32px 12px 36px}.halo-label[data-v-9e1802f5]{color:var(--text);font-size:18px;font-weight:600;line-height:40px;white-space:nowrap}.halo-badge[data-v-9e1802f5]{background:#000;border-radius:50%;color:#fff;display:grid;height:40px;margin-left:0;opacity:0;place-items:center;transform:translateY(36px);transition:width .4s var(--spring),margin-left .4s var(--spring),transform .4s var(--spring),opacity .25s ease;width:0}.halo-badge svg[data-v-9e1802f5]{flex:0 0 auto;height:16px;width:16px}.halo-badge.down svg[data-v-9e1802f5]{transform:rotate(90deg)}.halo:focus-visible .halo-badge[data-v-9e1802f5],.halo:hover .halo-badge[data-v-9e1802f5]{margin-left:14px;opacity:1;transform:translateY(0);width:40px}.halo:active .halo-inner[data-v-9e1802f5]{transform:scale(.98)}@media(max-width:768px){.halo-inner[data-v-9e1802f5]{padding:10px 26px 10px 28px}.halo-label[data-v-9e1802f5]{font-size:16px;line-height:36px}.halo-badge[data-v-9e1802f5]{height:36px}.halo:hover .halo-badge[data-v-9e1802f5]{width:36px}}@media(prefers-reduced-motion:reduce){.halo-badge[data-v-9e1802f5]{transform:none;transition:opacity .2s ease}}