.reference-project-card{anchor-name:var(--reference-anchor)}.reference-project-card:has(.reference-project-popover:popover-open){border-color:color-mix(in srgb, var(--primary) 55%, var(--design-line))}.reference-project-popover{overscroll-behavior:contain;border:1px solid var(--design-line);width:min(23rem,100% - 1rem);height:fit-content;max-height:calc(100dvh - 2rem);color:var(--design-ink);background:#fff;border-radius:1.25rem;margin:auto;position:fixed;inset:0;overflow:auto;box-shadow:0 1rem 3.5rem #0f172a38,0 .2rem .7rem #0f172a17}@media not (min-width:40rem){.reference-project-popover{inset:auto 0 max(.5rem, env(safe-area-inset-bottom));max-height:80dvh}.reference-project-popover::backdrop{background:#0f172a33}}@media (min-width:40rem){@supports (position-area:right) and (position-try-fallbacks:flip-inline){.reference-project-popover:popover-open{position-anchor:var(--reference-anchor);position-area:right;align-self:anchor-center;position-try-fallbacks:flip-inline, --reference-popover-center;justify-self:start;width:min(23rem,43vw);margin:.75rem 0 .75rem .75rem;inset:auto}}}@position-try --reference-popover-center{position-area: none; inset: 0; margin: auto; align-self: auto; justify-self: auto;}@media (prefers-reduced-motion:no-preference){.reference-project-popover:popover-open{animation:reference-popover-enter var(--motion-panel) var(--motion-ease)}}@keyframes reference-popover-enter{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0}}