.hero-scrim:where(.astro-AIIUP45X){background:linear-gradient(to right,var(--vd-bg) 0%,color-mix(in srgb,var(--vd-bg) 80%,transparent) 50%,transparent 100%)}@media (min-width: 1024px){.hero-scrim:where(.astro-AIIUP45X){background:linear-gradient(to right,var(--vd-bg) 0%,color-mix(in srgb,var(--vd-bg) 60%,transparent) 40%,transparent 100%)}}@supports not (background: color-mix(in srgb,red 50%,transparent)){.hero-scrim:where(.astro-AIIUP45X){background:linear-gradient(to right,var(--vd-bg) 0%,var(--vd-bg) 40%,transparent 100%)}}.hero-caption-strip:where(.astro-AIIUP45X){border-top-color:var(--vd-border);background:color-mix(in srgb,var(--vd-bg) 80%,transparent)}@supports not (background: color-mix(in srgb,red 50%,transparent)){.hero-caption-strip:where(.astro-AIIUP45X){background:var(--vd-bg)}}.mockup-code pre:before{margin-right:0!important}.vd-ex-section:where(.astro-SBWZIRH2){padding-bottom:0}.vd-ex-section:where(.astro-SBWZIRH2)>.vd-container-max{margin-bottom:1.75rem}.vd-ex:where(.astro-SBWZIRH2){border-top:1px solid var(--vd-border);border-bottom:1px solid var(--vd-border)}.vd-ex-bar:where(.astro-SBWZIRH2){border-bottom:1px solid var(--vd-border)}.vd-ex-bar-inner:where(.astro-SBWZIRH2){display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding-block:.875rem}@media (min-width: 640px){.vd-ex-bar-inner:where(.astro-SBWZIRH2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}}@media (min-width: 640px) and (max-width: 1023.98px){.vd-ex-bar-inner:where(.astro-SBWZIRH2)>label:where(.astro-SBWZIRH2):nth-child(odd):last-child{grid-column:1 / -1}}@media (min-width: 1024px){.vd-ex-bar-inner:where(.astro-SBWZIRH2){grid-template-columns:repeat(3,minmax(0,1fr))}.vd-ex-bar-inner:where(.astro-SBWZIRH2)>label:where(.astro-SBWZIRH2):nth-child(3n + 1):last-child{grid-column:span 3}.vd-ex-bar-inner:where(.astro-SBWZIRH2)>label:where(.astro-SBWZIRH2):nth-child(3n + 2):last-child{grid-column:span 2}}.vd-ex-bar-inner:where(.astro-SBWZIRH2)>label:where(.astro-SBWZIRH2){flex:none;cursor:pointer;display:grid;place-items:center;text-align:center;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}@media (min-width: 640px){.vd-ex-bar-inner:where(.astro-SBWZIRH2)>label:where(.astro-SBWZIRH2){white-space:normal}}.vd-ex-bar-inner:where(.astro-SBWZIRH2)>label:where(.astro-SBWZIRH2):hover{color:var(--vd-text);border-color:var(--vd-border-strong);background:var(--vd-wash)}.vd-ex-input:where(.astro-SBWZIRH2){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-SBWZIRH2){position:relative;min-width:0;padding-block:2rem}@media (min-width: 1024px){.vd-ex-stage:where(.astro-SBWZIRH2){padding-block:2.75rem}}.vd-ex-panel:where(.astro-SBWZIRH2){display:none}.vd-ex-panel--demo:where(.astro-SBWZIRH2) iframe{display:block;width:100%;border:0;border-radius:.5rem}@media (prefers-reduced-motion: reduce){.vd-ex-bar-inner:where(.astro-SBWZIRH2)>label:where(.astro-SBWZIRH2){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}}