.vitepress-demo{--demo-border-color: #ebedf1}.dark .vitepress-demo{--demo-border-color: #6b6c6d}.vitepress-demo{border:1px solid var(--demo-border-color);border-radius:1px;margin-bottom:24px;color:var(--vp-c-text-1);background-color:var(--vp-c-bg)}.vitepress-demo div[class*=language-]{border-radius:0;margin:0!important;line-height:1.5!important}.vitepress-demo [class*=language-] pre{padding:0}.vitepress-demo [class*=language-] code{padding:1em}.vitepress-demo .demo-slot{padding:40px 24px}.vitepress-demo .demo-actions{display:flex;height:40px;padding:0 8px;align-items:center;justify-content:space-between;border-top:1px dashed var(--demo-border-color)}.vitepress-demo .demo-buttons{display:flex;align-items:center}.vitepress-demo .demo-actions-expand,.vitepress-demo .demo-actions-copy{margin:0 0 0 16px;cursor:pointer;color:#666}.vitepress-demo .demo-actions-tip{font-size:12px;color:#3eaf7c}.vitepress-demo .extra-class{border-top:1px dashed var(--demo-border-color);box-sizing:border-box}.vitepress-demo .demo-platforms{display:flex;align-items:center}.vitepress-demo .demo-title-desc{border-top:1px dashed var(--demo-border-color);padding:1.2em 1em 1em;color:var(--vp-c-text-1);position:relative;font-size:14px}.vitepress-demo .demo-title{position:absolute;top:0;left:1em;transform:translateY(-50%);background:var(--vp-c-bg);font-weight:500}