.react-live-demo{background:color-mix(in srgb,var(--subtle) 65%,var(--background-color));border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);margin:1.75rem 0 2.25rem;padding:1.25rem}.react-live-demo pre.language-js{margin-bottom:.85rem!important}.react-live-demo__status{color:var(--muted);font-size:.95rem;margin:0 0 .75rem}.react-live-demo__toolbar{align-items:center;display:inline-flex;gap:6px;position:absolute;right:10px;top:6px;z-index:2}.react-live-demo__play-btn,.react-live-demo__toolbar .code-copy-btn{cursor:pointer;font-size:12px;line-height:1.2;min-height:24px;position:static}.react-live-demo__toolbar .code-copy-btn{background:color-mix(in srgb,var(--link) 10%,var(--background-color));border:1px solid color-mix(in srgb,var(--link) 30%,var(--border));border-radius:999px;color:var(--text-color);padding:2px 10px}.react-live-demo__play-btn{align-items:center;background-color:transparent;border:none;border-radius:45%;color:var(--text-color);display:inline-flex;height:26px;justify-content:center;padding:0;width:26px}.react-live-demo__play-btn img{display:block;height:26px;width:26px}.react-live-demo__play-btn:focus-visible,.react-live-demo__play-btn:hover,.react-live-demo__toolbar .code-copy-btn:focus-visible,.react-live-demo__toolbar .code-copy-btn:hover{outline:none}.react-live-demo__toolbar .code-copy-btn:focus-visible,.react-live-demo__toolbar .code-copy-btn:hover{background:color-mix(in srgb,var(--link) 16%,var(--background-color))}.react-live-demo__play-btn:focus-visible,.react-live-demo__play-btn:hover{animation:zoomInfinite 1.5s infinite;background:var(--switch-hover-color)}.react-live-demo__play-btn:disabled{cursor:progress;opacity:.7}.react-live-demo__output{margin:0;white-space:pre-wrap;word-break:break-word}.react-live-demo__mount{background:color-mix(in srgb,var(--background-color) 88%,var(--link) 12%);border:1px dashed color-mix(in srgb,var(--link) 28%,var(--border));border-radius:12px;margin-top:.75rem;padding:.9rem 1rem}