.mockup-code pre:before{margin-right:0!important}.vd-ex-section:where(.astro-ZFUQE6YB){padding-bottom:0}.vd-ex-section:where(.astro-ZFUQE6YB)>.vd-container-max{margin-bottom:1.75rem}.vd-ex:where(.astro-ZFUQE6YB){border-top:1px solid var(--vd-border);border-bottom:1px solid var(--vd-border)}.vd-ex-bar:where(.astro-ZFUQE6YB){border-bottom:1px solid var(--vd-border)}.vd-ex-bar-inner:where(.astro-ZFUQE6YB){display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding-block:.875rem}@media (min-width: 1024px){.vd-ex-bar-inner:where(.astro-ZFUQE6YB){flex-wrap:wrap;overflow-x:visible}}.vd-ex-bar-inner:where(.astro-ZFUQE6YB)>label:where(.astro-ZFUQE6YB){flex:none;cursor:pointer;padding:.5rem .875rem;border:1px solid var(--vd-border);border-radius:.5rem;font-size:var(--vd-step-small);font-weight:500;line-height:1.35;color:var(--vd-text-muted);white-space:nowrap;transition:color .15s ease,background .15s ease,border-color .15s ease}.vd-ex-bar-inner:where(.astro-ZFUQE6YB)>label:where(.astro-ZFUQE6YB):hover{color:var(--vd-text);border-color:var(--vd-border-strong);background:var(--vd-wash)}.vd-ex-input:where(.astro-ZFUQE6YB){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.vd-ex-stage:where(.astro-ZFUQE6YB){position:relative;min-width:0;padding-block:2rem}@media (min-width: 1024px){.vd-ex-stage:where(.astro-ZFUQE6YB){padding-block:2.75rem}}.vd-ex-panel:where(.astro-ZFUQE6YB){display:none;position:relative;text-decoration:none}.vd-ex-panel:where(.astro-ZFUQE6YB) img:where(.astro-ZFUQE6YB){display:block;margin-inline:auto;width:auto;max-width:100%;height:auto;max-height:clamp(18rem,78vh,52rem)}.vd-ex-panel--demo:where(.astro-ZFUQE6YB) iframe{display:block;width:100%;border:0;border-radius:.5rem}.vd-ex-go:where(.astro-ZFUQE6YB){position:absolute;top:.25rem;right:.25rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid var(--vd-border);border-radius:9999px;background:var(--vd-surface);color:var(--vd-text-subtle);opacity:0;transition:opacity .15s ease,color .15s ease}.vd-ex-go:where(.astro-ZFUQE6YB) svg:where(.astro-ZFUQE6YB){width:.75rem;height:.75rem}.vd-ex-panel:where(.astro-ZFUQE6YB):hover .vd-ex-go:where(.astro-ZFUQE6YB),.vd-ex-panel:where(.astro-ZFUQE6YB):focus-visible .vd-ex-go:where(.astro-ZFUQE6YB){opacity:1;color:var(--vd-accent)}@media (prefers-reduced-motion: reduce){.vd-ex-bar-inner:where(.astro-ZFUQE6YB)>label:where(.astro-ZFUQE6YB),.vd-ex-go:where(.astro-ZFUQE6YB){transition:none}}.fade-in-section:where(.astro-47FXEBVG){opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section:where(.astro-47FXEBVG).visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.fade-in-section:where(.astro-47FXEBVG){opacity:1;transform:none;transition:none}}