.document-page.svelte-8wx0uu{width:100%}.document-page__frame.svelte-8wx0uu{--document-page-details-width:clamp(16rem, 22vw, 22rem);--document-page-column-gap:var(--md-ref-spacing-large);--document-page-inline-padding:var(--md-ref-spacing-medium);--document-page-viewer-preferred-width:var(--md-comp-page-shell-width);--document-page-viewer-height:max(32rem, calc(100svh - var(--app-header-height,0px) - var(--md-ref-spacing-extra-large)));--document-page-layout-width:calc(var(--document-page-details-width) + var(--document-page-column-gap) + var(--document-page-viewer-preferred-width) + 2 * var(--document-page-inline-padding));box-sizing:border-box;inline-size:min(100%, var(--document-page-layout-width));grid-template-areas:"details viewer";grid-template-columns:var(--document-page-details-width) minmax(0, 1fr);align-items:start;gap:var(--document-page-column-gap);max-inline-size:none;padding-inline:var(--document-page-inline-padding);padding-top:var(--md-ref-spacing-extra-large);padding-bottom:var(--md-comp-page-bottom-padding);margin-inline:auto;display:grid}.document-page__viewer.svelte-8wx0uu{width:100%;height:var(--document-page-viewer-height);grid-area:viewer;min-width:0;min-height:0;overflow:hidden}.document-page__details.svelte-8wx0uu{grid-area:details;align-self:start;width:100%;min-width:0}.document-page__description.svelte-8wx0uu{color:var(--md-sys-color-on-surface-variant);margin:0}@media (width<64rem){.document-page__frame.svelte-8wx0uu{grid-template-columns:minmax(0,1fr);grid-template-areas:"viewer""details";gap:0}.document-page__details.svelte-8wx0uu{padding-top:var(--md-ref-spacing-extra-large)}}