@layer reset,tokens,base;@layer components{.listing-card{--listing-card-text:color-mix(in oklab, var(--color-text-secondary) 70%, transparent);--listing-card-text-hover:color-mix(in oklab, var(--color-text-secondary) 80%, transparent);gap:var(--space-12);margin:calc(-1 * var(--space-8));border-radius:var(--radius-card);padding:var(--space-8);transition:color var(--duration-slow) var(--ease-out), background-color var(--duration-slow) var(--ease-out), border-color var(--duration-slow) var(--ease-out), text-decoration-color var(--duration-slow) var(--ease-out);flex-direction:column;display:flex}.listing-card[data-inset]{margin:0}.listing-card-media{aspect-ratio:1200/630;border-radius:var(--radius-12);background:var(--color-card-placeholder) center / cover;outline:1px solid var(--color-surface-tint);flex-shrink:0;width:100%;overflow:hidden}.listing-card-image{object-fit:cover;width:100%;height:100%}.listing-card-copy{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.listing-card-meta{color:var(--listing-card-text);font-size:var(--text-12);line-height:var(--text-12-leading);font-weight:500}.listing-card-title,.listing-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.listing-card-title{color:var(--color-foreground);font-size:var(--text-18);line-height:var(--text-18-leading);transition:color var(--duration-moderate) var(--ease-in-out), background-color var(--duration-moderate) var(--ease-in-out), border-color var(--duration-moderate) var(--ease-in-out);font-weight:600}.listing-card-description{color:var(--listing-card-text);font-size:var(--text-14);line-height:var(--leading-relaxed)}@media (width>=40rem){.listing-card{align-items:center;gap:var(--space-24);margin:calc(-1 * var(--space-16));border-radius:var(--radius-24);padding:var(--space-16);flex-direction:row}.listing-card[data-inset]{margin:calc(-1 * var(--space-8))}.listing-card-media{width:15rem}.listing-card-meta{font-size:var(--text-14);line-height:var(--text-14-leading)}.listing-card-title{-webkit-line-clamp:1}.listing-card-description{font-size:var(--text-16)}}@media (hover:hover){.listing-card:hover{background:var(--color-card-hover)}.listing-card:hover .listing-card-description{color:var(--listing-card-text-hover)}}@media (prefers-reduced-motion:no-preference){.listing-card-image{transition:transform var(--duration-slow) var(--ease-out), translate var(--duration-slow) var(--ease-out), scale var(--duration-slow) var(--ease-out), rotate var(--duration-slow) var(--ease-out)}@media (hover:hover){.listing-card:hover .listing-card-image{scale:1.05}}}}@layer features,utilities;
