@layer components{.listing-grid{transition:opacity var(--duration-fast) var(--ease-out);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .75rem;margin:0;padding:0;list-style:none;display:grid}.listing-grid[data-updating=true]{opacity:.55}@media (min-width:40rem){.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1rem}}@media (min-width:76rem){.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}:is(.listing-grid>li,.scroll-row>li:has(>.listing-card)){min-width:0;display:flex}.listing-card{--listing-card-action:32px;--listing-card-radius:14px;--listing-card-glass:#ffffff8c;--listing-card-glass-hover:#ffffffbf;--listing-card-glass-pressed:#ffffffe6;flex-direction:column;width:100%;min-width:0;display:flex;position:relative;container-type:inline-size}.listing-card:has(.listing-card-link:focus-visible) .listing-card-image{outline:2px solid var(--color-ink);outline-offset:-2px}.listing-card-image{border-radius:var(--listing-card-radius);aspect-ratio:4/5;background:var(--color-surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.listing-card-image img{object-fit:cover;width:100%;height:100%;transition:opacity var(--duration-fast) var(--ease-out)}.listing-card-image:has(.listing-card-photos){background:0 0;overflow:visible}.listing-card[data-available=false] .listing-card-image img{opacity:.6}.listing-card-no-photo{color:#a8a49c;justify-items:center;gap:.5rem;display:grid}.listing-card-photos{z-index:2;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:6px;display:flex;position:absolute;inset:0;overflow:auto hidden}.listing-card-photos::-webkit-scrollbar{display:none}.listing-card-photo{border-radius:var(--listing-card-radius);background:var(--color-surface);scroll-snap-align:start;scroll-snap-stop:always;flex:none;width:100%;height:100%;display:block;overflow:hidden}.listing-card-arrow{z-index:3;background:var(--listing-card-glass);width:28px;height:28px;min-height:28px;color:var(--color-ink);opacity:0;-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);transition:opacity var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;margin-top:-14px;padding:0;display:none;position:absolute;top:50%}.listing-card-arrow[data-side=start]{left:.5rem}.listing-card-arrow[data-side=end]{right:.5rem}@media (hover:hover) and (pointer:fine){.listing-card-arrow:not([hidden]){display:inline-flex}.listing-card:hover .listing-card-arrow{opacity:1}.listing-card-arrow:hover{background:var(--listing-card-glass-hover)}}.listing-card-dots{z-index:3;pointer-events:none;gap:4px;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.listing-card-dots>span{width:6px;height:6px;transition:background-color var(--duration-fast) var(--ease-out);background:#ffffff8c;border-radius:50%;box-shadow:0 0 2px #0000004d}.listing-card-dots>[data-active=true]{background:#fff}.listing-card-badge{z-index:3;background:var(--color-ink);color:#fff;border-radius:9999px;padding:.125rem .5rem;position:absolute;top:.5rem;left:.5rem}.listing-card-body{flex-direction:column;flex:1;padding-top:.625rem;display:flex}.listing-card-line{text-overflow:ellipsis;white-space:nowrap;min-height:1.4em;overflow:hidden}.listing-card .listing-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin-block:.125rem;display:-webkit-box;overflow:hidden}.listing-card-link{text-decoration:none}.listing-card-link:focus-visible{outline:none}.listing-card-link:after{z-index:1;content:"";position:absolute;inset:0}.listing-card-meta{display:grid;overflow:hidden}.listing-card-meta>*{grid-area:1/1}.listing-card-seller{z-index:2;min-width:0;color:var(--color-ink);justify-self:start;align-items:center;gap:.375rem;text-decoration:none;display:none;position:relative}.listing-card-seller:hover .type{text-decoration:underline}.listing-card-seller-avatar{background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.5625rem;font-weight:700;display:inline-flex}.listing-card-footer{min-height:var(--listing-card-action);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.375rem;display:flex}.listing-card-price.type-body{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.125rem;font-weight:600;line-height:1.3;overflow:hidden}@container (max-width:11rem){.listing-card{--listing-card-action:30px}.listing-card-price.type-body{font-size:1.0625rem}}.listing-card-in-cart{z-index:2;color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out);flex-shrink:0;align-items:center;gap:.25rem;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover){.listing-card-in-cart:hover{color:var(--color-ink)}}.listing-card-watch{z-index:3;display:flex;position:absolute;top:.5rem;right:.5rem}.listing-card-cart{z-index:2;flex-shrink:0;margin-right:-.375rem;display:flex;position:relative}.listing-card-cart .listing-card-action{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}@media (hover:hover){.listing-card-cart .listing-card-action:hover{background:#0000000d}}.listing-card-cart .listing-card-action:active{background:#0000001a}.listing-card-action{width:var(--listing-card-action);min-height:var(--listing-card-action);height:var(--listing-card-action);background:var(--listing-card-glass);color:var(--color-ink);-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);transition:background-color var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}@media (pointer:coarse){.listing-card-action:after{content:"";position:absolute;inset:-6px}}@media (hover:hover){.listing-card-action:hover{background:var(--listing-card-glass-hover)}}.listing-card-action:active{background:var(--listing-card-glass-pressed)}.listing-card-action[aria-disabled=true]{cursor:default}.listing-card-action[data-watched=true] svg{animation:listing-card-pop var(--duration-fast) var(--ease-out)}@keyframes listing-card-pop{0%{transform:scale(.8)}to{transform:scale(1)}}@media (hover:hover) and (pointer:fine){.listing-card{--listing-card-reveal:.375rem}.listing-card-seller{opacity:0;pointer-events:none;translate:0 var(--listing-card-reveal);display:flex}.listing-card-meta>.listing-card-line,.listing-card-seller{transition:opacity var(--duration-reveal) var(--ease-out), translate var(--duration-reveal) var(--ease-out)}.listing-card-action{transition:background-color var(--duration-fast) var(--ease-out), opacity var(--duration-reveal) var(--ease-out), translate var(--duration-reveal) var(--ease-out)}.listing-card-action:not([data-watched=true]){opacity:0;translate:0 var(--listing-card-reveal)}.listing-card:is(:hover,:has(:focus-visible)) .listing-card-seller{opacity:1;pointer-events:auto;translate:0}.listing-card:is(:hover,:has(:focus-visible)) .listing-card-meta>.listing-card-line{opacity:0;translate:0 calc(-1 * var(--listing-card-reveal))}.listing-card:is(:hover,:has(:focus-visible)) .listing-card-action{opacity:1;translate:0}.listing-card:is(:hover,:has(:focus-visible)) .listing-card-cart .listing-card-action{transition-delay:0s,30ms,30ms}}@media (max-width:40rem){.listing-card-toast .toast{right:var(--page-gutter);bottom:calc(64px + .75rem + env(safe-area-inset-bottom));left:var(--page-gutter);width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.listing-card{--listing-card-reveal:0px}.listing-card-action{transition:none}.listing-card-action[data-watched=true] svg{animation:none}}}