.docs-demo{border:1px solid var(--rmx-color-border-subtle);border-radius:var(--rmx-radius-xl);overflow:clip}.docs-demo-preview{isolation:isolate;background:var(--rmx-surface-lvl2);grid-template-columns:minmax(0,1fr);place-items:center;padding:48px 20px;display:grid}.docs-demo-source{border-top:1px solid var(--rmx-color-border-subtle);background:var(--rmx-color-code-background)}.docs-demo-source-code{max-height:160px;overflow:hidden;mask-image:linear-gradient(#000 55%,#0000)}.docs-demo-source[data-expanded=true] .docs-demo-source-code{max-height:none;overflow:visible;mask-image:none}.docs-demo-source [data-code-block]{margin:0}.docs-demo-source-actions{justify-content:center;padding:16px;display:flex}.docs-demo-source[data-expanded=true] .docs-demo-source-actions{position:sticky;bottom:0}.docs-demo-source-actions button{border:1px solid var(--rmx-color-border-subtle);background:var(--rmx-surface-lvl1);min-height:36px;box-shadow:var(--docs-floating-button-shadow);color:var(--rmx-color-text-secondary);font:inherit;font-size:var(--docs-font-size-ui);font-weight:var(--rmx-font-weight-medium);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:8px 12px;display:flex}.docs-demo-source-actions button:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.docs-demo-source-actions button[aria-expanded=true]:after{transform:translateY(2px)rotate(225deg)}.docs-demo-source-actions button:hover{background:var(--rmx-color-code-background);color:var(--rmx-color-text-primary)}.docs-demo-source-actions button:active{background:color-mix(in srgb, var(--rmx-color-code-background) 92%, var(--rmx-color-text-primary))}.docs-demo-source-actions button:focus-visible{outline:2px solid var(--rmx-color-text-primary);outline-offset:3px}@media (width>=640px){.docs-demo-preview{padding:64px 32px}}