.sc-ribbon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;padding:6px max(16px,3vw);background:#15171a;color:#f1f1ec;font:500 13px/1.5 var(--font-body),system-ui,sans-serif}.sc-ribbon p{margin:0}.sc-ribbon nav{display:flex;flex-wrap:wrap;gap:0 20px}.sc-ribbon a{display:inline-flex;align-items:center;min-height:44px;color:#f1f1ec;text-decoration:underline;text-underline-offset:3px}.sc-ribbon a:hover{color:#edca51}.sc-ribbon a:focus-visible{outline:3px solid #edca51;outline-offset:2px}.sc-illustrative{display:inline-block;padding:1px 8px;border:1px solid;border-radius:999px;font:600 12px/1.6 var(--font-body),system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}.sc-sr-only{position:absolute;width:max-content;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.sc-ribbon,.sc-ribbon *{transition:none!important;animation:none!important}}.sc-demo-gate{min-height:520px}