.play[data-astro-cid-h4uveylu]{display:grid;grid-template-columns:1fr var(--panel-width);height:100vh;overflow:hidden}@media(max-width:900px){.play[data-astro-cid-h4uveylu]{grid-template-columns:1fr;grid-template-rows:1fr auto;height:100dvh}.stage[data-astro-cid-h4uveylu]{min-height:0}.panel[data-astro-cid-h4uveylu]{margin:0 10px 10px;max-height:45dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}}.stage[data-astro-cid-h4uveylu]{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);box-shadow:var(--frame-inner-shadow)}.stage__back[data-astro-cid-h4uveylu]{position:absolute;top:14px;left:14px;z-index:2}.stage__nav[data-astro-cid-h4uveylu]{position:absolute;inset:0;z-index:4;pointer-events:none}.stage__nav-btn[data-astro-cid-h4uveylu]{position:absolute;left:50%;transform:translate(-50%);pointer-events:auto}#nav-prev[data-astro-cid-h4uveylu]{top:16px}#nav-next[data-astro-cid-h4uveylu]{bottom:16px}.stage__nav-count[data-astro-cid-h4uveylu]{position:absolute;left:50%;top:58px;transform:translate(-50%);pointer-events:none;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(10px);box-shadow:0 8px 22px -14px #0000008c;font-size:11px;font-weight:600;line-height:1;letter-spacing:.02em;color:var(--text-secondary);font-variant-numeric:tabular-nums;user-select:none}.stage__nav-count[data-astro-cid-h4uveylu] span[data-astro-cid-h4uveylu]{color:var(--text-muted)}.stage__nav-btn[data-astro-cid-h4uveylu][data-disabled]{opacity:.3;pointer-events:none}.stage__topright[data-astro-cid-h4uveylu] .btn,.stage[data-astro-cid-h4uveylu] .fw .btn,.stage__theme[data-astro-cid-h4uveylu] vs-button::part(button),.stage__license[data-astro-cid-h4uveylu] vs-button::part(button){--h: 32px;height:32px;padding:0 12px}.stage__topright[data-astro-cid-h4uveylu] .btn--icon,.stage[data-astro-cid-h4uveylu] .fw .btn--icon,.stage__theme[data-astro-cid-h4uveylu] vs-button::part(button),.stage__license[data-astro-cid-h4uveylu] vs-button::part(button){width:32px;padding:0}.stage__tokens[data-astro-cid-h4uveylu] .tok__face{height:32px;padding:0 10px}.stage__topright[data-astro-cid-h4uveylu] .btn svg,.stage[data-astro-cid-h4uveylu] .fw .btn svg,.stage__theme[data-astro-cid-h4uveylu] vs-button svg,.stage__license[data-astro-cid-h4uveylu] vs-button svg,.stage__tokens[data-astro-cid-h4uveylu] .tok__face svg{width:15px;height:15px}#nav-prev[data-astro-cid-h4uveylu][data-disabled]{display:none}.stage__nav[data-astro-cid-h4uveylu]:has(#nav-prev[data-disabled]) .stage__nav-count[data-astro-cid-h4uveylu]{top:14px;transform:translate(-50%,calc((32px - 100%)/2))}.stage__topright[data-astro-cid-h4uveylu]{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;gap:10px;transition:right .34s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}html[data-panel=collapsed] .stage__topright[data-astro-cid-h4uveylu]{right:50px}.stage__theme[data-astro-cid-h4uveylu],.stage__tokens[data-astro-cid-h4uveylu],.stage__license[data-astro-cid-h4uveylu]{position:fixed;left:56px;bottom:14px;z-index:40;border-radius:var(--radius-control);background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(8px)}.stage__license[data-astro-cid-h4uveylu]{left:98px}.stage__tokens[data-astro-cid-h4uveylu]{left:140px}.stage__center[data-astro-cid-h4uveylu]{flex:1;display:grid;place-items:center;padding:64px 14px;overflow:auto}.frame[data-astro-cid-h4uveylu]{position:relative;width:100%;max-width:100%;height:max-content;min-height:var(--frame-min, 620px);max-height:min(calc(100dvh - 150px),var(--frame-max-h, 900px));display:flex;flex-direction:column;overflow:hidden;border:1px dashed var(--border-strong);--vp-radius: 14px;border-radius:var(--vp-radius);background:var(--bg);transition:max-width var(--dur-slow) var(--ease-out),border-radius var(--dur-slow) var(--ease-out)}.frame[data-astro-cid-h4uveylu][data-bare]{background:transparent}.frame[data-astro-cid-h4uveylu][data-vp=desktop]{--frame-min: 620px;max-width:min(100%,var(--frame-max-w, 1500px))}.frame[data-astro-cid-h4uveylu][data-vp=tablet]{--frame-min: 560px;max-width:834px;--vp-radius: 22px}.frame[data-astro-cid-h4uveylu][data-vp=mobile]{--frame-min: 0px;max-width:min(352px,calc((100dvh - 150px)*.4603));height:auto;aspect-ratio:440 / 956;--vp-radius: 42px}.frame__ruler[data-astro-cid-h4uveylu],.frame__bar[data-astro-cid-h4uveylu],.frame__cam[data-astro-cid-h4uveylu],.frame__island[data-astro-cid-h4uveylu],.frame__home[data-astro-cid-h4uveylu]{display:none}.frame[data-astro-cid-h4uveylu][data-vp=desktop] .frame__bar[data-astro-cid-h4uveylu]{display:flex;align-items:center;gap:8px;height:38px;padding:0 16px;flex-shrink:0;border-bottom:1px dashed var(--border-strong)}.frame__dot[data-astro-cid-h4uveylu]{width:11px;height:11px;border-radius:50%;background:transparent;border:1px dashed var(--border-strong)}.frame[data-astro-cid-h4uveylu][data-vp=tablet] .frame__cam[data-astro-cid-h4uveylu]{display:flex;align-items:center;justify-content:center;height:30px;flex-shrink:0;border-bottom:1px dashed var(--border-strong)}.frame__cam[data-astro-cid-h4uveylu]:before{content:"";width:8px;height:8px;border-radius:50%;background:transparent;border:1px dashed var(--border-strong)}.frame[data-astro-cid-h4uveylu][data-vp=mobile] .frame__island[data-astro-cid-h4uveylu]{display:block;position:absolute;top:12px;left:50%;transform:translate(-50%);width:88px;height:24px;border-radius:14px;background:#0a0a0b;border:1px solid #000;z-index:3}.frame[data-astro-cid-h4uveylu][data-vp=mobile] .frame__home[data-astro-cid-h4uveylu]{display:block;position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:120px;height:6px;border-radius:99px;background:color-mix(in srgb,var(--text) 40%,transparent);border:none;z-index:3}.frame[data-astro-cid-h4uveylu][data-vp=mobile] .frame__home[data-astro-cid-h4uveylu]{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.frame__inner[data-astro-cid-h4uveylu]{flex:1;min-height:0;display:grid;place-items:safe center;width:100%;padding:0;overflow:auto;--anim-radius: 0 0 calc(var(--vp-radius) - 1px) calc(var(--vp-radius) - 1px);border-radius:var(--anim-radius)}.frame[data-astro-cid-h4uveylu][data-vp=mobile] .frame__inner[data-astro-cid-h4uveylu]{--anim-radius: calc(var(--vp-radius) - 1px)}.frame__inner[data-astro-cid-h4uveylu]>.vp-host{width:100%;height:100%;display:flex;justify-content:center;border-radius:inherit;overflow:hidden}.frame__inner[data-astro-cid-h4uveylu] .vp-host>*{width:100%;height:100%}.panel[data-astro-cid-h4uveylu]{display:flex;flex-direction:column;margin:14px 14px 14px 0;border:1px solid var(--border);border-radius:20px;background:var(--panel-bg);overflow:hidden;box-shadow:0 16px 48px #00000038}@supports (corner-shape: squircle){.panel[data-astro-cid-h4uveylu]{corner-shape:squircle;border-radius:30px}}.panel__head[data-astro-cid-h4uveylu]{display:flex;flex-direction:column;gap:10px;padding:20px;border-bottom:1px solid var(--border)}.panel__title[data-astro-cid-h4uveylu]{display:flex;align-items:center;gap:8px}.panel__name[data-astro-cid-h4uveylu]{margin:0;font-size:16px;font-weight:600}.panel__desc[data-astro-cid-h4uveylu]{display:none}.panel__info[data-astro-cid-h4uveylu]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:default;transition:color var(--dur-fast) var(--ease-out)}.panel__info[data-astro-cid-h4uveylu]:hover,.panel__info[data-astro-cid-h4uveylu]:focus-visible{color:var(--text);outline:none}.panel__info[data-astro-cid-h4uveylu] svg[data-astro-cid-h4uveylu]{width:17px;height:17px}.stage__vp[data-astro-cid-h4uveylu]{position:absolute;right:14px;bottom:14px;z-index:3;border-radius:var(--radius-control);background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(8px)}.panel__body[data-astro-cid-h4uveylu]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.panel__ad[data-astro-cid-h4uveylu]{flex:0 0 auto;padding:14px;border-top:1px solid var(--border)}.panel__ad[data-astro-cid-h4uveylu]:has(.fdy-carbon[data-carbon=empty]){display:none}@media(max-height:760px),(max-width:900px){.panel__ad[data-astro-cid-h4uveylu]{display:none}}@media(max-width:900px){.stage__center[data-astro-cid-h4uveylu]{padding:66px 24px 72px;grid-template-rows:minmax(0,1fr)}.frame[data-astro-cid-h4uveylu],.frame[data-astro-cid-h4uveylu][data-vp=desktop],.frame[data-astro-cid-h4uveylu][data-vp=tablet]{--frame-min: 0px;min-height:0;max-height:100%}.frame[data-astro-cid-h4uveylu][data-vp=mobile]{width:auto;height:100%;max-width:min(352px,78vw);max-height:100%}#nav-prev[data-astro-cid-h4uveylu],#nav-next[data-astro-cid-h4uveylu]{top:auto;bottom:16px}#nav-prev[data-astro-cid-h4uveylu]{left:calc(50% - 24px)}#nav-next[data-astro-cid-h4uveylu]{left:calc(50% + 24px)}.stage__nav-count[data-astro-cid-h4uveylu]{display:none}.stage__theme[data-astro-cid-h4uveylu]{position:absolute;left:16px;bottom:16px}.stage__license[data-astro-cid-h4uveylu]{position:absolute;left:66px;bottom:16px}.stage__tokens[data-astro-cid-h4uveylu]{position:absolute;left:116px;bottom:16px}.stage__vp[data-astro-cid-h4uveylu]{right:16px;bottom:16px}.fw{display:none}}@media(max-width:620px){.stage__license[data-astro-cid-h4uveylu],.stage__tokens[data-astro-cid-h4uveylu]{display:none}}@media(max-width:430px){.stage__vp[data-astro-cid-h4uveylu]{left:64px;right:auto}.stage__topright[data-astro-cid-h4uveylu]{top:auto;bottom:16px;right:16px}#nav-prev[data-astro-cid-h4uveylu],#nav-next[data-astro-cid-h4uveylu]{display:none}}