.masonry{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--masonry-min-width,17rem)), 1fr));align-items:start;gap:calc(var(--spacing) * 3);display:grid;position:relative}.masonry>[data-slot=masonry-item]{min-width:0}.masonry[data-measured]>[data-slot=masonry-item]{position:absolute}@supports (display:grid-lanes){.masonry{display:grid-lanes}}@property --catalog-x{syntax:"<percentage>";inherits:false;initial-value:0%}@property --catalog-y{syntax:"<percentage>";inherits:false;initial-value:0%}@property --catalog-near{syntax:"<number>";inherits:false;initial-value:0}[data-catalog-card]{--catalog-follow:calc(var(--catalog-near) * var(--catalog-near));--catalog-rest-x:0%;--catalog-rest-y:100%;--catalog-tint:10%;--catalog-edge:20%;border-color:color-mix(in srgb, var(--catalog-accent) var(--catalog-edge), var(--ui-stroke-tertiary));background:radial-gradient(140% 100% at calc(var(--catalog-rest-x) + (var(--catalog-x) - var(--catalog-rest-x)) * var(--catalog-follow)) calc(var(--catalog-rest-y) + (var(--catalog-y) - var(--catalog-rest-y)) * var(--catalog-follow)), color-mix(in srgb, var(--catalog-accent) var(--catalog-tint), transparent), transparent 70%) var(--ui-chat-bubble-background);transition:border-color .1s,box-shadow .1s,opacity .15s,filter .15s,--catalog-x 5s cubic-bezier(.2,.8,.2,1),--catalog-y 5s cubic-bezier(.2,.8,.2,1),--catalog-near 5s}:root.dark [data-catalog-card]{--catalog-rest-x:0%;--catalog-rest-y:0%;--catalog-tint:18%;--catalog-edge:24%}[data-catalog-card]:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent)}.catalog-grid{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));grid-auto-rows:minmax(16rem,auto);display:grid}[data-catalog-hover-group]:has([data-catalog-card]:hover) [data-catalog-card]:not(:hover){opacity:1;filter:saturate(.8)}@media (prefers-reduced-motion:reduce){[data-catalog-card]{transition:border-color .1s,box-shadow .1s,opacity .15s,filter .15s}}