.vg,.vg-frame{--vg-night:#0a0a0f;--vg-deep:#0d0b11;--vg-plum:#1c1322;--vg-haze:#3a2a3f;--vg-sun:#ff8a3d;--vg-ember:#ff4438;--vg-paper:#f3ebdd;--vg-mute:#b2aca3;--vg-dim:#8b818c;--vg-faint:#5d5361;--vg-hair:#f3ebdd17;--vg-hair-2:#f3ebdd29;--vg-win:#120e16;--vg-win-2:#18121d;--vg-ok:#5ccb97;--vg-ease:cubic-bezier(.22, 1, .36, 1)}.vg{aspect-ratio:4/3;isolation:isolate;width:100%;color:var(--vg-paper);font-family:var(--font-code), ui-monospace, monospace;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;background:radial-gradient(70% 60% at 82% 0,#ff8a3d17,#0000 70%),radial-gradient(80% 70% at 0 100%,#3a2a3f80,#0000 75%),linear-gradient(#110d15 0%,#0b090e 100%);display:block;position:relative;overflow:hidden;container:vg/size}.vg[data-aspect=tall]{aspect-ratio:3/4}.vg[data-aspect=fill]{aspect-ratio:auto;height:100%;min-height:200px}.vg:before{content:"";z-index:-1;background-image:radial-gradient(#f3ebdd13 .8px,#0000 1.1px);background-position:7px 7px;background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 40%,#000 30%,#0000 85%);mask-image:radial-gradient(120% 100% at 50% 40%,#000 30%,#0000 85%)}.vg-s{width:40em;height:30em;font-size:min(2.5cqw,3.3333cqh);line-height:1.35;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@container vg (orientation:portrait){.vg-s{width:30em;height:40em;font-size:min(3.3333cqw,2.5cqh)}}.vg-svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.vg .vg-win{border:1px solid var(--vg-hair-2);background:linear-gradient(180deg, var(--vg-win-2), var(--vg-win));border-radius:.7em;position:absolute;overflow:hidden;box-shadow:inset 0 .06em #ffffff0a,0 1.4em 2.4em -1.2em #000000bf}.vg .vg-bar{border-bottom:1px solid var(--vg-hair);letter-spacing:.1em;text-transform:uppercase;height:2em;color:var(--vg-dim);white-space:nowrap;align-items:center;gap:.6em;padding:0 .8em;font-size:.62em;display:flex}.vg .vg-bar b{color:var(--vg-mute);font-weight:500}.vg .vg-bar i{background:var(--vg-faint);border-radius:50%;flex:none;width:.55em;height:.55em;display:block}.vg .vg-bar .vg-bar-r{margin-left:auto}.vg .vg-cursor{z-index:20;pointer-events:none;filter:drop-shadow(0 .15em .25em #0009);width:1.5em;height:1.5em;position:absolute;top:0;left:0}.vg .vg-cursor svg{width:100%;height:100%;display:block;overflow:visible}.vg .vg-ripple{border:1px solid var(--vg-sun);pointer-events:none;z-index:19;border-radius:50%;width:2.6em;height:2.6em;margin:-1.3em 0 0 -1.3em;position:absolute}.vg .vg-pill{border:1px solid var(--vg-hair-2);letter-spacing:.04em;white-space:nowrap;height:1.7em;color:var(--vg-mute);border-radius:999px;align-items:center;gap:.45em;padding:0 .7em;font-size:.66em;display:inline-flex}.vg .vg-pill:before{content:"";background:currentColor;border-radius:50%;width:.55em;height:.55em}.vg .vg-pill[data-tone=ok]{color:var(--vg-ok);background:#5ccb9714;border-color:#5ccb9759}.vg .vg-pill[data-tone=sun]{color:var(--vg-sun);background:#ff8a3d14;border-color:#ff8a3d66}.vg .vg-pill[data-tone=ember]{color:var(--vg-ember);background:#ff443814;border-color:#ff443866}.vg .vg-line{background:#f3ebdd21;border-radius:.21em;height:.42em;display:block}.vg-frame{background:#0b090e;border:1px solid #f3ebdd24;border-radius:12px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden;container:vgf/inline-size}.vg-frame-row{height:34px;font:500 10.5px/1 var(--font-code), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--vg-mute);white-space:nowrap;border-bottom:1px solid #f3ebdd14;align-items:center;gap:9px;padding:0 12px 0 13px;display:flex}.vg-frame-dot{background:var(--vg-sun);border-radius:50%;flex:none;width:6px;height:6px}.vg-frame-name{text-overflow:ellipsis;overflow:hidden}.vg-frame-tag{text-transform:none;letter-spacing:.02em;color:var(--vg-dim);text-overflow:ellipsis;margin-left:auto;padding-left:10px;overflow:hidden}.vg-body{aspect-ratio:4/3;position:relative}.vg-body[data-aspect=tall]{aspect-ratio:3/4}.vg-body[data-aspect=fill]{aspect-ratio:auto;flex:auto;min-height:0}.vg-frame[data-aspect=fill]{height:100%}.vg-body>.vg,.vg-body>.vg-fill{aspect-ratio:auto;width:100%;height:100%;min-height:0;position:absolute;inset:0}@container vgf (max-width:400px){.vg-frame-tag{display:none}}.vg-frame-bare{background:0 0;border:0;border-radius:0}
