/* A continuous filter panel, with no divider running beyond its surface. */
.market-page{--filter-width:268px}
.market-page .workspace.filters-open{margin-top:0;grid-template-columns:var(--filter-width) minmax(0,1fr);gap:22px;align-items:start}
.market-page .market-controls{gap:22px}
.market-page .filter-fixed-label{width:var(--filter-width);padding:0 18px;color:hsl(var(--theme-hue,217) calc(19.4% * var(--theme-saturation,1)) 72.7%);font-size:13px}
.market-page .filters,.market-page .filters:not([hidden]){display:block;position:sticky;top:16px;width:100%;min-width:0;max-height:none;height:auto;overflow:visible;box-sizing:border-box;padding:18px;border:1px solid hsl(var(--theme-hue,217) calc(15.5% * var(--theme-saturation,1)) 19.0%);border-radius:14px;background:hsl(var(--theme-hue,217) calc(17.6% * var(--theme-saturation,1)) 10.0%);box-shadow:0 6px 24px #0002}
.market-page .filters .item-search{margin:0 0 25px}
.market-page .filters .search{height:43px;border-radius:8px;background:hsl(var(--theme-hue,217) calc(16.9% * var(--theme-saturation,1)) 15.1%);border-color:hsl(var(--theme-hue,217) calc(18.5% * var(--theme-saturation,1)) 21.2%);padding:0 11px}
.market-page .filters .search input{font-size:12px}
.market-page .filters .filter-section{padding:0 0 22px;margin:0 0 22px;border:0;border-bottom:1px solid hsl(var(--theme-hue,217) calc(15.5% * var(--theme-saturation,1)) 19.0%)}
.market-page .filters .filter-section h3{margin:0 0 15px;color:hsl(var(--theme-hue,217) calc(30.4% * var(--theme-saturation,1)) 91.0%);font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}
.market-page .filters .price-filter-heading{margin:0 0 15px}
.market-page .filters .price-filter-heading h3{margin:0}
.market-page .filters .price-filter-heading .text-button{font-size:10px;color:hsl(var(--theme-hue,217) calc(23.3% * var(--theme-saturation,1)) 62.2%)}
.market-page .filters .price-inputs{gap:10px}
.market-page .filters .price-inputs label{flex:1;min-width:0}
.market-page .filters .price-inputs label>div{background:hsl(var(--theme-hue,217) calc(16.9% * var(--theme-saturation,1)) 15.1%);border:1px solid hsl(var(--theme-hue,217) calc(18.5% * var(--theme-saturation,1)) 21.2%);border-radius:7px}
.market-page .filters .price-inputs input{width:100%;min-width:0;background:transparent;font-size:12px}
.market-page .filters .trait-filter{display:flex;align-items:center;gap:11px;padding:11px 0;cursor:pointer;color:hsl(var(--theme-hue,217) calc(28.7% * var(--theme-saturation,1)) 82.9%);font-size:12px}
.trait-filter input{appearance:none;display:grid;place-content:center;flex:none;width:17px;height:17px;margin:0;border:1.5px solid hsl(var(--theme-hue,217) calc(16.9% * var(--theme-saturation,1)) 45.3%);border-radius:4px;background:hsl(var(--theme-hue,217) calc(22.8% * var(--theme-saturation,1)) 11.2%);cursor:pointer;transition:background .15s,border-color .15s}
.trait-filter input:checked{background:hsl(var(--theme-hue,217) calc(83.0% * var(--theme-saturation,1)) 56.1%);border-color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 69.8%)}
.trait-filter input:checked::after{content:"";width:8px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-1px) rotate(-45deg)}
.trait-filter small{display:block;margin-top:4px;font-size:10px;color:hsl(var(--theme-hue,217) calc(16.9% * var(--theme-saturation,1)) 57.1%);font-weight:400}
.trait-filter>.icon{margin-left:auto;width:17px;height:17px;color:hsl(var(--theme-hue,217) calc(71.4% * var(--theme-saturation,1)) 68.4%)}
.market-page .filters .item-traits{margin-bottom:0;padding-bottom:18px}
.filter-reset-footer{padding-top:18px}
.reset-all-filters{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid #71383e;border-radius:8px;background:#382126;color:#f5949d;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.reset-all-filters>.icon{width:16px;height:16px}
.reset-all-filters:hover{background:#50272f;border-color:#b64e5a;color:#ffc0c6}
.reset-all-filters:active{background:#612e38}
.filters :is(select,input,button):focus-visible{outline:2px solid hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 75.1%);outline-offset:3px}
.reset-all-filters:focus-visible{outline-color:#f5949d}
@media(max-width:1300px){.market-page{--filter-width:250px}}
@media(max-width:760px){.market-page .workspace.filters-open{display:block}.market-page .filters,.market-page .filters:not([hidden]){position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-bottom:22px;padding:18px}.market-page .filter-fixed-label{display:none}.market-page .filters .item-search{grid-column:1/-1}.market-page .filters .price-filter{grid-column:1/-1}.market-page .filters .item-traits{padding-bottom:18px;margin:0;border-bottom:0}.market-page .filters .demand-filter{margin:0;border-bottom:0}.filter-reset-footer{grid-column:1/-1;border-top:1px solid hsl(var(--theme-hue,217) calc(15.5% * var(--theme-saturation,1)) 19.0%)}.market-page .filters .item-search-popover{width:100%;max-width:none}.market-page .filters .search input{font-size:16px}}
@media(max-width:400px){.market-page .filters,.market-page .filters:not([hidden]){gap:0;grid-template-columns:1fr}.market-page .filters .demand-filter{padding-bottom:22px}.market-page .filters .item-traits{padding-top:18px;border-top:1px solid hsl(var(--theme-hue,217) calc(15.5% * var(--theme-saturation,1)) 19.0%)}}
@media(max-height:700px){.market-page .filters,.market-page .filters:not([hidden]){position:static}}
@media(prefers-reduced-motion:reduce){.reset-all-filters,.trait-filter input{transition:none}}

/* Demand uses the same checkboxes as item traits. */
.demand-picker{display:grid;grid-template-columns:1fr;gap:0}
.market-page .filters .demand-choice{padding:8px 0}
.demand-indicator{display:inline-block;width:7px;height:7px;border-radius:2px;flex:none;margin-left:auto;background:hsl(var(--theme-hue,217) calc(18.1% * var(--theme-saturation,1)) 58.8%)}
.tone-amazing{background:#55d6a4}.tone-high{background:#80c5b4}.tone-normal{background:hsl(var(--theme-hue,217) calc(80.1% * var(--theme-saturation,1)) 72.4%)}.tone-low{background:#d5b070}.tone-terrible{background:#d9868e}.tone-unassigned{background:hsl(var(--theme-hue,217) calc(12.7% * var(--theme-saturation,1)) 50.6%)}

/* Market browsing ends with the listings, with filters that follow the page as you scroll. */
#app>footer[hidden]{display:none}
.market-browse{padding-bottom:24px!important}
@media(min-width:761px){
 .market-browse .workspace.sticky-filters>.results{grid-column:2;grid-row:1;min-width:0}
 .market-browse .sticky-filters .filters,.market-browse .sticky-filters .filters:not([hidden]){display:flex;flex-direction:column;position:sticky;top:16px;align-self:start;width:100%;min-height:var(--filter-min-height,0px);max-height:none;margin:0}
 .market-browse .sticky-filters .filters.filters-scrolls{max-height:var(--filter-available);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--theme-hue,217) calc(24.2% * var(--theme-saturation,1)) 31.6%) transparent}
 .market-browse .filters-scrolls .item-search-popover{position:relative;top:auto;width:100%;max-width:none;margin-top:9px}
 .market-browse .sticky-filters .filter-reset-footer{margin-top:auto}
 .market-browse .sticky-filters .filters> *{flex-shrink:0}
}

/* Collection and sorting controls live with the other filters. */
.market-page .filters .browse-filters .trait-filter{padding:8px 0}
@media(max-width:760px){.market-page .filters .browse-filters{grid-column:1/-1}}

.sort-picker{position:relative;margin-bottom:10px}
.sort-trigger{display:flex;align-items:center;gap:9px;width:100%;height:43px;padding:0 11px;border:1px solid hsl(var(--theme-hue,217) calc(29.2% * var(--theme-saturation,1)) 28.2%);border-radius:8px;background:hsl(var(--theme-hue,217) calc(37.2% * var(--theme-saturation,1)) 16.9%);color:hsl(var(--theme-hue,217) calc(76.7% * var(--theme-saturation,1)) 91.6%);font:inherit;font-size:12px;cursor:pointer;text-align:left;transition:background .16s,border-color .16s}
.sort-trigger:hover,.sort-trigger[aria-expanded=true]{background:hsl(var(--theme-hue,217) calc(39.3% * var(--theme-saturation,1)) 22.0%);border-color:hsl(var(--theme-hue,217) calc(36.5% * var(--theme-saturation,1)) 50.6%)}
.sort-trigger>.icon{width:16px;height:16px;flex:none;color:hsl(var(--theme-hue,217) calc(75.2% * var(--theme-saturation,1)) 74.7%)}.sort-trigger>.icon:last-child{margin-left:auto;width:13px;transition:transform .16s}.sort-trigger[aria-expanded=true]>.icon:last-child{transform:rotate(180deg)}
.sort-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:35;padding:5px;border:1px solid hsl(var(--theme-hue,217) calc(26.7% * var(--theme-saturation,1)) 31.6%);border-radius:10px;background:hsl(var(--theme-hue,217) calc(31.4% * var(--theme-saturation,1)) 13.7%);box-shadow:0 12px 30px #0008}
.sort-options[hidden]{display:none}
.sort-options [role=option]{display:flex;align-items:center;gap:8px;width:100%;padding:11px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:hsl(var(--theme-hue,217) calc(34.6% * var(--theme-saturation,1)) 79.6%);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.sort-options [role=option]>.icon{width:15px;height:15px;margin-left:auto;opacity:0;color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 77.1%)}
.sort-options [aria-selected=true]{background:hsl(var(--theme-hue,217) calc(43.8% * var(--theme-saturation,1)) 25.1%);border-color:hsl(var(--theme-hue,217) calc(43.9% * var(--theme-saturation,1)) 37.1%);color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 96.5%)}.sort-options [aria-selected=true]>.icon{opacity:1}
.sort-options [role=option]:hover,.sort-options .keyboard-active{background:hsl(var(--theme-hue,217) calc(37.2% * var(--theme-saturation,1)) 26.9%);color:#fff}
.market-browse .filters-scrolls .sort-options{position:relative;top:auto;margin-top:7px}
@media(prefers-reduced-motion:no-preference){.sort-options:not([hidden]){animation:sort-reveal .14s ease-out}@keyframes sort-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}}

/* A compact range with round handles and a single focus treatment. */
.market-page .price-filter .price-range{margin:0;height:40px}
.market-page .price-range-rail{left:8px;right:8px;height:4px;background:var(--theme-border);overflow:visible}
.market-page .price-filter .price-range-fill{background:var(--theme-primary);box-shadow:0 0 8px color-mix(in srgb,var(--theme-primary) 25%,transparent)}
.market-page .price-filter .price-range input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:4px solid var(--theme-primary);border-radius:50%;background:#f4f7fc;transform:none;filter:none;box-shadow:0 2px 5px #0005;transition:box-shadow .16s}
.market-page .price-filter .price-range input::-moz-range-thumb{box-sizing:border-box;width:16px;height:16px;border:4px solid var(--theme-primary);border-radius:50%;background:#f4f7fc;transform:none;filter:none;box-shadow:0 2px 5px #0005;transition:box-shadow .16s}
.market-page .price-filter .price-range input:is(:hover,:focus-visible)::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 18%,transparent),0 2px 5px #0005}
.market-page .price-filter .price-range input:is(:hover,:focus-visible)::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 18%,transparent),0 2px 5px #0005}
.market-page .price-range-labels{display:flex;justify-content:space-between;margin:-3px 0 16px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.market-page .filters .price-inputs label>div{height:40px;border-radius:9px;transition:border-color .16s,box-shadow .16s}
.market-page .filters .price-inputs label>div:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 12%,transparent)}
.market-page .filters .price-inputs input{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;outline:none!important;box-shadow:none}
.market-page #price-unbounded{color:var(--theme-accent);font-weight:600}