.page-header.svelte-1eh0mcm{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.info.svelte-1eh0mcm{display:flex;align-items:center;gap:.75rem}.image-container.svelte-1eh0mcm{view-transition-name:page-header-image;position:relative;flex-shrink:0;.image-accent:where(.svelte-1eh0mcm){position:absolute;bottom:0;left:50%;translate:-50% 50%}}.image-link.svelte-1eh0mcm{transition:filter .2s ease;&:hover{filter:brightness(1.3)}}.image-frame.svelte-1eh0mcm{--borderColor: var(--shade5);--radii: var(--br-xl);position:relative;width:fit-content;height:fit-content;background-color:var(--shade5);border-radius:var(--radii);border:2px solid var(--borderColor);&:has(img[src]:where(.svelte-1eh0mcm)){background-color:transparent}&.round,&.round img:where(.svelte-1eh0mcm){border-radius:50%}&.borderless{border-color:transparent;img:where(.svelte-1eh0mcm){border-color:transparent}}img:where(.svelte-1eh0mcm){--size: 4rem;width:var(--size);height:var(--size);object-fit:cover;border:2px solid var(--shade9);border-radius:calc(var(--radii) - 2px);@container (inline-size <= 900px){--size: 3.25rem}@container (inline-size <= 700px){--size: 3rem}}.text:where(.svelte-1eh0mcm){position:absolute;bottom:0;left:50%;translate:-50% 35%;background:var(--shade9);padding:.125rem .5rem;border-radius:var(--br-xl)}}.title.svelte-1eh0mcm{view-transition-name:page-header-title;max-width:54ch;text-overflow:ellipsis;overflow:clip;.title-caption:where(.svelte-1eh0mcm){color:var(--shade2)}@container (inline-size <= 900px){font-size:1.25rem}@container (inline-size <= 700px){font-size:1rem}}.subtitle.svelte-1eh0mcm{view-transition-name:page-header-subtitle;display:flex;align-items:baseline;gap:1ch;color:var(--shade2);@container (inline-size <= 700px){align-items:center;font-size:.75rem}.bullet:where(.svelte-1eh0mcm){color:var(--shade4)}}.share-button.svelte-1eh0mcm{--color: var(--shade3);position:relative;color:var(--color);background-color:color-mix(in hsl,var(--color) 10%,transparent);border-radius:var(--br-lg);padding:.25rem;transition:background-color var(--transition),color var(--transition);&:hover{--color: var(--shade1);background-color:color-mix(in hsl,var(--color) 25%,transparent)}&.copied{--color: var(--lime)}}.share-button-tooltip.svelte-1eh0mcm{background:var(--shade9);padding:.5rem;border-radius:var(--br);&.copied{color:var(--lime)}}.right.svelte-1eh0mcm{flex-shrink:0;display:flex;flex-direction:row;gap:1rem}
