.demos-root{position:relative}.d-reveal{opacity:0;transform:translateY(var(--d-reveal-y,26px));will-change:opacity, transform;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.d-reveal[data-shown=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.d-reveal{transition:none;opacity:1!important;transform:none!important}}.demo-bar{z-index:90;-webkit-backdrop-filter:blur(14px)saturate(1.2);background:#080a12b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:inline-flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0006}.demo-bar:hover{border-color:#ffffff4d;transform:translate(-50%)translateY(-2px)}.demo-bar__arrow{color:#cfd8e6;font-size:14px;line-height:1}.demo-bar__label{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.28em;color:#eef3f9;text-transform:uppercase;font-size:11px}.demo-bar__tag{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.22em;color:#04060f;text-transform:uppercase;background:#2e9bff;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:600}.demo-kicker{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.34em;text-transform:uppercase;font-size:11px}.demo-hairline{opacity:.14;background:currentColor;width:100%;height:1px}.demos-root:after{content:"";z-index:85;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(3,end) infinite d-grain-shift;position:fixed;inset:-100%}@keyframes d-grain-shift{0%{transform:translate(0)}33%{transform:translate(2%,-1%)}66%{transform:translate(-1%,2%)}}@media (prefers-reduced-motion:reduce){.demos-root:after{animation:none}}.demos-root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.demos-root a,.demos-root button{-webkit-tap-highlight-color:transparent}