.preview-stage-sticky[data-v-071d75d4]{--preview-stage-available-block-size: 100dvh;--preview-stage-resting-block-size: min(25dvh, var(--preview-stage-available-block-size));--preview-stage-sticky-offset: 0rem;position:sticky;z-index:10;inset-block-start:var(--preview-stage-sticky-offset);box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0;align-self:stretch;overflow:clip;border-radius:var(--md-sys-shape-corner-extra-large);pointer-events:none}.preview-stage[data-v-071d75d4]{display:flex;box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0;block-size:var(--preview-stage-resting-block-size);min-block-size:0;align-items:safe center;justify-content:safe center;padding-block:clamp(.75rem,3dvh,2rem);padding-inline:clamp(1.25rem,5vw,4rem);overflow:auto;overscroll-behavior:contain;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background-color:var(--md-sys-color-surface-container-lowest);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--md-sys-color-outline) 22%,transparent) 1px,transparent 0);background-size:1rem 1rem;scrollbar-color:var(--md-sys-color-outline) transparent;scrollbar-width:thin;pointer-events:auto}.preview-stage-sticky--expanded .preview-stage[data-v-071d75d4]{block-size:-moz-max-content;block-size:max-content;min-block-size:var(--preview-stage-resting-block-size);max-block-size:var(--preview-stage-available-block-size)}.preview-stage[data-v-071d75d4]:focus-visible{border-color:var(--md-sys-color-primary);outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.preview-stage-sticky[data-v-071d75d4]:has(.preview-stage:focus-visible){outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.preview-stage-size-control[data-v-071d75d4]{position:absolute;z-index:1;inset-block-end:.75rem;inset-inline-end:.75rem;pointer-events:auto}@media(width>48rem){.preview-stage-sticky--unmeasured .preview-stage[data-v-071d75d4]{block-size:-moz-max-content;block-size:max-content;min-block-size:var(--preview-stage-resting-block-size);max-block-size:var(--preview-stage-available-block-size)}.preview-stage-sticky--unmeasured .preview-stage-size-control[data-v-071d75d4]{display:none}}.preview-stage-size-control-enter-active[data-v-071d75d4]{animation:preview-stage-size-control-enter-transform-071d75d4 var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized-decelerate) both,preview-stage-size-control-enter-opacity-071d75d4 var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard) both}.preview-stage-size-control-leave-active[data-v-071d75d4]{animation:preview-stage-size-control-leave-transform-071d75d4 var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized-accelerate) both,preview-stage-size-control-leave-opacity-071d75d4 var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard) both}@keyframes preview-stage-size-control-enter-transform-071d75d4{0%{transform:translateY(calc(100% + .75rem))}}@keyframes preview-stage-size-control-enter-opacity-071d75d4{0%{opacity:0}}@keyframes preview-stage-size-control-leave-transform-071d75d4{to{transform:translateY(calc(100% + .75rem))}}@keyframes preview-stage-size-control-leave-opacity-071d75d4{to{opacity:0}}@supports (interpolate-size: allow-keywords){.preview-stage[data-v-071d75d4]{interpolate-size:allow-keywords}.preview-stage-sticky--size-transition .preview-stage[data-v-071d75d4]{transition:block-size var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-emphasized)}}@media(width<52.5rem){.preview-stage-sticky[data-v-071d75d4]{--preview-stage-available-block-size: calc(100dvh - 4rem) ;--preview-stage-sticky-offset: 4rem}}@media(max-width:48rem){.preview-stage-sticky--stuck[data-v-071d75d4]{inline-size:calc(100% + 2 * var(--component-page-inline-padding));max-inline-size:none;margin-inline:calc(-1 * var(--component-page-inline-padding));border-start-start-radius:0;border-start-end-radius:0}.preview-stage-sticky--stuck .preview-stage[data-v-071d75d4]{border-start-start-radius:0;border-start-end-radius:0}}@media(prefers-reduced-motion:reduce){.preview-stage-sticky--size-transition .preview-stage[data-v-071d75d4]{transition-duration:0ms}.preview-stage-size-control-enter-active[data-v-071d75d4],.preview-stage-size-control-leave-active[data-v-071d75d4]{animation-duration:0ms}}