.o185t4i2{container-type:inline-size}.rkhzpyo{--gold:#ffbf00;display:flex;gap:16px;width:100%}@container (max-width: 37rem){.rkhzpyo{flex-direction:column;align-items:center}}.c437brn{--inline-padding-override:16px;--block-padding-override:16px;--code-font-size:0.875rem;--code-line-height:1.25;flex:1 1;min-width:12.5rem;outline:1px solid var(--color-gray-400);border-radius:2px;white-space:pre;overflow:hidden}@container (max-width: 37rem){.c437brn{width:450px;max-width:100%}}@container (max-width: 30rem){.c437brn{white-space:pre-wrap}}.swr340m{flex:0 0 300px;position:relative;width:300px;height:300px}.swr340m[data-variant=viewbox]{max-width:314px}.s1obtuxu{display:block;outline:1px solid var(--color-gray-300);cursor:-webkit-grab;cursor:grab;touch-action:none}.s1obtuxu[data-is-dragging=true]{cursor:-webkit-grabbing;cursor:grabbing}.s1obtuxu text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rq1va56{fill:var(--gold);font-weight:700;font-family:var(--font-family-mono);font-size:1.5rem}.a17qvbdo{stroke:#b3b3b3;stroke-width:3}.m1tk7j3m{fill:var(--gold);fill-opacity:.2;stroke:var(--gold);stroke-width:3}.lwnru9c{fill:#fff;font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);font-size:.75rem}.p1wgwsl4{stroke:#b3b3b3;stroke-width:3;stroke-linecap:round}.tpu5ce4{stroke:#b3b3b3;stroke-width:1;stroke-opacity:.25}.d1is149m{position:absolute;top:0;right:8px;width:185px;transform:translate(100%,-30%);transition:opacity 1s;pointer-events:none;filter:drop-shadow(0 0 5px var(--color-background)) drop-shadow(0 0 10px var(--color-background)) drop-shadow(0 0 0 var(--color-background));animation:partialFade-d1is149m 1s infinite alternate}@keyframes indicate-d1is149m{0%{transform:translate(100%,-30%)}60%{transform:translate(100%,-30%)}80%{transform:translate(90%,-30%)}to{transform:translate(100%,-30%)}}@keyframes partialFade-d1is149m{0%{opacity:1}to{opacity:.5}}.d1is149m[data-has-interacted=true]{animation:partialFade-d1is149m 1s infinite alternate,fadeToTransparent .5s forwards}@media (prefers-reduced-motion:no-preference){.d1is149m{animation:indicate-d1is149m 6s cubic-bezier(.761,0,.243,1) infinite}.d1is149m[data-has-interacted=true]{animation:indicate-d1is149m 6s cubic-bezier(.761,0,.243,1) infinite,fadeToTransparent .5s forwards}}@media (max-width:1060px){.d1is149m{display:none}}html[data-color-mode=light] .d1is149m{filter:drop-shadow(0 0 5px white) drop-shadow(0 0 10px white) drop-shadow(0 0 0 white)}
/*# sourceMappingURL=2dde22d67337309a.css.map*/