.connection{z-index:50;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid var(--acrylic-edge-top);font-family:var(--f-ui);color:var(--ink);text-align:left;pointer-events:none;visibility:hidden;background:#0e070cf0;justify-content:center;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;line-height:1.35;animation:0s linear 1s forwards connection-show;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 12px 30px -12px #000c}.connection.is-down{animation-delay:2s}.connection-dot{background:var(--champagne);border-radius:50%;flex:none;width:8px;height:8px}.connection-more{color:#f4ece6bf;font-size:14px;font-weight:400;display:block}@keyframes connection-show{to{visibility:visible}}@media (prefers-reduced-motion:no-preference){.connection-dot{animation:connection-breathe 1.6s var(--wave) infinite}}@keyframes connection-breathe{50%{opacity:.25}}.connection.on-stage{border:.15rem solid var(--acrylic-edge);border-top-color:var(--acrylic-edge-top);border-radius:var(--r-pill);gap:1.6rem;padding:1.6rem 3rem;font-size:2.8rem;top:3.2rem;left:auto;right:3.2rem}.connection.on-stage .connection-dot{width:1.4rem;height:1.4rem}