.demo-code-wrapper[data-v-c86951f3]{display:flex;flex-direction:column-reverse;margin-top:2rem;overflow-x:auto}.demo-code-wrapper .demo-code[data-v-c86951f3]{flex-grow:1}.demo-code-wrapper[data-v-c86951f3] .shiki{border-radius:var(--radius-large)}.demo-code-wrapper .demo-state[data-v-c86951f3]{position:relative;margin-bottom:1.5rem;max-width:100%}.demo-code-wrapper .demo-state[data-v-c86951f3]:before{position:absolute;top:.6em;inset-inline-end:1em;z-index:2;font-size:.8rem;color:#888;content:"state"}.is-dark .demo-state pre[data-v-c86951f3]{background:#1a1a1f;border-radius:.75rem;color:#c0c0d1}.is-dark .content[data-v-c86951f3] code{background:var(--background-gray)}.demo-example>.v-avatar[data-v-c86951f3]{margin:0 .15rem}