.sw-demo-box[data-v-ed6233e2]{border:1px solid var(--docs-demo-border);border-radius:.5rem;margin:1.25rem 0;overflow:hidden}.sw-demo-box .header[data-v-ed6233e2]{padding:.75rem 1.25rem 0}.sw-demo-box .header .title[data-v-ed6233e2]{color:var(--docs-color-text);margin:0 0 .25rem;font-size:.9rem;font-weight:600}.sw-demo-box .header .desc[data-v-ed6233e2]{color:var(--docs-color-text-soft);margin:0;font-size:.85rem}.sw-demo-box .preview[data-v-ed6233e2]{background:var(--docs-demo-preview-bg);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;min-height:5rem;padding:2rem 1.5rem;display:flex}.sw-demo-box .preview[data-v-ed6233e2]>*{min-width:0;max-width:100%}.sw-demo-box .loading[data-v-ed6233e2],.sw-demo-box .not-found[data-v-ed6233e2]{color:var(--docs-color-text-mute);padding:1rem;font-size:.875rem}.sw-demo-box .toolbar[data-v-ed6233e2]{background:var(--docs-demo-toolbar-bg);border-top:1px solid var(--docs-demo-border);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.sw-demo-box .btn[data-v-ed6233e2]{border:1px solid var(--docs-color-border);cursor:pointer;color:var(--docs-color-text-soft);background:0 0;border-radius:5px;padding:.3rem .75rem;font-size:.8125rem;transition:all .15s}.sw-demo-box .btn[data-v-ed6233e2]:hover{border-color:var(--docs-color-primary);color:var(--docs-color-primary);background:var(--docs-color-primary-soft)}.sw-demo-box .btn.is-copied[data-v-ed6233e2]{color:#22c55e;background:#f0fdf4;border-color:#22c55e}.sw-demo-box .code[data-v-ed6233e2]{border-top:1px solid var(--docs-demo-border);overflow:hidden}.sw-demo-box .code-pre[data-v-ed6233e2]{font-family:var(--docs-font-mono);margin:0;padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.6;overflow-x:auto;background:var(--docs-code-bg)!important}.sw-demo-box .code-pre code[data-v-ed6233e2]{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.code-slide-enter-active[data-v-ed6233e2],.code-slide-leave-active[data-v-ed6233e2]{transition:all .25s;overflow:hidden}.code-slide-enter-from[data-v-ed6233e2],.code-slide-leave-to[data-v-ed6233e2]{opacity:0;max-height:0}.code-slide-enter-to[data-v-ed6233e2],.code-slide-leave-from[data-v-ed6233e2]{opacity:1;max-height:125rem}