.project-preview{transition:background-color .18s ease-out}.project-preview[data-open=true]{background-color:var(--surface)}.project-preview[data-open=true]>a{color:var(--foreground)}.project-preview-popup{z-index:10;visibility:hidden;opacity:0;transform-origin:100% 100%;width:min(320px,100vw - 3rem);padding-bottom:16px;transition:opacity .18s ease-out,transform .18s cubic-bezier(.22,1,.36,1),visibility .18s;position:absolute;bottom:100%;right:16px;transform:translateY(6px)scale(.98)}.project-preview[data-open=true]{z-index:10}.project-preview[data-open=true] .project-preview-popup{visibility:visible;opacity:1;transform:translateY(0)scale(1)}.project-preview-card{border:1px solid var(--border-strong);background:var(--background);box-shadow:inset 0 1px 0 var(--border), 0 10px 24px #0000002e;border-radius:28px;padding:10px;position:relative}.project-preview-card-content{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:20px}@media (prefers-reduced-motion:reduce){.project-preview{transition:none}.project-preview-popup{transition:none;transform:none}}