.avatar-uploader.svelte-1jj84c2{width:100%}.upload-area.svelte-1jj84c2{border:2px dashed var(--color-border);border-radius:.5rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .25s;background:var(--color-bg-tertiary)}.upload-area.svelte-1jj84c2:hover{border-color:var(--color-primary);background:#00b4d81a}.upload-area.drag-active.svelte-1jj84c2{border-color:var(--color-primary);background:#00b4d826}.upload-area.uploading.svelte-1jj84c2{border-color:var(--color-primary);background:#00b4d826;cursor:wait}.upload-area.success.svelte-1jj84c2{border-color:var(--color-success);background:#00ff881a}.upload-area.error.svelte-1jj84c2{border-color:var(--color-error);background:#ff3b301a}body:has([data-media-viewer-open]){overflow:hidden}.post-media-grid.svelte-8ynwx5{--pmg-gap: 2px;--pmg-max-height: min(70vh, 520px);display:grid;width:100%;max-width:100%;gap:var(--pmg-gap);overflow:hidden;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent)}.post-media-grid--compact.svelte-8ynwx5{--pmg-max-height: min(55vh, 360px)}.post-media-grid__cell.svelte-8ynwx5{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--color-bg-tertiary)}.post-media-grid__button.svelte-8ynwx5{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative}.post-media-grid__button.svelte-8ynwx5:hover{opacity:.92}.post-media-grid__image.svelte-8ynwx5{display:block;width:100%;height:100%;object-fit:cover}.post-media-grid__skeleton.svelte-8ynwx5{width:100%;height:100%;min-height:12rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--color-bg-tertiary)}.post-media-grid__more.svelte-8ynwx5{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:clamp(1.25rem,4vw,2rem);font-weight:600;font-family:var(--font-body);pointer-events:none}.post-media-grid--single.svelte-8ynwx5{grid-template-columns:1fr;max-height:var(--pmg-max-height)}.post-media-grid--single.svelte-8ynwx5 .post-media-grid__cell:where(.svelte-8ynwx5){max-height:var(--pmg-max-height)}.post-media-grid--single.svelte-8ynwx5 .post-media-grid__image:where(.svelte-8ynwx5){object-fit:contain;max-height:var(--pmg-max-height);height:auto}.post-media-grid--duo-side.svelte-8ynwx5{grid-template-columns:1fr 1fr;aspect-ratio:1 / 1;max-height:var(--pmg-max-height)}.post-media-grid--duo-stack.svelte-8ynwx5{grid-template-columns:1fr;grid-template-rows:1fr 1fr;aspect-ratio:4 / 3;max-height:var(--pmg-max-height)}.post-media-grid--trio-feature-left.svelte-8ynwx5{grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;aspect-ratio:1 / 1;max-height:var(--pmg-max-height)}.post-media-grid--trio-feature-left.svelte-8ynwx5 .post-media-grid__cell:where(.svelte-8ynwx5):first-child{grid-row:1 / span 2}.post-media-grid--trio-feature-top.svelte-8ynwx5{grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr;aspect-ratio:4 / 3;max-height:var(--pmg-max-height)}.post-media-grid--trio-feature-top.svelte-8ynwx5 .post-media-grid__cell:where(.svelte-8ynwx5):first-child{grid-column:1 / span 2}.post-media-grid--trio-row.svelte-8ynwx5{grid-template-columns:repeat(3,1fr);aspect-ratio:3 / 1;max-height:var(--pmg-max-height)}.post-media-grid--quad.svelte-8ynwx5{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1 / 1;max-height:var(--pmg-max-height)}.post-media-grid--mosaic-portrait.svelte-8ynwx5{grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(3,1fr);aspect-ratio:1 / 1;max-height:var(--pmg-max-height)}.post-media-grid--mosaic-portrait.svelte-8ynwx5 .post-media-grid__cell:where(.svelte-8ynwx5):first-child{grid-row:1 / span 3}.post-media-grid--mosaic-landscape.svelte-8ynwx5{grid-template-columns:repeat(3,1fr);grid-template-rows:1.4fr 1fr;aspect-ratio:4 / 3;max-height:var(--pmg-max-height)}.post-media-grid--mosaic-landscape.svelte-8ynwx5 .post-media-grid__cell:where(.svelte-8ynwx5):first-child{grid-column:1 / span 3}@media(max-width:480px){.post-media-grid--trio-row.svelte-8ynwx5{aspect-ratio:1 / 1;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-media-grid--trio-row.svelte-8ynwx5 .post-media-grid__cell:where(.svelte-8ynwx5):first-child{grid-column:1 / span 2}}
