.market-directory .market-categories.is-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.market-directory .market-categories.is-tiles button{--tone:#8b6bff;isolation:isolate;border:1px solid var(--market-border);background:var(--market-control);min-width:0;min-height:112px;color:var(--market-text);white-space:normal;text-align:left;transition:border-color var(--duration-control) var(--ease-out), box-shadow var(--duration-panel) var(--ease-out), translate var(--duration-panel) var(--ease-out);border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:12px 13px;font-size:15px;display:flex;position:relative;overflow:hidden}.market-directory .market-categories.is-tiles button[data-tone=gift]{--tone:#ff5fae}.market-directory .market-categories.is-tiles button[data-tone=sparkles]{--tone:#27c7e8}.market-directory .market-categories.is-tiles button[data-tone=layers]{--tone:#ffb03a}.market-directory .market-categories.is-tiles button:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--tone) 55%, transparent), transparent);opacity:.5;width:150px;height:140px;transition:opacity var(--duration-panel) var(--ease-out);border-radius:50%;position:absolute;top:-50px;right:-40px}.market-directory .market-categories.is-tiles .market-category-copy{flex:0 auto;gap:3px;min-width:0;display:grid;position:relative}.market-directory .market-categories.is-tiles .market-category-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:14.5px;font-weight:750;line-height:1.25;display:flex}.market-directory .market-categories.is-tiles .market-category-preview{color:var(--market-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.4;overflow:hidden}.market-directory .market-categories.is-tiles .market-category-count{background:color-mix(in srgb, var(--tone) 22%, transparent);min-width:22px;color:var(--market-text);padding:1px 7px}.market-directory .market-categories.is-tiles .market-category-art{z-index:-1;pointer-events:none;width:84px;height:auto;filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--tone) 35%, transparent));transition:transform var(--duration-panel) var(--ease-out);position:absolute;top:-8px;right:-12px}.market-directory .market-categories.is-tiles button[aria-pressed=true]{border-color:color-mix(in srgb, var(--tone) 75%, transparent);background:var(--market-control);color:var(--market-text);box-shadow:0 0 0 1px color-mix(in srgb, var(--tone) 45%, transparent), 0 14px 34px color-mix(in srgb, var(--tone) 22%, transparent)}.market-directory .market-categories.is-tiles button[aria-pressed=true]:before{opacity:1}.market-directory .market-categories.is-tiles button[aria-pressed=true] .market-category-count{background:color-mix(in srgb, var(--tone) 34%, transparent);color:var(--market-text)}.market-directory .market-categories.is-tiles button[aria-pressed=true] .market-category-art{transform:translateY(-2px)scale(1.06)}.market-directory .market-categories.is-tiles button.is-upcoming:not([aria-pressed=true]) .market-category-art{filter:grayscale(.85);opacity:.55}.market-directory .market-categories.is-tiles button.is-upcoming:not([aria-pressed=true]):before{opacity:.15}@media (hover:hover) and (pointer:fine){.market-directory .market-categories.is-tiles button:hover{border-color:color-mix(in srgb, var(--tone) 55%, transparent);translate:0 -3px}.market-directory .market-categories.is-tiles button:hover .market-category-art{transform:translateY(-4px)rotate(-4deg)scale(1.08)}}@media (min-width:900px){.market-directory .market-categories.is-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.market-directory .market-categories.is-tiles button{flex-direction:row;justify-content:flex-start;align-items:flex-start;min-height:116px;padding:18px 136px 18px 18px}.market-directory .market-categories.is-tiles button:before{width:220px;height:190px;top:auto;bottom:-70px;right:-50px}.market-directory .market-categories.is-tiles .market-category-copy{gap:5px}.market-directory .market-categories.is-tiles .market-category-name{font-size:17px}.market-directory .market-categories.is-tiles .market-category-preview{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box}.market-directory .market-categories.is-tiles .market-category-art{width:140px;top:auto;bottom:-14px;right:-12px}}@media (prefers-reduced-motion:reduce){.market-directory .market-categories.is-tiles button,.market-directory .market-categories.is-tiles .market-category-art{transition:none}}