:root[data-demo-banner]{--demo-banner-h:34px}:root[data-demo-banner] .runner{height:calc(100vh - var(--demo-banner-h))}:root[data-demo-banner] :is(.aux,.auxpage,.demo,.tk,.lg3,.login){min-height:calc(100vh - var(--demo-banner-h))}.demobar{width:100%;height:var(--demo-banner-h,34px);padding:0 var(--space-5);background:var(--text-primary);cursor:pointer;text-align:left;font:400 var(--text-xs)/1 var(--font-sans);color:color-mix(in oklab, var(--surface-app) 74%, transparent);border:0;align-items:center;gap:14px;display:flex}.demobar:hover,.demobar:focus-visible{background:color-mix(in oklab, var(--text-primary) 88%, var(--surface-app))}.demobar:hover .demobar__hint,.demobar:focus-visible .demobar__hint{color:var(--surface-app)}.demobar__pulse{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s ease-in-out infinite demobar-pulse}@keyframes demobar-pulse{0%,to{opacity:1}50%{opacity:.45}}.demobar__text{color:var(--surface-app);font-weight:500}.demobar__spacer{flex:1}.demobar__made{color:var(--surface-app);font-weight:500}.demobar__time{font-variant-numeric:tabular-nums}.demobar__hint{text-underline-offset:2px;text-decoration:underline}.demobar__rows{gap:var(--space-3);flex-direction:column;display:flex}.demobar__row{justify-content:space-between;gap:var(--space-5);font-size:var(--text-sm);display:flex}.demobar__k{color:var(--text-secondary)}.demobar__v{color:var(--text-primary);font-weight:500}.demobar__note{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.demobar__restartrow{margin:calc(-1 * var(--space-2)) 0 0 calc(-1 * var(--space-4))}.demobar__pilot{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:1.55}.demobar__dialog .tc-dialog__footer{row-gap:var(--space-2);flex-wrap:wrap}
