@layer components{html.dark .props-finder{--props-shade: black;--props-ink-0: var(--color-white);--props-ink-4: color-mix(in srgb, var(--color-text) 46%, color-mix(in srgb, var(--brand-purple) 9%, var(--color-bg)))}.props-finder{--props-accent: var(--brand-purple);--props-gap: 6px;--props-card-bg: color-mix(in srgb, var(--color-bg) 80%, var(--props-shade));--props-shade: var(--color-surface);--props-ink-0: var(--color-text);--props-ink-1: color-mix(in srgb, var(--color-text) 85%, color-mix(in srgb, var(--brand-purple) 29%, var(--color-bg)));--props-ink-2: color-mix(in srgb, var(--color-text) 69%, color-mix(in srgb, var(--brand-purple) 16%, var(--color-bg)));--props-ink-3: color-mix(in srgb, var(--color-text) 58%, color-mix(in srgb, var(--brand-purple) 19%, var(--color-bg)));--props-ink-4: color-mix(in srgb, var(--color-text) 62%, color-mix(in srgb, var(--brand-purple) 9%, var(--color-bg)));--color-text-secondary: var(--props-ink-2);--color-text-muted: var(--props-ink-4);color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;padding:1rem 16px}.props-finder.is-pm{--props-accent: var(--brand-deep-blue)}.props-title{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.props-title__text{display:flex;flex-direction:column;gap:.2rem}.props-title__name{display:flex;gap:.45rem;align-items:center;margin:0;font-size:17.5px;font-weight:600;letter-spacing:-0.02em;color:var(--color-text)}.props-title__sep,.props-title__league{font-weight:300}.props-title__meta{margin:0;font-size:11px;color:var(--color-text-muted)}.props-title__meta strong{font-weight:600;color:var(--color-text-secondary)}.props-freshness{display:inline-flex;gap:.35rem;align-items:center;height:21.5px;padding-inline:7px;font-size:11px;font-weight:600;color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);border-radius:5px}.props-freshness strong{font-weight:600;color:var(--color-text)}.props-freshness.is-stale .props-freshness__dot{background:var(--color-warning);box-shadow:none}.props-freshness__dot{width:4px;height:4px;background:var(--brand-green-blend);border-radius:var(--radius-full);box-shadow:0 0 3.5px var(--brand-green-blend)}.props-hero{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:28px 1rem 32px;background:linear-gradient(90deg, var(--brand-blue), var(--brand-mint), var(--brand-purple)) bottom/100% 1px no-repeat}.props-panel{background:radial-gradient(70% 50% at 18% 0%, color-mix(in srgb, var(--props-accent) 30%, transparent) 0%, color-mix(in srgb, var(--props-accent) 10%, transparent) 50%, transparent 80%),radial-gradient(60% 40% at 90% 100%, color-mix(in srgb, var(--props-accent) 16%, transparent) 0%, transparent 70%),linear-gradient(color-mix(in srgb, white 6%, transparent), color-mix(in srgb, white 2%, transparent)),color-mix(in srgb, var(--color-bg) 95%, var(--props-accent));border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);border-radius:9px;box-shadow:inset 0 1px 0 color-mix(in srgb, white 18%, transparent)}.props-hero__wordmark{margin:0;font-size:clamp(2.25rem,5vw,42.5px);line-height:1.2;letter-spacing:-0.035em;color:var(--props-ink-0)}.props-hero__lead{font-weight:600}.props-hero__tail{font-weight:300}.props-hero__plus{font-weight:600;color:var(--brand-mint)}.props-hero__search{position:relative;width:min(100%,531px)}.props-hero__search-icon{position:absolute;top:50%;left:13px;width:13px;height:13px;color:var(--color-text-muted);pointer-events:none;transform:translateY(-50%)}.props-hero__input{box-sizing:border-box;width:100%;height:41px;padding:0 104px 0 34px;font-family:var(--font-sans);font-size:11.5px;color:var(--color-text);background:color-mix(in srgb, var(--color-text) 6%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 16%, transparent);border-radius:7px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 14%, transparent),0 6px 18px rgba(0,0,0,.35)}.props-hero__input::placeholder{color:var(--color-text-muted)}.props-hero__input:focus-visible{outline:2px solid color-mix(in srgb, var(--props-accent) 70%, transparent);outline-offset:2px}.props-hero__go{position:absolute;top:50%;right:5px;display:inline-flex;gap:0;align-items:center;height:28px;padding:0 10px;font-size:11px;letter-spacing:-0.02em;color:var(--props-ink-0);cursor:pointer;background:color-mix(in srgb, var(--color-text) 4%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:5px;transform:translateY(-50%)}.props-hero__go svg{width:11px;height:11px;margin-left:4px;color:var(--brand-mint)}.props-hero__go:hover{background:color-mix(in srgb, var(--color-text) 9%, transparent);border-color:color-mix(in srgb, var(--color-text) 30%, transparent)}.props-hero__input::-webkit-search-cancel-button,.props-hero__input::-webkit-search-decoration,.props-lab-card__input::-webkit-search-cancel-button,.props-lab-card__input::-webkit-search-decoration{appearance:none}.props-search__results{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:30;max-height:22rem;padding:3.5px;margin:0;overflow-y:auto;text-align:left;list-style:none;background:color-mix(in srgb, var(--color-bg) 95%, var(--brand-purple));border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.6)}.props-search__option{display:flex;gap:.6rem;align-items:center;padding:4.8px 5.5px;cursor:pointer;border-radius:4px}.props-search__option.is-active{background:color-mix(in srgb, var(--color-text) 5%, transparent)}.props-search__logo{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;height:22px}.props-search__logo img,.props-search__logo svg{max-width:100%;max-height:100%}.props-search__text{display:flex;flex:1;flex-direction:column;min-width:0}.props-search__name{overflow:hidden;font-size:13px;font-weight:600;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.props-search__meta,.props-search__count{font-size:11px;color:var(--color-text-muted)}.props-search__count{flex:none;font-weight:600;color:var(--color-text-secondary)}.props-hero__go-lead{font-weight:600}.props-hero__go-tail{font-weight:300}.props-venue-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;font-size:11px;color:var(--color-text-muted)}.props-venue-strip__label{font-weight:600;text-transform:uppercase;letter-spacing:.18em}.props-venue-strip__list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}.props-venue-strip__venue{display:inline-flex;gap:4px;align-items:center;height:18.5px;color:var(--color-text-secondary);opacity:.72}.props-venue-strip__venue .props-venue-strip__logo{width:13px;height:13px;object-fit:contain;border-radius:3px}.props-board{padding:14px 7px 7px;display:flex;flex-direction:column;gap:.9rem}.props-board__head{display:flex;flex-wrap:wrap;gap:.75rem;align-items:baseline}.props-board__title{margin:0;font-size:18.5px;font-weight:600;letter-spacing:-0.02em;color:var(--color-text)}.props-board__note{margin:0;font-size:.8rem;color:var(--color-text-muted)}.props-board__note a{display:inline-block;padding:0 5.4px;color:var(--color-text);text-decoration:none;background:color-mix(in srgb, var(--color-text) 5%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 20%, transparent);border-radius:3.6px}.props-board__rows{display:flex;flex-direction:column;gap:1.25rem}.props-board__empty,.props-board__foot{margin:0;font-size:.8rem;color:var(--color-text-muted)}.props-board__empty{padding:2rem 1rem;text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.props-filters{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.props-filters__fields{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.props-filters__static{display:inline-flex;gap:.3rem;align-items:center;height:29px;padding-inline:8px;font-size:11px;color:var(--props-ink-1);background:color-mix(in srgb, var(--color-text) 7%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 16%, transparent);border-radius:5px}.props-filters__static strong{font-weight:600;color:var(--color-text)}.props-mode-toggle{display:inline-flex;flex-shrink:0;gap:0;align-items:center;height:29px;padding:0 10px;font-size:11px;letter-spacing:.01em;color:var(--props-ink-0);text-decoration:none;background:color-mix(in srgb, var(--color-text) 4%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 16%, transparent);border-radius:5px}.props-mode-toggle:hover{background:color-mix(in srgb, var(--color-text) 9%, transparent);border-color:color-mix(in srgb, var(--color-text) 34%, transparent);box-shadow:0 0 8px color-mix(in srgb, white 8%, transparent)}.props-mode-toggle.is-pm{border-color:var(--brand-deep-blue);box-shadow:0 0 14px color-mix(in srgb, var(--brand-deep-blue) 45%, transparent)}.props-mode-toggle__lead{font-weight:600}.props-mode-toggle__tail{font-weight:300}.props-mode-toggle__plus{font-weight:600;color:var(--brand-mint)}.props-filters .filter-btn.is-inline{min-height:29px;padding:0 8px;font-size:11px;font-weight:500;color:var(--props-ink-1);background:color-mix(in srgb, var(--color-text) 7%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 25%, var(--color-bg));border-radius:5px}.props-filters .filter-btn.is-inline .filter-btn__value{font-weight:600;color:var(--color-text)}.props-filters .filter-btn.is-inline .filter-btn__chevron{width:11px;height:11px;color:var(--color-text-muted)}@media(width <= 768px){.props-filters .filter-btn.is-inline{min-height:44px}}.props-filters .filter-panel{padding:3.5px;background:linear-gradient(color-mix(in srgb, var(--color-bg) 87%, var(--brand-purple) 13%), var(--color-bg));border:1px solid color-mix(in srgb, var(--color-text) 16%, transparent);border-radius:6px;box-shadow:inset 0 .5px 0 color-mix(in srgb, white 20%, transparent),0 9px 21.5px rgba(0,0,0,.55)}.props-filters .filter-item{padding:5.4px 5.5px;color:var(--color-text-secondary);border-radius:4px}.props-filters .filter-item:hover,.props-filters .filter-item.active,.props-filters .filter-item.filter-item--selected{color:var(--color-text);background:color-mix(in srgb, white 8%, transparent)}.props-filters .pill-group{gap:0;height:29px;padding:1px;background:color-mix(in srgb, var(--color-text) 5%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:5px}.props-filters .pill{min-width:0;min-height:25px;padding:0 10px;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--props-ink-3);background:rgba(0,0,0,0);border:0;border-radius:5px}.props-filters .pill.active{font-weight:600;color:var(--color-text);background:linear-gradient(color-mix(in srgb, white 18%, transparent), color-mix(in srgb, white 8%, transparent));box-shadow:inset 0 .5px 0 color-mix(in srgb, white 25%, transparent),0 2px 6px rgba(0,0,0,.35)}.props-row{display:flex;flex-direction:column;gap:.45rem}.props-row__head{display:flex;align-items:baseline;justify-content:space-between}.props-row__label{margin:0;font-size:11px;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.18em}.props-row__count{font-size:11px;font-weight:300;color:var(--color-text-muted)}.props-row__body{position:relative}@media(width >= 1440px){.props-row__body{max-width:calc(round(down,100% + var(--props-gap),271px + var(--props-gap)) - var(--props-gap))}}.props-row__strip{display:grid;grid-auto-columns:min(271px,(100% - 4*var(--props-gap))/5);grid-auto-flow:column;gap:var(--props-gap);padding:4px;margin:-4px;overflow-x:auto;scroll-padding-inline:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.props-row__strip::-webkit-scrollbar{display:none}.props-row__next[hidden]{display:none}.props-row__next{position:absolute;top:50%;right:-11px;display:grid;place-items:center;width:20px;height:20px;color:var(--color-text);cursor:pointer;background:color-mix(in srgb, var(--color-bg) 92%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);border-radius:5px;box-shadow:0 3.5px 11px rgba(0,0,0,.5);translate:0 -50%}.props-row__next:hover{background:color-mix(in srgb, var(--color-text) 6%, var(--color-bg));border-color:color-mix(in srgb, var(--color-text) 40%, transparent)}.props-row__next svg{width:11px;height:11px}.props-row-frame{display:block}.props-row__rest{display:block}.props-row__rest:has(.props-card){display:contents}.props-card-skeleton{position:relative;height:100%;min-height:227.3px;overflow:hidden;background:var(--color-skeleton);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:6px}.props-card-skeleton__shine{position:absolute;inset:0;background:linear-gradient(90deg, transparent, var(--color-skeleton), transparent);animation:props-skeleton-shine 1.4s ease-in-out infinite}@media(prefers-reduced-motion: reduce){.props-card-skeleton__shine{animation:none}}@keyframes props-skeleton-shine{from{translate:-100% 0}to{translate:100% 0}}.props-card{position:relative;display:flex;flex-direction:column;gap:7px;align-items:center;padding:49px 7.5px 11px;overflow:hidden;color:var(--color-text);text-align:center;text-decoration:none;scroll-snap-align:start;background:var(--props-card-bg);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:6px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 22%, transparent),inset 0 -1px 0 color-mix(in srgb, var(--color-text) 4%, transparent),inset 1px 0 0 color-mix(in srgb, var(--color-text) 6%, transparent),0 5px 14px rgba(0,0,0,.35);transition:translate 180ms ease}.props-card:hover,.props-card:focus-visible{translate:0 -1.5px}.props-card:focus-visible{outline:2px solid var(--props-accent);outline-offset:1px}.props-card__watermark{position:absolute;top:-14px;left:-13px;width:61px;height:61px;pointer-events:none;opacity:.26}.props-card__watermark img{width:100%;height:100%;object-fit:contain}.props-card__name{max-width:100%;overflow:hidden;font-size:17px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.props-card__sub{margin-top:-5px;font-size:11px;font-weight:300;color:var(--color-text-muted)}.props-card__market{display:flex;flex-direction:column;gap:.2rem;align-items:center;width:100%;padding:8px 5.5px 5px;margin-top:auto;background:linear-gradient(color-mix(in srgb, var(--props-card-bg) 78%, transparent), color-mix(in srgb, var(--color-bg) 70%, transparent));border:1px solid color-mix(in srgb, color-mix(in srgb, var(--props-accent) 60%, white) 55%, transparent);border-radius:4px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 14%, transparent),inset 0 0 12px color-mix(in srgb, var(--props-accent) 32%, transparent),0 0 9px color-mix(in srgb, var(--props-accent) 24%, transparent),0 2.5px 7px rgba(0,0,0,.28)}.props-card__label{max-width:100%;color:var(--props-ink-0);overflow:hidden;font-size:13.5px;font-weight:300;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.props-card__line{font-size:13px;font-weight:600;line-height:1.05;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}.props-card__prices{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:2px}.props-card__price{display:inline-flex;gap:.25rem;align-items:center;height:16px;padding-inline:3px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);white-space:nowrap;background:color-mix(in srgb, var(--color-text) 4%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:4px}.props-card__price .props-card__book{width:11px;height:11px;object-fit:contain}.props-card__model{display:flex;gap:1rem;justify-content:center;width:100%}.props-card__stat{display:flex;flex-direction:column;gap:1px;align-items:center;min-width:3.5rem}.props-card__stat-label{font-size:11px;color:var(--color-text-secondary)}.props-card__stat-value{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.props-card__stat-value.is-positive{color:var(--brand-mint)}.props-card__stat-value.is-negative{color:var(--color-danger)}.props-locked{display:inline-flex;gap:.2rem;align-items:center}.props-locked__blur{filter:blur(4px);user-select:none}.props-locked__icon{width:11px;height:11px;color:var(--color-text-muted)}@media(width <= 1280px){.props-row__strip{grid-auto-columns:calc((100% - 3*var(--props-gap))/4)}}@media(width <= 1024px){.props-row__strip{grid-auto-columns:calc((100% - 2*var(--props-gap))/3)}}@media(width <= 768px){.props-finder{padding-inline:16px}.props-filters{flex-direction:column;align-items:stretch}.props-mode-toggle{align-self:flex-end}.props-row__strip{grid-auto-columns:calc((100% - var(--props-gap))/2)}.props-row__next{right:0}}@media(width <= 480px){.props-row__strip{grid-auto-columns:85%}}}
