@font-face { font-family: "Manrope"; src: url("manrope.woff2") format("woff2"); font-display: swap; font-weight: 200 800; } :root { --bxsites-gradient-start: #00ff78; --bxsites-gradient-end: #00dbff; --bxsites-accent: #00ff78; --bxsites-link: #087b63; --bxsites-link-hover: #075b4d; --bxsites-step-marker-bg: #00b977; --bxsites-step-marker-text: #10252a; --bxsites-table-header-bg: #e4f9ee; --bxsites-table-header-text: #10252a; --bxsites-table-card-bg: #fff; --bxsites-table-border: #d7e4e2; --bxsites-table-stripe-bg: #f4faf7; --bxsites-table-hover-bg: #e9f7f0; } [data-theme="dark"] { --bxsites-gradient-start: #00ff78; --bxsites-gradient-end: #00dbff; --bxsites-accent: #00ff78; --bxsites-link: #52d6b2; --bxsites-link-hover: #98f0d7; --bxsites-table-header-bg: #17342e; --bxsites-table-header-text: #edf7f5; --bxsites-table-card-bg: #102126; --bxsites-table-border: #294044; --bxsites-table-stripe-bg: #0b1b1f; --bxsites-table-hover-bg: #17312d; } body { font-family: "Manrope", sans-serif; } .tryit{margin:-0.4rem 0 1.4rem} .tryit-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.55rem .75rem;border:1px solid var(--bxsites-border,#d9e2e0);border-top:0;border-radius:0 0 10px 10px;background:var(--bxsites-surface,rgba(0,0,0,.03))} .tryit-run{display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:999px;padding:.4rem .95rem;font:600 .85rem/1 inherit;font-family:inherit;color:#04130d;background:linear-gradient(135deg,#00ff78,#00dbff);cursor:pointer} .tryit-run:hover{filter:brightness(1.05)} .tryit-run:focus-visible{outline:2px solid currentColor;outline-offset:2px} .tryit-run[aria-expanded="true"]{background:transparent;color:inherit;border:1px solid currentColor} .tryit-note{font-size:.8rem;opacity:.7} .tryit-frame{display:block;width:100%;height:420px;margin-top:.75rem;border:1px solid var(--bxsites-border,#d9e2e0);border-radius:12px;background:#06141a} @media(max-width:600px){.tryit-frame{height:520px}}