@layer properties,theme,base,components;@layer utilities{.portal{--portal-accent:var(--color-accent);isolation:isolate}.portal:before{content:"";background:linear-gradient(90deg, transparent, var(--portal-accent), transparent);opacity:.45;height:1px;transition:opacity var(--dur-2) var(--ease-out);pointer-events:none;position:absolute;top:-1px;left:24px;right:24px}.portal:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px color-mix(in srgb, var(--portal-accent) 22%, transparent), 0 18px 48px -24px color-mix(in srgb, var(--portal-accent) 45%, transparent);opacity:0;transition:opacity var(--dur-3) var(--ease-out);pointer-events:none;z-index:-1;position:absolute;inset:-1px}.portal:hover:before,.portal:focus-within:before,.portal:hover:after,.portal:focus-within:after{opacity:1}.portal-dot{background:var(--portal-accent);border-radius:999px;flex-shrink:0;width:8px;height:8px}.portal-item:hover .portal-item-title,.portal-item:focus-visible .portal-item-title{color:var(--portal-accent)}.portal-frame{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-subtle);position:relative;overflow:hidden}.portal-frame.is-chart{background:#fff}.portal-frame>img,.portal-frame>picture>img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-3) var(--ease-out)}.portal-item:hover .portal-frame>img,.portal-item:hover .portal-frame>picture>img{transform:scale(1.025)}.portal-ruled{background-image:linear-gradient(to bottom, transparent 31px, var(--prose-rule) 31px);background-position:0 100%;background-repeat:repeat-y;background-size:100% 32px}@media (prefers-reduced-motion:reduce){.portal:before,.portal:after,.portal-frame>img,.portal-frame>picture>img{transition:none}.portal-item:hover .portal-frame>img,.portal-item:hover .portal-frame>picture>img{transform:none}}}