@layer theme,base;@layer components{.st-chip{--st-ink:var(--t3);--st-bg:#11161e;--st-rim:#ffffff14;letter-spacing:0;white-space:nowrap;height:24px;color:var(--st-ink);background:var(--st-bg);box-shadow:inset 0 0 0 1px var(--st-rim);border-radius:999px;align-items:center;gap:6px;padding:0 9px 0 7px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.st-chip svg{stroke-width:2.4px;flex:none;width:12px;height:12px}.st-chip[data-tone=ok]{--st-ink:var(--ok,#51daa7);--st-bg:var(--ok-wash,#51daa71f);--st-rim:#51daa738}.st-chip[data-tone=warn]{--st-ink:var(--warn);--st-bg:var(--warn-wash,#f7c2431f);--st-rim:#f7c2433d}.st-chip[data-tone=down]{--st-ink:#ff8a86;--st-bg:var(--danger-wash);--st-rim:#f75d5947}.st-chip[data-tone=info]{--st-ink:var(--ice-hi);--st-bg:var(--ice-wash);--st-rim:#75beff42}.st-dot{--st-c:var(--t4);background:var(--st-c);vertical-align:middle;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;position:relative}.st-dot[data-tone=ok]{--st-c:var(--ok,#51daa7)}.st-dot[data-tone=warn]{--st-c:var(--warn)}.st-dot[data-tone=down]{--st-c:var(--danger)}.st-dot[data-tone=info]{--st-c:var(--ice)}.st-dot[data-live]:after{content:"";background:var(--st-c);opacity:0;border-radius:50%;position:absolute;inset:0}.st-dot[data-live][data-active=true]:after{animation:1s linear infinite stPing}@keyframes stPing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.st-dot[data-live][data-active=true]:after{animation:none}}.gh{opacity:0;animation:ghShow .2s var(--ease) .3s forwards;gap:10px;display:grid}.gh-bar,.gh-block{background:#11161e;border-radius:8px;display:block;box-shadow:inset 0 0 0 1px #ffffff08}.gh-bar{height:14px}.gh-bar[data-size=title]{width:55%;height:22px}.gh-bar:last-child:not(:first-child){width:72%}.gh-in{animation:ghShow .2s var(--ease) both}@keyframes ghShow{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gh{animation:.001ms linear .3s forwards ghShow!important}}.toast-region{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:var(--z-toast);pointer-events:none;width:max-content;max-width:calc(100% - 32px);position:fixed;transform:translate(-50%)}.toast{min-height:44px;color:var(--t1);pointer-events:auto;animation:toastIn .45s var(--spring-snap) both;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 14px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.toast[data-leaving]{animation:toastOut .2s var(--ease) both}.toast svg{width:18px;height:18px;color:var(--ice-hi);flex:none}.toast[data-tone=error] svg{color:#ff8a86}.toast-x{width:28px;height:28px;color:var(--t3);transition:color .2s var(--ease), background-color .2s var(--ease);border-radius:50%;place-items:center;margin:-4px -8px -4px 2px;display:grid}.toast-x:hover{color:var(--t1);background:#ffffff14}.toast-x svg{width:14px;height:14px;color:inherit}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}@media (max-width:733px){.toast-region{bottom:calc(84px + env(safe-area-inset-bottom))}.toast-x{width:44px;height:44px;margin:-12px -14px -12px 0}}.em{text-align:center;justify-items:center;gap:14px;padding:40px 24px;display:grid}.em-m{width:52px;height:52px;color:var(--ice-hi);background:#75beff14;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px #b9e0fb29,inset 0 0 0 1px #75beff38}.em-m svg{stroke-width:1.7px;width:24px;height:24px}.em-t{max-width:420px;color:var(--t2);text-wrap:pretty;font-size:15px;line-height:22px}.em-a{margin-top:4px}@media (forced-colors:active){.st-chip,.em-m{border:1px solid canvastext}.st-dot{forced-color-adjust:none}.toast{border:1px solid canvastext}}}@layer utilities;