.demo-frame[data-astro-cid-3dv25ck2]{--demo-media-brightness:1.24;--demo-media-contrast:.94;--demo-media-lift:color-mix(in srgb, var(--color-support-blue-500) 22%, transparent);background:var(--color-support-blue-500);min-height:100svh;color:var(--color-text-white);position:relative;overflow:hidden}.demo-frame__media[data-astro-cid-3dv25ck2]{background:var(--color-support-blue-500);isolation:isolate;position:absolute;inset:0}.demo-frame__media[data-astro-cid-3dv25ck2] .hero-media{background:var(--color-support-blue-500)}.demo-frame__media[data-astro-cid-3dv25ck2] .hero-media__poster,.demo-frame__media[data-astro-cid-3dv25ck2] .hero-media__video{filter:grayscale(1) brightness(var(--demo-media-brightness)) contrast(var(--demo-media-contrast));mix-blend-mode:multiply}.demo-frame__media[data-astro-cid-3dv25ck2] .hero-media__poster{opacity:1;visibility:visible}.demo-frame__media[data-astro-cid-3dv25ck2] .hero-media__video{opacity:0;visibility:hidden;transition:none}.demo-frame__media[data-astro-cid-3dv25ck2] .hero-media:is([data-media-state=playing],[data-media-state=paused]) .hero-media__poster{opacity:0;visibility:hidden}.demo-frame__media[data-astro-cid-3dv25ck2] .hero-media:is([data-media-state=playing],[data-media-state=paused]) .hero-media__video{opacity:1;visibility:visible}.demo-frame__media[data-astro-cid-3dv25ck2]:after{z-index:1;background:var(--demo-media-lift);content:"";pointer-events:none;position:absolute;inset:0}.demo-frame__content[data-astro-cid-3dv25ck2]{z-index:1;justify-items:center;gap:var(--spacing-gap-xl);min-height:100svh;padding:var(--spacing-padding-xxl);grid-template-rows:auto 1fr auto;display:grid;position:relative}.demo-frame__brand[data-astro-cid-3dv25ck2]{width:8.212rem;height:1.5rem;display:block}.demo-frame__brand[data-astro-cid-3dv25ck2] img[data-astro-cid-3dv25ck2]{width:100%;height:100%}.demo-frame__brand[data-astro-cid-3dv25ck2]:focus-visible{outline-color:var(--color-neutral-white-full);box-shadow:0 0 0 var(--focus-ring-halo) var(--color-neutral-black)}.demo-frame__card[data-astro-cid-3dv25ck2]{border:var(--border-width-hairline) solid var(--color-neutral-grey-mid);border-radius:var(--radius-xl);width:min(100%,30rem);padding:var(--spacing-padding-xxl);background:var(--color-neutral-white-full);color:var(--color-text-black);align-self:center}.demo-frame__card--compact[data-astro-cid-3dv25ck2]{max-width:30rem}.demo-frame__footer[data-astro-cid-3dv25ck2]{align-items:center;gap:var(--spacing-gap-sm);text-align:center;flex-direction:column;display:flex}.demo-frame__footer[data-astro-cid-3dv25ck2] p[data-astro-cid-3dv25ck2],.demo-frame__footer[data-astro-cid-3dv25ck2] a[data-astro-cid-3dv25ck2]{font-family:var(--font-sans);font-size:var(--text-body-md);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.demo-frame__footer[data-astro-cid-3dv25ck2] p[data-astro-cid-3dv25ck2] a[data-astro-cid-3dv25ck2]{display:inline-block}.demo-frame__footer[data-astro-cid-3dv25ck2] a[data-astro-cid-3dv25ck2]:focus-visible{outline-color:var(--color-neutral-white-full);box-shadow:0 0 0 var(--focus-ring-halo) var(--color-neutral-black)}.demo-frame__back[data-astro-cid-3dv25ck2]{align-items:center;gap:var(--spacing-gap-xxs);text-decoration:none;display:inline-flex}.demo-frame__back[data-astro-cid-3dv25ck2] img[data-astro-cid-3dv25ck2]{width:var(--icon-size-xs);height:var(--icon-size-xs);flex:none;transform:rotate(180deg)}@media (width<=35rem){.demo-frame[data-astro-cid-3dv25ck2]{overflow-y:auto}.demo-frame__content[data-astro-cid-3dv25ck2]{gap:var(--spacing-gap-lg);padding:var(--spacing-padding-lg)}.demo-frame__card[data-astro-cid-3dv25ck2]{padding:var(--spacing-padding-lg)}.demo-frame__footer[data-astro-cid-3dv25ck2] p[data-astro-cid-3dv25ck2],.demo-frame__footer[data-astro-cid-3dv25ck2] a[data-astro-cid-3dv25ck2]{font-size:var(--text-menu)}}@media (width>=35.001rem) and (height<=52.499rem){.demo-frame__content[data-astro-cid-3dv25ck2]{gap:var(--spacing-gap-sm);padding-block:var(--spacing-padding-lg)}}@media (width<=35rem) and (height<=46.999rem){.demo-frame__content[data-astro-cid-3dv25ck2]{gap:var(--spacing-gap-sm);padding:var(--spacing-padding-sm)}}@media (prefers-reduced-motion:reduce){.demo-frame__media[data-astro-cid-3dv25ck2] .hero-media__video{display:none}}