.demo-active[data-v-15b87e99]{text-align:left;flex-direction:column;width:calc(100% - 48px);max-width:1600px;scroll-margin-top:88px;display:flex}.demo-toolbar[data-v-15b87e99]{border-bottom:1px solid var(--vp-c-divider);justify-content:flex-end;padding:4px 0;display:flex}.demo-toolbar button[data-v-15b87e99]{scroll-margin-block:108px 24px}.demo-invitation[data-v-15b87e99]{height:44px;color:var(--vp-c-brand-1);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-inline-end:auto;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.demo-invitation[data-v-15b87e99]:hover:not(:disabled){background:var(--vp-c-bg-alt)}.demo-invitation[data-v-15b87e99]:disabled{opacity:.55;cursor:default}.demo-invitation[data-v-15b87e99]:focus-visible{outline:2px solid var(--vp-c-brand-1);outline-offset:-2px}.demo-browser-toolbar[data-v-15b87e99]{background:var(--vp-c-bg-alt);align-items:center;gap:20px;padding:4px 12px}.demo-browser-dots[data-v-15b87e99]{gap:6px;display:flex}.demo-browser-dots span[data-v-15b87e99]{background:var(--vp-c-text-3);opacity:.55;border-radius:50%;width:9px;height:9px}.demo-browser-address[data-v-15b87e99]{border:1px solid var(--vp-c-divider);background:var(--vp-c-bg);min-width:0;max-width:520px;color:var(--vp-c-text-2);border-radius:4px;flex:1;align-items:center;gap:8px;margin:0 auto;padding:6px 12px;font-size:12px;display:flex}.demo-browser-address span[data-v-15b87e99]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-controls[data-v-15b87e99]{gap:8px;display:flex}.demo-controls button[data-v-15b87e99]{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;display:grid}.demo-controls button[data-v-15b87e99]:hover{background:var(--vp-c-bg-alt)}.demo-viewport[data-v-15b87e99]{resize:vertical;background:var(--vp-c-bg-alt);height:900px;min-height:600px;max-height:1400px;display:flex;position:relative;overflow:auto}.demo-viewport iframe[data-v-15b87e99]{border:0;flex:1;width:100%;min-width:1050px;min-height:0;display:block}.demo-loading[data-v-15b87e99]{z-index:1;background:var(--vp-c-bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.demo-expanded[data-v-15b87e99]{z-index:100;background:var(--vp-c-bg);width:100%;max-width:none;margin:0;padding:0 16px;position:fixed;inset:0}.demo-expanded .demo-viewport[data-v-15b87e99]{resize:none;flex:1;height:auto;min-height:0;max-height:none}@media (width<=600px){.demo-active[data-v-15b87e99]{width:calc(100% - 24px)}.demo-expanded[data-v-15b87e99]{width:100%}.demo-viewport[data-v-15b87e99]{height:760px}}