.play[data-astro-cid-2p4jqlfh]{display:grid;grid-template-columns:1fr var(--panel-width);height:100vh;overflow:hidden}@media(max-width:900px){.play[data-astro-cid-2p4jqlfh]{grid-template-columns:1fr;grid-template-rows:1fr auto;height:100dvh}.stage[data-astro-cid-2p4jqlfh]{min-height:0}.panel[data-astro-cid-2p4jqlfh]{margin:0 10px 10px;max-height:45dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}}.stage[data-astro-cid-2p4jqlfh]{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);box-shadow:var(--frame-inner-shadow)}.stage__back[data-astro-cid-2p4jqlfh]{position:absolute;top:14px;left:14px;z-index:4}.stage__topright[data-astro-cid-2p4jqlfh]{position:absolute;top:14px;right:14px;z-index:4;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-2p4jqlfh]{right:50px}.stage__nav[data-astro-cid-2p4jqlfh]{position:absolute;inset:0;z-index:4;pointer-events:none}.stage__nav-btn[data-astro-cid-2p4jqlfh]{position:absolute;left:50%;transform:translate(-50%);pointer-events:auto}#nav-prev[data-astro-cid-2p4jqlfh]{top:16px}#nav-next[data-astro-cid-2p4jqlfh]{bottom:16px}.stage__nav-count[data-astro-cid-2p4jqlfh]{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-2p4jqlfh] span[data-astro-cid-2p4jqlfh]{color:var(--text-muted)}.stage__nav-btn[data-astro-cid-2p4jqlfh][data-disabled]{opacity:.3;pointer-events:none}.stage__topright[data-astro-cid-2p4jqlfh] .btn,.stage[data-astro-cid-2p4jqlfh] .fw .btn,.stage__theme[data-astro-cid-2p4jqlfh] vs-button::part(button),.stage__license[data-astro-cid-2p4jqlfh] vs-button::part(button){--h: 32px;height:32px;padding:0 12px}.stage__topright[data-astro-cid-2p4jqlfh] .btn--icon,.stage[data-astro-cid-2p4jqlfh] .fw .btn--icon,.stage__theme[data-astro-cid-2p4jqlfh] vs-button::part(button),.stage__license[data-astro-cid-2p4jqlfh] vs-button::part(button){width:32px;padding:0}.stage__tokens[data-astro-cid-2p4jqlfh] .tok__face{height:32px;padding:0 10px}.stage__topright[data-astro-cid-2p4jqlfh] .btn svg,.stage[data-astro-cid-2p4jqlfh] .fw .btn svg,.stage__theme[data-astro-cid-2p4jqlfh] vs-button svg,.stage__license[data-astro-cid-2p4jqlfh] vs-button svg,.stage__tokens[data-astro-cid-2p4jqlfh] .tok__face svg{width:15px;height:15px}#nav-prev[data-astro-cid-2p4jqlfh][data-disabled]{display:none}.stage__nav[data-astro-cid-2p4jqlfh]:has(#nav-prev[data-disabled]) .stage__nav-count[data-astro-cid-2p4jqlfh]{top:14px;transform:translate(-50%,calc((32px - 100%)/2))}.stage__theme[data-astro-cid-2p4jqlfh],.stage__tokens[data-astro-cid-2p4jqlfh],.stage__license[data-astro-cid-2p4jqlfh]{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-2p4jqlfh]{left:98px}.stage__tokens[data-astro-cid-2p4jqlfh]{left:140px}.stage__center[data-astro-cid-2p4jqlfh]{flex:1;display:grid;place-items:center;padding:64px 14px;overflow:auto}.frame[data-astro-cid-2p4jqlfh]{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);border-radius:14px;background:transparent;transition:max-width var(--dur-slow) var(--ease-out),border-radius var(--dur-slow) var(--ease-out);view-transition-name:device-frame}.frame[data-astro-cid-2p4jqlfh][data-vp=desktop]{--frame-min: 620px;max-width:min(100%,var(--frame-max-w, 1500px))}.frame[data-astro-cid-2p4jqlfh][data-vp=tablet]{--frame-min: 560px;max-width:834px;border-radius:22px}.frame[data-astro-cid-2p4jqlfh][data-vp=mobile]{--frame-min: 0px;max-width:min(352px,calc((100dvh - 150px)*.4603));height:auto;aspect-ratio:440 / 956;border-radius:42px}.frame__ruler[data-astro-cid-2p4jqlfh],.frame__bar[data-astro-cid-2p4jqlfh],.frame__cam[data-astro-cid-2p4jqlfh],.frame__island[data-astro-cid-2p4jqlfh],.frame__home[data-astro-cid-2p4jqlfh]{display:none}.frame[data-astro-cid-2p4jqlfh][data-vp=desktop] .frame__bar[data-astro-cid-2p4jqlfh]{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-2p4jqlfh]{width:11px;height:11px;border-radius:50%;background:transparent;border:1px dashed var(--border-strong)}.frame[data-astro-cid-2p4jqlfh][data-vp=tablet] .frame__cam[data-astro-cid-2p4jqlfh]{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-2p4jqlfh]:before{content:"";width:8px;height:8px;border-radius:50%;background:transparent;border:1px dashed var(--border-strong)}.frame[data-astro-cid-2p4jqlfh][data-vp=mobile] .frame__island[data-astro-cid-2p4jqlfh]{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-2p4jqlfh][data-vp=mobile] .frame__home[data-astro-cid-2p4jqlfh]{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-2p4jqlfh][data-vp=mobile] .frame__home[data-astro-cid-2p4jqlfh]{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.frame__inner[data-astro-cid-2p4jqlfh]{flex:1;min-height:0;display:grid;place-items:safe center;width:100%;padding:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.frame__inner[data-astro-cid-2p4jqlfh]::-webkit-scrollbar{display:none}.frame__inner[data-astro-cid-2p4jqlfh]>.vp-host{width:100%}.panel[data-astro-cid-2p4jqlfh]{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-2p4jqlfh]{corner-shape:squircle;border-radius:30px}}.panel__head[data-astro-cid-2p4jqlfh]{display:flex;flex-direction:column;gap:10px;padding:20px;border-bottom:1px solid var(--border)}.panel__title[data-astro-cid-2p4jqlfh]{display:flex;align-items:center;gap:8px}.panel__name[data-astro-cid-2p4jqlfh]{margin:0;font-size:16px;font-weight:600}.panel__info[data-astro-cid-2p4jqlfh]{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-2p4jqlfh]:hover,.panel__info[data-astro-cid-2p4jqlfh]:focus-visible{color:var(--text);outline:none}.panel__info[data-astro-cid-2p4jqlfh] svg[data-astro-cid-2p4jqlfh]{width:17px;height:17px}.stage__vp[data-astro-cid-2p4jqlfh]{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-2p4jqlfh]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.panel__ad[data-astro-cid-2p4jqlfh]{flex:0 0 auto;padding:14px;border-top:1px solid var(--border)}.panel__ad[data-astro-cid-2p4jqlfh]:has(.fdy-carbon[data-carbon=empty]){display:none}@media(max-height:760px),(max-width:900px){.panel__ad[data-astro-cid-2p4jqlfh]{display:none}}[data-astro-cid-2p4jqlfh]::view-transition-group(device-frame){animation-duration:.3s;animation-timing-function:cubic-bezier(.34,1.18,.46,1)}[data-astro-cid-2p4jqlfh]::view-transition-old(root),[data-astro-cid-2p4jqlfh]::view-transition-new(root){animation-duration:.2s;animation-timing-function:ease}@media(prefers-reduced-motion:reduce){[data-astro-cid-2p4jqlfh]::view-transition-group(*),[data-astro-cid-2p4jqlfh]::view-transition-old(*),[data-astro-cid-2p4jqlfh]::view-transition-new(*){animation-duration:1ms!important}}@media(max-width:900px){.stage__center[data-astro-cid-2p4jqlfh]{padding:66px 24px 72px;grid-template-rows:minmax(0,1fr)}.frame[data-astro-cid-2p4jqlfh],.frame[data-astro-cid-2p4jqlfh][data-vp=desktop],.frame[data-astro-cid-2p4jqlfh][data-vp=tablet]{--frame-min: 0px;min-height:0;max-height:100%}.frame[data-astro-cid-2p4jqlfh][data-vp=mobile]{width:auto;height:100%;max-width:min(352px,78vw);max-height:100%}#nav-prev[data-astro-cid-2p4jqlfh],#nav-next[data-astro-cid-2p4jqlfh]{top:auto;bottom:16px}#nav-prev[data-astro-cid-2p4jqlfh]{left:calc(50% - 24px)}#nav-next[data-astro-cid-2p4jqlfh]{left:calc(50% + 24px)}.stage__nav-count[data-astro-cid-2p4jqlfh]{display:none}.stage__theme[data-astro-cid-2p4jqlfh]{position:absolute;left:16px;bottom:16px}.stage__license[data-astro-cid-2p4jqlfh]{position:absolute;left:66px;bottom:16px}.stage__tokens[data-astro-cid-2p4jqlfh]{position:absolute;left:116px;bottom:16px}.stage__vp[data-astro-cid-2p4jqlfh]{right:16px;bottom:16px}.fw{display:none}}@media(max-width:620px){.stage__license[data-astro-cid-2p4jqlfh],.stage__tokens[data-astro-cid-2p4jqlfh]{display:none}}@media(max-width:430px){.stage__vp[data-astro-cid-2p4jqlfh]{left:64px;right:auto}.stage__topright[data-astro-cid-2p4jqlfh]{top:auto;bottom:16px;right:16px}#nav-prev[data-astro-cid-2p4jqlfh],#nav-next[data-astro-cid-2p4jqlfh]{display:none}}