[data-theme=dark] .listing-card.svelte-xk5g9d{--listing-card-bg: var(--color-card-bg);--listing-card-bg-hover: var(--color-card-bg-hover)}[data-theme=dark] .listing-card.svelte-xk5g9d,[data-theme=brown] .listing-card.svelte-xk5g9d{background-color:var(--listing-card-bg, rgb(255 255 255 / .1))}@media(max-width:767px){.compact-mobile-shell.svelte-xk5g9d,.compact-mobile.svelte-xk5g9d{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;min-width:0}.compact-mobile.svelte-xk5g9d .card-cover:where(.svelte-xk5g9d){height:auto;min-height:112px;max-height:160px;aspect-ratio:4 / 3}.compact-mobile.svelte-xk5g9d .card-topic:where(.svelte-xk5g9d)>span{padding:.25rem .5rem;font-size:max(var(--minimum-font-size, 0px),.8125rem);line-height:1rem}.compact-mobile.svelte-xk5g9d .card-info:where(.svelte-xk5g9d){display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;min-width:0;text-align:left}.compact-mobile.svelte-xk5g9d .card-info-body:where(.svelte-xk5g9d){display:flex;flex-direction:column;min-width:0}.compact-mobile.svelte-xk5g9d .card-info-body:where(.svelte-xk5g9d)>*{order:2}.compact-mobile.svelte-xk5g9d .card-info:where(.svelte-xk5g9d)>h3:where(.svelte-xk5g9d){order:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.35;min-height:calc(1.35em + .75rem);overflow-wrap:anywhere}.compact-mobile.svelte-xk5g9d .card-price:where(.svelte-xk5g9d){order:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .5rem;margin:.5rem 0 0;padding-top:0}.compact-mobile.svelte-xk5g9d .card-price:where(.svelte-xk5g9d)>.h-px:where(.svelte-xk5g9d){display:none}.compact-mobile.svelte-xk5g9d .card-price-main:where(.svelte-xk5g9d){flex-wrap:wrap;justify-content:flex-start;gap:.25rem;margin-top:0}.compact-mobile.svelte-xk5g9d .card-price-unit:where(.svelte-xk5g9d),.compact-mobile.svelte-xk5g9d [data-card-attributes]:where(.svelte-xk5g9d){justify-content:flex-start;margin-top:0}.compact-mobile.svelte-xk5g9d .card-sale-time:where(.svelte-xk5g9d){order:1;flex-basis:100%;text-align:left}.compact-mobile.svelte-xk5g9d .card-score{min-height:18px;margin-top:.5rem;padding-inline:0;justify-content:flex-start}.compact-mobile.svelte-xk5g9d .card-metrics:where(.svelte-xk5g9d){order:3;margin-top:.5rem}.compact-mobile.svelte-xk5g9d .card-stats:where(.svelte-xk5g9d){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.compact-mobile.svelte-xk5g9d [data-stat]:where(.svelte-xk5g9d){display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0;border:0;text-align:left}.compact-mobile.svelte-xk5g9d [data-stat=payback]:where(.svelte-xk5g9d){order:1;grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 .375rem}.compact-mobile.svelte-xk5g9d .card-earnings:where(.svelte-xk5g9d){order:4;margin-top:.5rem}.compact-mobile.svelte-xk5g9d .card-seller:where(.svelte-xk5g9d){padding:.125rem .5rem .125rem .125rem;max-width:calc(100% - 1rem);gap:.25rem;font-size:max(var(--minimum-font-size, 0px),.8125rem);line-height:1.125rem}.compact-mobile.svelte-xk5g9d .card-seller:where(.svelte-xk5g9d)>div{width:1.75rem;height:1.75rem}.compact-mobile.mobile-favorite.svelte-xk5g9d .card-seller:where(.svelte-xk5g9d){max-width:calc(100% - 60px)}.compact-mobile.svelte-xk5g9d .card-seller:where(.svelte-xk5g9d):after{content:"";position:absolute;inset:-6px 0;border-radius:inherit}}@media(max-width:359px){.compact-mobile.svelte-xk5g9d .card-stats:where(.svelte-xk5g9d){display:flex;align-items:flex-start;gap:.25rem}.compact-mobile.svelte-xk5g9d [data-stat]:where(.svelte-xk5g9d){flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 .375rem}}@media(hover:hover)and (pointer:fine){.listing-card.svelte-xk5g9d:hover{border-color:var(--color-card-border-hover);transform:scale(1.02);box-shadow:0 8px 24px var(--color-card-hover-shadow),0 0 0 1px var(--color-card-border-hover)}[data-theme=dark] .listing-card.svelte-xk5g9d:hover,[data-theme=brown] .listing-card.svelte-xk5g9d:hover{border-color:rgb(var(--color-glass) / .2);background-color:var(--listing-card-bg-hover, rgb(255 255 255 / .15));box-shadow:0 12px 32px #0000004d}}
