.umb-status{position:relative;--sw-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sw-radius: 4px;--sw-border: color-mix(in srgb, var(--sl-color-gray-5, #555) 65%, transparent);--sw-bg: color-mix(in srgb, var(--sl-color-bg, #1a1a1a) 92%, var(--sl-color-white, #fff) 8%);--sw-bg-strip: color-mix(in srgb, var(--sl-color-bg, #1a1a1a) 70%, transparent);--sw-fg: var(--sl-color-white, #f4f4f5);--sw-fg-dim: color-mix(in srgb, var(--sw-fg) 60%, transparent);--sw-fg-quiet: color-mix(in srgb, var(--sw-fg) 35%, transparent);--sw-c-operational: #3faa82;--sw-c-degraded: #d4ad3a;--sw-c-outage: #d44a52;--sw-c-maintenance: #6e88d4;--sw-c-live: #d44a52;max-width:46rem;margin:2rem auto 3rem;font-family:var(--sw-mono);font-size:.92rem;color:var(--sw-fg);background:var(--sw-bg);border:1px solid var(--sw-border);border-radius:var(--sw-radius);box-shadow:inset 0 1px color-mix(in srgb,var(--sw-fg) 6%,transparent),0 16px 40px -24px #00000080;overflow:hidden}:root[data-theme=light] .umb-status{--sw-border: color-mix(in srgb, var(--sl-color-gray-3, #888) 70%, transparent);--sw-bg: color-mix(in srgb, var(--sl-color-bg, #fff) 96%, var(--sl-color-black, #000) 4%);--sw-bg-strip: color-mix(in srgb, var(--sl-color-bg, #fff) 80%, var(--sl-color-black, #000) 6%);--sw-fg: var(--sl-color-black, #1a1a1a);--sw-c-operational: #2e8c69;--sw-c-degraded: #b08820;--sw-c-outage: #c0383f;--sw-c-maintenance: #4a64b8}.umb-status__head{display:flex;justify-content:space-between;align-items:center;padding:.55rem 1rem;background:var(--sw-bg-strip);border-bottom:1px solid var(--sw-border);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sw-fg-dim)}.umb-status__brand{display:inline-flex;align-items:center;gap:.4rem;font-weight:500}.umb-status__brand-sep{opacity:.4;margin:0 .2em}.umb-status__live{display:inline-flex;align-items:center;gap:.35rem;color:var(--sw-fg)}.umb-status__live-dot{width:.42rem;height:.42rem;border-radius:50%;background:var(--sw-c-live);box-shadow:0 0 6px color-mix(in srgb,var(--sw-c-live) 70%,transparent);animation:umb-status-blink 1.6s ease-in-out infinite}.umb-status__clock{color:var(--sw-fg-quiet);font-variant-numeric:tabular-nums}.umb-status__main{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.25rem;position:relative}.umb-status__main:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent 0%,var(--sw-border) 25%,var(--sw-border) 75%,transparent 100%)}.umb-status__list:not([hidden])~* .umb-status__main:after,.umb-status:has(.umb-status__list:not([hidden])) .umb-status__main:after{opacity:1}.umb-status:not(:has(.umb-status__list:not([hidden]))) .umb-status__main:after{opacity:0}.umb-status__led{--sw-led: var(--sw-c-operational);position:relative;display:inline-block;width:.85rem;height:.85rem;border-radius:50%;background:var(--sw-led);box-shadow:0 0 0 1px color-mix(in srgb,var(--sw-led) 35%,transparent),0 0 14px color-mix(in srgb,var(--sw-led) 55%,transparent);flex-shrink:0}.umb-status__led-pulse{position:absolute;inset:-2px;border-radius:50%;border:1px solid var(--sw-led);animation:umb-status-pulse 2.6s cubic-bezier(.4,0,.2,1) infinite}.umb-status__main[data-state=operational] .umb-status__led{--sw-led: var(--sw-c-operational)}.umb-status__main[data-state=degraded] .umb-status__led{--sw-led: var(--sw-c-degraded)}.umb-status__main[data-state=outage] .umb-status__led{--sw-led: var(--sw-c-outage)}.umb-status__main[data-state=maintenance] .umb-status__led{--sw-led: var(--sw-c-maintenance)}.umb-status__main[data-state=loading] .umb-status__led{--sw-led: var(--sw-fg-quiet)}.umb-status__main[data-state=loading] .umb-status__main-text{color:var(--sw-fg-dim)}.umb-status__scan{position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,transparent 35%,var(--sw-c-live) 50%,transparent 65%,transparent 100%);background-size:220% 100%;background-position:100% 0;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}.umb-status[data-loading=true] .umb-status__scan{opacity:.85;animation:umb-status-scan 1.4s linear infinite}@keyframes umb-status-scan{0%{background-position:100% 0}to{background-position:-120% 0}}.umb-status__main-text{font-family:inherit;text-transform:uppercase;letter-spacing:.13em;font-weight:500;font-size:.95rem;color:var(--sw-fg)}.umb-status__list{list-style:none;margin:0;padding:.4rem 0 .5rem;display:flex;flex-direction:column}.umb-status__item,.umb-status__more{--i: 0;--sw-row-accent: var(--sw-fg-quiet);position:relative;display:grid;grid-template-columns:max-content 1fr auto;align-items:baseline;gap:.85rem;padding:.6rem 1.25rem;opacity:0;transform:translateY(3px);animation:umb-status-enter .32s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 60ms + 80ms);border-bottom:1px dashed color-mix(in srgb,var(--sw-border) 60%,transparent);transition:background-color .18s ease}.umb-status__item:last-child,.umb-status__more:last-child{border-bottom:none}.umb-status__item:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--sw-row-accent);opacity:0;transition:opacity .18s ease}.umb-status__item:has(.umb-status__chip--upcoming){--sw-row-accent: var(--sw-c-maintenance)}.umb-status__item:has(.umb-status__chip--ongoing){--sw-row-accent: var(--sw-c-degraded)}.umb-status__item:has(.umb-status__chip--minor){--sw-row-accent: var(--sw-c-degraded)}.umb-status__item:has(.umb-status__chip--major){--sw-row-accent: var(--sw-c-outage)}.umb-status__item:has(.umb-status__chip--critical){--sw-row-accent: var(--sw-c-outage)}.umb-status__item:hover,.umb-status__item:focus-within{background:color-mix(in srgb,var(--sw-row-accent) 8%,transparent)}.umb-status__item:hover:before,.umb-status__item:focus-within:before{opacity:1}.umb-status__item:hover .umb-status__time,.umb-status__item:focus-within .umb-status__time{color:var(--sw-fg)}.umb-status__item:hover .umb-status__ref,.umb-status__item:focus-within .umb-status__ref{color:var(--sw-row-accent)}.umb-status__more{transition:background-color .18s ease}.umb-status__more:hover{background:color-mix(in srgb,var(--sw-fg) 5%,transparent)}.umb-status__ref{font-size:.72rem;letter-spacing:.1em;color:var(--sw-fg-quiet);font-weight:500;font-variant-numeric:tabular-nums;padding-top:.05em}.umb-status__title{font-family:var(--sl-font, ui-sans-serif, system-ui, sans-serif);font-weight:500;font-size:1rem;color:var(--sw-fg);text-decoration:none;letter-spacing:-.005em}.umb-status__title:hover{text-decoration:underline;text-underline-offset:3px}.umb-status__meta{display:inline-flex;align-items:center;gap:.6rem;justify-self:end}.umb-status__time{font-size:.74rem;letter-spacing:.06em;color:var(--sw-fg-dim);font-variant-numeric:tabular-nums}.umb-status__chip{font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500;padding:.16rem .5rem .18rem;border:1px solid currentColor;border-radius:2px;line-height:1}.umb-status__chip--upcoming{color:var(--sw-c-maintenance)}.umb-status__chip--ongoing,.umb-status__chip--minor{color:var(--sw-c-degraded)}.umb-status__chip--major,.umb-status__chip--critical{color:var(--sw-c-outage)}.umb-status__more{display:block;text-align:center;padding:.7rem 1.25rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.umb-status__more a{color:var(--sw-fg-dim);text-decoration:none}.umb-status__more a:hover{color:var(--sw-fg)}@keyframes umb-status-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes umb-status-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}@keyframes umb-status-enter{to{opacity:1;transform:translateY(0)}}@media(max-width:36rem){.umb-status__head{padding:.5rem .85rem;font-size:.65rem}.umb-status__main{padding:1.1rem .85rem;gap:.8rem}.umb-status__main-text{font-size:.85rem;letter-spacing:.1em}.umb-status__item,.umb-status__more{grid-template-columns:max-content 1fr;padding:.55rem .85rem}.umb-status__meta{grid-column:1 / -1;justify-self:start;padding-top:.15rem}.umb-status__title{font-size:.95rem}}@media(prefers-reduced-motion:reduce){.umb-status__live-dot,.umb-status__led-pulse,.umb-status[data-loading=true] .umb-status__scan{animation:none}.umb-status__item,.umb-status__more{animation:none;opacity:1;transform:none}}
