@property --sd-val{syntax:"<number>";inherits:true;initial-value:0}.sd-section{--sd-ok:#00884c;--sd-ok-bg:#00884c1f;--sd-warn:#e19b1b;--sd-bad:#d73431;--sd-bad-bg:#d734311f;--sd-ring-strong:color-mix(in oklch, var(--foreground) 45%, transparent);--sd-ring-soft:color-mix(in oklch, var(--foreground) 10%, transparent);--sd-tint:color-mix(in oklch, var(--foreground) 4%, transparent);--sd-track:color-mix(in oklch, var(--foreground) 10%, transparent)}@supports (color:lab(0% 0 0)){.sd-section{--sd-ok:lab(49.5995% -45.1147 23.3324);--sd-ok-bg:lab(49.5995% -45.1147 23.3324/.12);--sd-warn:lab(69.6815% 20.3199 69.0151);--sd-bad:lab(49.2966% 62.8465 43.054);--sd-bad-bg:lab(49.2966% 62.8465 43.054/.12)}}.dark .sd-section{--sd-ok:#59d38c;--sd-ok-bg:#59d38c24;--sd-warn:#edb345;--sd-bad:#fd736d;--sd-bad-bg:#fd736d24}@supports (color:lab(0% 0 0)){.dark .sd-section{--sd-ok:lab(76.4345% -47.7098 24.5839);--sd-ok-bg:lab(76.4345% -47.7098 24.5839/.14);--sd-warn:lab(76.8535% 14.2022 61.9688);--sd-bad:lab(65.8493% 53.3364 30.7453);--sd-bad-bg:lab(65.8493% 53.3364 30.7453/.14)}}.sd-ok{color:var(--sd-ok)}.sd-dot-ok{background-color:var(--sd-ok)}.sd-dot-bad{background-color:var(--sd-bad)}.sd-chip-ok{color:var(--sd-ok);background-color:var(--sd-ok-bg)}.sd-chip-bad{color:var(--sd-bad);background-color:var(--sd-bad-bg)}.sd-zone-ok{background-color:var(--sd-ok)}.sd-zone-warn{background-color:var(--sd-warn)}.sd-live,.sd-paused{opacity:0;transition:opacity .3s}.sd-live-dot{background-color:var(--sd-ok)}[data-touring]:not([data-tour-paused]) .sd-live,[data-touring][data-tour-paused] .sd-paused{opacity:1}.sd-tab-btn{transition:background-color .3s}.sd-tab-label{transition:color .3s}.sd-item-icon{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}.sd-tab[data-active] .sd-tab-btn,.sd-tour:not([data-step]) .sd-tab:first-child .sd-tab-btn{background-color:var(--sd-tint)}.sd-tab[data-active] .sd-item-icon,.sd-tour:not([data-step]) .sd-tab:first-child .sd-item-icon{background-color:var(--foreground);border-color:var(--foreground);color:var(--background)}.sd-tour[data-step] .sd-tab:not([data-active]) .sd-tab-label{color:var(--muted-foreground)}@media not (min-width:48rem){.sd-tabs-scroll{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto}.sd-tabs-scroll::-webkit-scrollbar{display:none}.sd-tabs-scroll>.sd-tab{scroll-snap-align:start;flex:none;max-width:80%}.sd-tabs-scroll .sd-tab-label{text-overflow:clip;overflow:visible}}.sd-item-progress{background:var(--foreground);opacity:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.sd-tab-btn:hover{background-color:var(--sd-tint)}}@media (scripting:enabled){.sd-panes{display:grid}.sd-pane{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .2s,visibility 0s linear .2s}.sd-pane[data-active],.sd-tour:not([data-step]) .sd-pane:first-child{opacity:1;visibility:visible;transition:opacity .35s .1s,visibility linear}}@media (scripting:none){.sd-pane+.sd-pane{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem}}.sd-card{transition:border-color .3s,box-shadow .3s,translate .3s}.sd-card[data-active]{border-color:var(--sd-ring-strong);box-shadow:0 12px 32px -20px var(--sd-ring-strong);translate:0 -2px}.sd-card-art{transition:background-color .3s}.sd-card[data-active] .sd-card-art{background-color:var(--sd-tint)}.sd-goal{color:var(--sd-ok);background-color:var(--sd-ok-bg)}.sd-check{background-color:var(--foreground);border-color:var(--foreground);color:var(--background)}.sd-span{transform-origin:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-reveal]:not(.is-revealed) .sd-span,[data-reveal-trigger]:not(.is-revealed) .sd-span{transform:scaleX(0)}.sd-span{transition:transform .9s cubic-bezier(.2,.7,.2,1) .3s}}.sd-stage{background:radial-gradient(60% 55% at 50% 55%, var(--sd-tint), transparent 70%), color-mix(in oklch, var(--muted) 35%, transparent)}.sd-panel{opacity:0;visibility:hidden;transition:opacity .15s,visibility 0s linear .15s}.sd-tour:not([data-step]) .sd-panel[data-panel="0"],.sd-tour[data-step="0"] .sd-panel[data-panel="0"],.sd-tour[data-step="1"] .sd-panel[data-panel="1"],.sd-tour[data-step="2"] .sd-panel[data-panel="2"],.sd-tour[data-step="3"] .sd-panel[data-panel="3"],.sd-tour[data-step="4"] .sd-panel[data-panel="4"],.sd-tour[data-step="5"] .sd-panel[data-panel="5"],.sd-tour[data-step="6"] .sd-panel[data-panel="6"],.sd-tour[data-step="7"] .sd-panel[data-panel="7"]{opacity:1;visibility:visible;transition:opacity .3s .15s,visibility 0s linear .15s}@media (prefers-reduced-motion:no-preference){.sd-live-dot{animation:1.4s ease-in-out infinite paused sd-blink}[data-play=on] [data-touring]:not([data-tour-paused]) .sd-live-dot{animation-play-state:running}[data-touring]:not([data-tour-paused]) .sd-tab[data-active] .sd-item-progress,[data-touring]:not([data-tour-paused]) .sd-card[data-active] .sd-item-progress,[data-touring]:not([data-tour-paused]) .sd-step[data-active] .sd-step-progress{opacity:.55;animation:sd-progress var(--tour-ms,3s) linear both}.sd-bento[data-touring] .sd-card[data-active] .sd-node{animation:sd-pop .45s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}.sd-bento[data-touring] .sd-card[data-active] .sd-wire{animation:sd-frame .3s ease var(--d,0s) both}.sd-bento[data-touring] .sd-card[data-active] .sd-stack{animation:sd-stack .35s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}.sd-bento[data-touring] .sd-card[data-active] .sd-row{animation:sd-rise .4s ease var(--d,0s) both}.sd-bento[data-touring] .sd-card[data-active] .sd-check{animation:sd-tick .3s ease calc(var(--d,0s) + .35s) both}.sd-bento[data-touring] .sd-card[data-active] .sd-fill{animation:sd-fill .7s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}[data-play=on] .sd-bento[data-touring] .sd-card[data-active] .sd-typing{animation:.9s ease-in-out infinite sd-blink}[data-play=on] .sd-bento[data-touring] .sd-card[data-active] .sd-run{animation:sd-run 1.8s ease-in-out calc(var(--i,0) * .3s) infinite}[data-play=on] .sd-bento[data-touring] .sd-card[data-active] .sd-gear{animation:2.4s linear infinite sd-spin}[data-play=on] .sd-bento[data-touring] .sd-card[data-active] .sd-pulse{animation:1.6s ease-out infinite sd-ping}:is(.sd-tour[data-touring][data-step="0"] [data-panel="0"],.sd-tour[data-touring][data-step="1"] [data-panel="1"],.sd-tour[data-touring][data-step="2"] [data-panel="2"],.sd-tour[data-touring][data-step="3"] [data-panel="3"],.sd-tour[data-touring][data-step="4"] [data-panel="4"],.sd-tour[data-touring][data-step="5"] [data-panel="5"],.sd-tour[data-touring][data-step="6"] [data-panel="6"],.sd-tour[data-touring][data-step="7"] [data-panel="7"]) .sd-enter{animation:sd-rise .45s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}:is(.sd-tour[data-touring][data-step="0"] [data-panel="0"],.sd-tour[data-touring][data-step="1"] [data-panel="1"],.sd-tour[data-touring][data-step="2"] [data-panel="2"],.sd-tour[data-touring][data-step="3"] [data-panel="3"],.sd-tour[data-touring][data-step="4"] [data-panel="4"],.sd-tour[data-touring][data-step="5"] [data-panel="5"],.sd-tour[data-touring][data-step="6"] [data-panel="6"],.sd-tour[data-touring][data-step="7"] [data-panel="7"]) .sd-enter-pop{animation:sd-pop .5s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}:is(.sd-tour[data-touring][data-step="0"] [data-panel="0"],.sd-tour[data-touring][data-step="1"] [data-panel="1"],.sd-tour[data-touring][data-step="2"] [data-panel="2"],.sd-tour[data-touring][data-step="3"] [data-panel="3"],.sd-tour[data-touring][data-step="4"] [data-panel="4"],.sd-tour[data-touring][data-step="5"] [data-panel="5"],.sd-tour[data-touring][data-step="6"] [data-panel="6"],.sd-tour[data-touring][data-step="7"] [data-panel="7"]) .sd-enter-fill{transform-origin:0;animation:sd-fill .7s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}}@keyframes sd-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes sd-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sd-rise{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes sd-frame{0%{opacity:.2}to{opacity:1}}@keyframes sd-pop{0%{opacity:0;scale:.6}60%{opacity:1;scale:1.08}to{opacity:1;scale:1}}@keyframes sd-fill{0%{scale:0 1}to{scale:1}}@keyframes sd-tick{0%{color:#0000;background-color:#0000}to{background-color:var(--foreground);color:var(--background)}}@keyframes sd-stack{0%{opacity:0;translate:0 -10px}to{opacity:1;translate:0}}@keyframes sd-ping{0%{box-shadow:0 0 0 0 var(--sd-ring-strong)}to{box-shadow:0 0 0 10px #0000}}@keyframes sd-run{0%{scale:.15 1}60%,to{scale:1}}@keyframes sd-spin{to{rotate:360deg}}
