.link-preview{background:var(--b-surface-container-low,var(--color-card));width:min(320px,100vw - 32px);color:var(--color-ink);box-shadow:0 1px 0 color-mix(in srgb, var(--color-ink) 6%, transparent), 0 18px 40px -20px color-mix(in srgb, var(--color-ink) 45%, transparent);outline:1px solid var(--b-outline-variant,var(--color-line));font-family:var(--font-sans);text-align:left;pointer-events:none;opacity:1;transition:opacity .18s var(--ease-site), transform .22s var(--ease-site), background-color var(--duration-theme) var(--ease-theme), color var(--duration-theme) var(--ease-theme), outline-color var(--duration-theme) var(--ease-theme), box-shadow var(--duration-theme) var(--ease-theme), display .22s allow-discrete, overlay .22s allow-discrete;border:0;border-radius:16px;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden;transform:translateY(0)}.link-preview:not(:popover-open){display:none}@starting-style{.link-preview:popover-open{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.link-preview{transition:opacity .12s linear;transform:none}.link-preview__cover{transition:none}@starting-style{.link-preview:popover-open{transform:none}}}.link-preview__cover{aspect-ratio:2;object-fit:cover;background:var(--b-primary-container,var(--color-tray));width:100%;transition:background-color var(--duration-theme) var(--ease-theme);display:block}.link-preview__body{gap:4px;padding:12px 14px 14px;display:grid}.link-preview__title{font-size:16px;font-weight:600;line-height:1.3}.link-preview__desc{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.link-preview__meta{color:var(--color-muted);font-size:12px}
