body.embed-demo{background:radial-gradient(120% 90% at 60% 35%,#141a26 0%,#07090d 62%) fixed}.embed-demo .embed-panel{width:380px;max-height:calc(100vh - 108px);bottom:auto}.embed-people{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.embed-people:empty{display:none}.embed-people li{background:rgb(var(--hl-rgb) / .06);border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 12px 0 3px;font-size:12.5px;font-weight:650;display:inline-flex}.embed-people li small{color:var(--muted);font-weight:600}.embed-people .person{width:26px;height:26px}.embed-code{border:1px solid rgb(var(--hl-rgb) / .08);background:#00000057;border-radius:16px;flex:none;overflow:hidden}.embed-code-head{border-bottom:1px solid rgb(var(--hl-rgb) / .07);color:var(--muted);font:650 11.5px var(--font);justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex}.embed-code-head .btn{border-radius:9px;height:28px;min-height:0;padding:0 12px;font-size:12px}.embed-code pre{--bb-scroll-inset:8px;color:#d8e1ee;max-height:350px;font:500 11px/1.65 var(--font-data,ui-monospace, monospace);white-space:pre;margin:0;padding:12px 14px 14px;overflow:auto}.embed-code pre:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.embed-links{flex-wrap:wrap;gap:6px 14px;font-size:12.5px;font-weight:650;display:flex}.embed-links a{color:var(--muted);text-decoration:none}.embed-links a:hover{color:var(--ink)}.embed-note{color:#fde68a;background:#fcd34d1f;border-radius:12px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.45}.embed-labels{z-index:2;pointer-events:none;position:fixed;inset:0}.embed-labels span{background:var(--frost);border:1px solid var(--frost-edge);height:26px;box-shadow:var(--frost-shadow);color:var(--ink);font:650 12px var(--font);white-space:nowrap;-webkit-backdrop-filter:var(--frost-blur);backdrop-filter:var(--frost-blur);will-change:transform;border-radius:999px;align-items:center;gap:7px;padding:0 11px 0 9px;display:inline-flex;position:absolute;top:0;left:0}.embed-labels span i{background:rgb(var(--hl-rgb) / .35);border-radius:50%;width:8px;height:8px}.embed-labels span.held{border-color:color-mix(in srgb, var(--c) 55%, transparent)}.embed-labels span.held i{background:var(--c);box-shadow:0 0 10px var(--c)}.embed-labels span small{color:var(--muted);font-weight:600}@media (max-width:860px){.embed-demo .embed-panel{width:auto;max-height:42vh;top:auto;bottom:10px}.embed-code pre{max-height:150px}}
