.connection-pill{transition:background-color .18s,border-color .18s,color .18s}.connection-pill.is-connecting{border-color:#f1dfb8;background:#fff9ec;color:#9a6500}.connection-pill.is-connecting>span:first-child{background:#d99a18;box-shadow:0 0 0 4px rgb(217 154 24 / 12%)}.connection-pill.is-online{border-color:#d5e8dd;background:#f1faf5;color:var(--success)}.connection-pill.is-online>span:first-child{background:var(--success);box-shadow:0 0 0 4px rgb(22 132 91 / 10%)}.connection-pill.is-degraded,.connection-pill.is-offline{border-color:#efd2d2;background:#fff4f3;color:#a33d37}.connection-pill.is-degraded>span:first-child,.connection-pill.is-offline>span:first-child{background:#c94e45;box-shadow:0 0 0 4px rgb(201 78 69 / 11%)}