.channel.svelte-1xyyqcy{position:sticky;top:0;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-background);padding:8px 16px;margin:0 0 16px}.channel.svelte-1xyyqcy .name:where(.svelte-1xyyqcy){font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.channel.svelte-1xyyqcy .icon:where(.svelte-1xyyqcy){width:32px;height:32px;border-radius:16px}.announcement.svelte-1xyyqcy{display:flex;flex-direction:column;gap:12px}.announcement.svelte-1xyyqcy .header-image:where(.svelte-1xyyqcy){max-height:50vh;align-self:center;margin:0 0 8px;object-fit:contain;width:auto;height:auto}@media (min-width: 600px){.announcement.svelte-1xyyqcy .header-image:where(.svelte-1xyyqcy){border-radius:16px}}.announcement.svelte-1xyyqcy .date:where(.svelte-1xyyqcy){padding:0 16px;color:var(--color-text-subtle);font-size:15px}.announcement.svelte-1xyyqcy .title:where(.svelte-1xyyqcy){font-size:24px;font-weight:700;padding:0 16px}.announcement.svelte-1xyyqcy .body:where(.svelte-1xyyqcy){padding:0 16px;white-space:pre-wrap;line-height:1.4}.announcement.svelte-1xyyqcy .images-box:where(.svelte-1xyyqcy){margin:8px 4px 0;display:flex}.announcement.svelte-1xyyqcy .images-box:where(.svelte-1xyyqcy) .image-box:where(.svelte-1xyyqcy){display:contents;cursor:pointer}.announcement.svelte-1xyyqcy .images-box:where(.svelte-1xyyqcy) .single-image:where(.svelte-1xyyqcy){margin:0 auto;object-fit:contain;max-height:90vh;width:auto;height:auto}@media (min-width: 600px){.announcement.svelte-1xyyqcy .images-box:where(.svelte-1xyyqcy) .single-image:where(.svelte-1xyyqcy){border-radius:16px}}.announcement.svelte-1xyyqcy .images-box:where(.svelte-1xyyqcy) .images-grid:where(.svelte-1xyyqcy){display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}.announcement.svelte-1xyyqcy .images-box:where(.svelte-1xyyqcy) .images-grid:where(.svelte-1xyyqcy) .image-box:where(.svelte-1xyyqcy){display:flex;aspect-ratio:1}.announcement.svelte-1xyyqcy .images-box:where(.svelte-1xyyqcy) .images-grid:where(.svelte-1xyyqcy) .image-box:where(.svelte-1xyyqcy) img:where(.svelte-1xyyqcy){aspect-ratio:1;object-fit:cover;border-radius:16px;margin:auto;width:fit-content;height:fit-content}.zoom-image.svelte-1xyyqcy{margin:auto;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}