.demo-with-source{margin-bottom:20px}.demo-with-source__preview{margin-bottom:8px}.demo-with-source__actions{display:flex;gap:8px;margin-bottom:8px}.demo-with-source__code{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.demo-with-source__code pre{font-size:13px;line-height:1.6;margin:0;max-height:360px;overflow:auto;padding:8px 16px}.demo-with-source__code pre::-webkit-scrollbar{height:4px;width:4px}.demo-with-source__code pre::-webkit-scrollbar-track{background:transparent;border-radius:4px}.demo-with-source__code pre::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.demo-with-source__code pre::-webkit-scrollbar-thumb:hover{background:#94a3b8}.demo-source-enter-active,.demo-source-leave-active{transition:opacity .2s ease,transform .2s ease}.demo-source-enter-from,.demo-source-leave-to{opacity:0}.button-row[data-v-47dc776a]{display:flex;gap:1rem}