.terra-demo-bar,.terra-demo-ring{--terra-accent:#1f4fd8;--terra-ink:#141416;--terra-grey:#6e6e73;--terra-hairline:#14141614}.terra-topbar-side{align-items:center;gap:14px;display:flex}.terra-demo-entry{min-height:44px;color:var(--terra-accent);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:12.5px;font-weight:500;transition:box-shadow .25s;display:inline-flex}.terra-demo-entry:hover{box-shadow:0 14px 34px -16px #1f4fd859}.terra-demo-bar{z-index:90;border-radius:20px;width:min(560px,100vw - 32px);animation:.45s both terra-demo-in;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes terra-demo-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.terra-demo-progress{background:var(--terra-hairline);height:3px}.terra-demo-progress span{background:var(--terra-accent);height:100%;transition:width .5s;display:block}.terra-demo-body{align-items:flex-start;gap:14px;padding:14px 16px 16px;display:flex}.terra-demo-count{color:var(--terra-grey);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:3px;font-size:11px}.terra-demo-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.terra-demo-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--terra-accent);font-size:10.5px}.terra-demo-text strong{color:var(--terra-ink);font-size:15px;font-weight:500}.terra-demo-text p{color:var(--terra-grey);margin:0;font-size:12.5px;line-height:1.45}.terra-demo-status{color:var(--terra-accent);margin-top:5px;font-size:12px;line-height:1.45}body.terra-demo-active .terra-content{padding-bottom:260px}body.terra-demo-active .terra-content *{scroll-margin-bottom:230px}body.terra-demo-active .terra-demo-text p{display:block;overflow:visible}.terra-demo-controls{flex-shrink:0;gap:6px;display:flex}.terra-demo-controls button{border:1px solid var(--terra-hairline);min-width:44px;min-height:44px;color:var(--terra-ink);cursor:pointer;background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;padding:10px 12px;font-family:inherit;font-size:12.5px;transition:border-color .25s,color .25s;display:inline-flex}.terra-demo-controls button:hover:not(:disabled){border-color:var(--terra-accent);color:var(--terra-accent)}.terra-demo-controls button:disabled{opacity:.35;cursor:default}.terra-demo-controls button[aria-pressed=true]{border-color:var(--terra-accent);color:var(--terra-accent)}.terra-demo-controls .terra-demo-done{background:var(--terra-accent);border-color:var(--terra-accent);color:#fff;padding:10px 18px;font-weight:500}.terra-demo-controls .terra-demo-done:hover{color:#fff;background:color-mix(in srgb, var(--terra-accent) 90%, var(--terra-ink))}.terra-demo-ring{z-index:85;border:2px solid var(--terra-accent);pointer-events:none;border-radius:18px;animation:2.2s ease-in-out infinite terra-demo-pulse;position:fixed}@keyframes terra-demo-pulse{0%,to{opacity:.9}50%{opacity:.35}}@media (width<=700px){.terra-demo-bar{bottom:86px}.terra-demo-body{flex-wrap:wrap;gap:8px 12px;padding:12px 14px 14px}.terra-demo-count{order:1;align-self:center;padding-top:0}.terra-demo-controls{order:2;margin-left:auto}.terra-demo-text{flex-basis:100%;order:3}.terra-demo-text p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:reduce){.terra-demo-bar,.terra-demo-ring{animation:none}.terra-demo-progress span{transition:none}}