.stp-demo{--ck-bg:#080a0c;--ck-surface-0:#0d1117;--ck-surface-1:#111827;--ck-border-dim:#ffffff0f;--ck-border-base:#ffffff17;--ck-blue:#60a5fa;--ck-blue-dim:#60a5fa1f;--ck-cyan:#22d3ee;--ck-cyan-dim:#22d3ee1a;--ck-violet:#a78bfa;--ck-violet-dim:#a78bfa1f;--ck-amber:#fbbf24;--ck-amber-dim:#fbbf241f;--ck-rose:#fb7185;--ck-rose-dim:#fb71851f;--ck-emerald:#10b981;--ck-emerald-dim:#10b9811f;--ck-text-muted:#7c8aa0;background-color:var(--ck-bg);color:#f1f5f9;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(60rem 40rem at -10% -5%,#60a5fa0d 0%,#0000 60%),radial-gradient(44rem 30rem at 110% 5%,#22d3ee0a 0%,#0000 50%)}.stp-demo .ck-panel{border:1px solid var(--ck-border-base);background:linear-gradient(135deg,#ffffff0b 0%,#ffffff05 100%)}.stp-demo .ck-stat-card{background:linear-gradient(145deg,#111827f2 0%,#0d1117fa 100%);border-radius:1rem;position:relative;overflow:hidden}.stp-demo .ck-stat-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(145deg,#ffffff24 0%,#ffffff0a 50%,#fff0 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stp-demo .ck-stat-card:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--ck-accent-color,var(--ck-blue)) 40%, transparent 100%);opacity:.6;height:2px;position:absolute;bottom:0;left:0;right:0}.stp-demo .ck-popover{background:var(--ck-surface-0);border:1px solid var(--ck-border-base);border-radius:.75rem;box-shadow:0 12px 32px #00000073}.stp-demo .ck-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--ck-text-muted);font-size:11px;font-weight:500;line-height:1.2}.stp-demo .ck-titlebar{border-bottom:1px solid var(--ck-border-dim);background:#080a0ceb}.stp-demo .ck-title-btn:hover{background:#ffffff0d}.stp-demo .ck-rail{border-inline-end:1px solid var(--ck-border-dim);background:#080a0c8c}.stp-demo .ck-rail-btn{transition:color .15s,background-color .15s;position:relative}.stp-demo .ck-rail-btn:hover{background:#ffffff0a}.stp-demo .ck-rail-btn[data-active=true]{background:var(--rail-active-bg)}.stp-demo .ck-rail-btn[data-active=true]:before{content:"";inset-inline-start:0;background:var(--rail-accent);border-start-end-radius:2px;border-end-end-radius:2px;width:2px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.stp-demo .ck-appbar{border-bottom:1px solid var(--ck-border-dim);background:#080a0cb3}.stp-demo .ck-tabbar{border-top:1px solid var(--ck-border-dim);background:#080a0cf0}.stp-demo .ck-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}@keyframes stp-demo-screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stp-demo .stp-screen-in{animation:.26s cubic-bezier(.16,1,.3,1) both stp-demo-screen-in}@keyframes stp-demo-row-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.stp-demo .stp-row-in{animation:.42s cubic-bezier(.16,1,.3,1) both stp-demo-row-in}@keyframes stp-demo-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.stp-demo .stp-drawer-in{animation:.32s cubic-bezier(.16,1,.3,1) both stp-demo-drawer-in}@keyframes stp-demo-sheet-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.stp-demo .stp-sheet-in,.stp-demo .stp-panel-in{animation:.32s cubic-bezier(.16,1,.3,1) both stp-demo-sheet-in}@container demo (min-width:48rem){.stp-demo .stp-panel-in{animation-name:stp-demo-drawer-in}}.stp-demo .no-scrollbar{scrollbar-width:none}.stp-demo .no-scrollbar::-webkit-scrollbar{display:none}@keyframes stp-demo-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.stp-demo .stp-toast-in{animation:.26s cubic-bezier(.16,1,.3,1) both stp-demo-toast-in}@keyframes stp-demo-pulse{0%,to{opacity:.35}50%{opacity:1}}.stp-demo .stp-pulse{animation:1.6s ease-in-out infinite stp-demo-pulse}@keyframes stp-demo-ping{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.stp-demo .stp-ping{transform-box:fill-box;transform-origin:50%;animation:1.8s cubic-bezier(.16,1,.3,1) infinite stp-demo-ping}@keyframes stp-demo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.stp-demo .stp-bob{transform-box:fill-box;animation:2.4s ease-in-out infinite stp-demo-bob}.stp-demo[data-static=true] *,.stp-demo[data-static=true] :before,.stp-demo[data-static=true] :after{transition:none!important;animation:none!important}