.chart-spotlight{--market-chart-accent: color-mix( in oklab, var(--accent) 46%, var(--ink-muted) );--market-download-grid-gap: var(--space-1);--market-grid-gap: var(--market-download-grid-gap);--market-download-total-columns: 23;--market-download-column-gaps: 22;--market-sales-total-columns: 46;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-8);min-width:0}.chart-spotlight--stacked{display:flex;grid-template-columns:minmax(0,1fr);flex-direction:column;align-content:start;align-items:stretch;gap:var(--market-download-grid-gap);height:100%}.chart-spotlight--stacked>figure{flex:none}.market-sales-chart,.market-download-chart,.market-rating-chart{container-type:inline-size;min-width:0;margin:0}.market-download-chart__list{display:grid;gap:var(--market-download-grid-gap);margin:0;padding:0;list-style:none}.market-download-chart__item{display:block;min-width:0;color:var(--ink);text-decoration:none}.market-download-chart__item:focus-visible{border-radius:var(--radius-surface);outline:0;box-shadow:var(--focus-ring)}.market-download-chart__art{display:block;grid-column:var(--market-download-art-column) / span 2;grid-row:1 / span 2;width:100%;aspect-ratio:1;overflow:hidden;border-radius:0;background:var(--canvas);filter:grayscale(1);opacity:.08;transition:filter var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.market-download-chart__item:hover .market-download-chart__art{filter:grayscale(0);opacity:1;transform:scale(1.06)}.market-download-chart__item:focus-visible .market-download-chart__art{filter:grayscale(0);opacity:1}.market-download-chart__meter{display:grid;grid-template-columns:repeat(var(--market-download-columns),minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--market-download-grid-gap);min-width:0}.market-download-chart__meter--compact{display:none}.market-download-chart__cell{grid-column:var(--market-download-cell);grid-row:var(--market-download-row);aspect-ratio:1;background:var(--surface-sunken);transition:opacity var(--duration-fast) var(--ease-out)}.market-download-chart__gutter{aspect-ratio:1;background:var(--surface-sunken)}.market-download-chart__cell--active{background:var(--market-chart-accent)}.market-download-chart__name{grid-column:var(--market-download-name-start) / var(--market-download-name-end);grid-row:1 / span 2;align-self:center;min-width:0;overflow:hidden;color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.market-download-chart__item:hover .market-download-chart__cell,.market-download-chart__item:focus-visible .market-download-chart__cell{opacity:0}.market-download-chart__item:hover .market-download-chart__name,.market-download-chart__item:focus-visible .market-download-chart__name{opacity:1}.market-rating-chart__grid{display:grid;grid-template-columns:repeat(var(--market-rating-columns),minmax(0,1fr));grid-template-rows:repeat(var(--market-rating-rows),minmax(0,1fr));gap:var(--market-grid-gap);min-width:0}.market-rating-chart__cell{min-width:0;aspect-ratio:1;background:var(--surface-sunken)}.market-rating-chart__bucket{display:contents}.market-rating-chart__axis-cell{z-index:1;min-width:0;aspect-ratio:1;background:var(--market-chart-accent)}.market-rating-chart__marker{position:relative;z-index:2;display:block;grid-column:var(--market-rating-marker-column) / span 2;grid-row:var(--market-rating-marker-row) / span 2;min-width:0;min-height:0;aspect-ratio:1;align-self:start;background:transparent;color:var(--ink);text-decoration:none}.market-rating-chart__marker:hover,.market-rating-chart__marker:focus-visible{z-index:calc(var(--z-raised) + 1)}.market-rating-chart__marker:focus-visible{border-radius:var(--radius-surface);outline:0;box-shadow:var(--focus-ring)}.market-rating-chart__art{display:block;width:100%;height:100%;overflow:hidden;background:var(--canvas);filter:grayscale(1);opacity:.08;transition:filter var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.market-rating-chart__marker:hover .market-rating-chart__art,.market-rating-chart__marker:focus-visible .market-rating-chart__art{filter:grayscale(0);opacity:1}.market-rating-chart__name{position:absolute;top:0;left:calc(100% + var(--market-download-grid-gap));z-index:var(--z-raised);display:flex;align-items:center;width:max-content;max-width:var(--space-32);height:100%;overflow:hidden;padding-inline:var(--space-2);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.market-rating-chart__marker--name-before .market-rating-chart__name{right:calc(100% + var(--market-download-grid-gap));left:auto}.market-rating-chart__marker:hover .market-rating-chart__name,.market-rating-chart__marker:focus-visible .market-rating-chart__name{opacity:1}.market-sales-chart__head{padding-bottom:var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--track-tight)}.chart-spotlight--stacked .market-sales-chart__head:not(.market-grid-heading){padding:var(--space-2) 0}.market-grid-heading{display:grid;align-items:center;min-width:0;padding:0 0 var(--market-download-grid-gap);gap:var(--market-download-grid-gap);line-height:1}.market-grid-heading--downloads,.market-grid-heading--ratings,.market-grid-heading--sales{grid-template-columns:repeat(var(--market-sales-total-columns),minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--market-grid-gap)}.market-grid-heading__label{z-index:var(--z-raised);display:flex;grid-column:3 / -1;grid-row:2 / span 2;align-items:center;align-self:stretch;justify-self:start;width:max-content;max-width:100%;min-width:0;padding-inline:var(--market-grid-gap);background:var(--surface);font-size:var(--text-md);line-height:var(--leading-none);white-space:nowrap}.market-grid-heading__cell--heading-compact{display:none}.market-grid-heading__cell{grid-column:var(--market-heading-cell);grid-row:var(--market-heading-row);min-width:0;aspect-ratio:1;background:var(--surface-sunken)}.market-sales-chart__canvas{min-width:0}.market-sales-chart__plot{position:relative;min-width:0;height:calc((100cqw - (var(--market-download-grid-gap) * var(--market-download-column-gaps))) / var(--market-download-total-columns) * var(--market-download-rows) + (var(--market-download-grid-gap) * (var(--market-download-rows) - 1)))}.market-sales-chart__grid{display:grid;grid-template-columns:repeat(var(--market-chart-columns),minmax(0,1fr));grid-template-rows:repeat(var(--market-chart-rows),minmax(0,1fr));gap:var(--market-grid-gap);width:100%;height:100%;overflow:hidden}.market-sales-chart__grid--compact{display:none}.market-sales-chart__grid-cell{min-width:0;min-height:0;background:var(--surface-sunken)}.market-sales-chart__cell{z-index:1;min-width:0;min-height:0}.market-sales-chart__cell--active{background:var(--market-chart-accent)}.market-sales-chart__cell--point{background:var(--ink)}.market-sales-chart__marker{position:relative;z-index:var(--z-raised);grid-column:var(--market-marker-column) / span 2;grid-row:var(--market-marker-row) / span 2;min-width:0;min-height:0;overflow:visible;color:inherit;text-decoration:none;pointer-events:auto}.market-sales-chart__annotation{display:contents}.market-sales-chart__marker-arrow{z-index:2;display:grid;place-items:center;min-width:0;min-height:0;color:color-mix(in oklab,var(--ink) 56%,transparent);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:1;opacity:.08;transition:opacity var(--duration-fast) var(--ease-out)}.market-sales-chart__marker-icon{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:0;background:var(--canvas);box-shadow:none;filter:grayscale(1);opacity:.08;transition:filter var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.market-sales-chart__marker:focus-visible{outline:0}.market-sales-chart__marker:focus-visible .market-sales-chart__marker-icon{box-shadow:var(--focus-ring)}.market-sales-chart__annotation:hover .market-sales-chart__marker-icon,.market-sales-chart__marker:focus-visible .market-sales-chart__marker-icon{filter:grayscale(0)}.market-sales-chart__annotation:hover .market-sales-chart__marker-arrow,.market-sales-chart__annotation:hover .market-sales-chart__marker-icon,.market-sales-chart__annotation:has(.market-sales-chart__marker:focus-visible) .market-sales-chart__marker-arrow,.market-sales-chart__marker:focus-visible .market-sales-chart__marker-icon{opacity:1}.market-leaderboard-wrap{overflow-x:auto}.market-leaderboard{width:100%;border-collapse:collapse;table-layout:fixed}.market-leaderboard th,.market-leaderboard td{min-width:0;padding:var(--space-4);text-align:left;vertical-align:middle}.market-leaderboard th:first-child,.market-leaderboard td:first-child{padding-left:0}.market-leaderboard th:last-child,.market-leaderboard td:last-child{padding-right:0}.market-leaderboard thead th{padding-top:0;padding-bottom:var(--space-5);color:var(--ink-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.market-leaderboard tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.market-leaderboard tbody tr:hover{background:color-mix(in oklab,var(--accent-soft) 48%,transparent)}.market-leaderboard__rank{width:var(--space-24)}.market-leaderboard td.market-leaderboard__rank{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.market-leaderboard__recent{width:var(--space-24);color:var(--accent)}.market-leaderboard__revenue{width:calc(var(--space-32) + var(--space-6))}.market-leaderboard__downloads,.market-leaderboard__reviews{width:var(--space-24)}.market-leaderboard th.market-leaderboard__metric,.market-leaderboard td.market-leaderboard__metric{text-align:right}.market-leaderboard td.market-leaderboard__metric{color:var(--ink-muted);font-size:var(--text-sm)}.market-leaderboard th.market-leaderboard__metric--active,.market-leaderboard td.market-leaderboard__metric--active{color:var(--ink);font-weight:var(--weight-semibold)}.market-leaderboard td.market-leaderboard__metric--active{font-size:var(--text-md)}.market-leaderboard__product{display:flex;align-items:center;gap:var(--space-3);min-width:0;color:var(--ink);text-decoration:none}.market-leaderboard__product:focus-visible{border-radius:var(--radius-surface);outline:0;box-shadow:var(--focus-ring)}.market-leaderboard__art{flex:none;width:var(--size-control-lg);height:var(--size-control-lg);overflow:hidden;border-radius:var(--radius-surface);background:var(--surface-sunken)}.market-leaderboard__copy{display:grid;gap:var(--space-1);min-width:0}.market-leaderboard__copy>strong,.market-leaderboard__copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-leaderboard__copy>strong{font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--track-snug)}.market-leaderboard__copy>span{color:var(--ink-faint);font-size:var(--text-xs)}@media(max-width:1080px){.chart-spotlight{grid-template-columns:minmax(0,1fr)}.market-grid-heading--downloads,.market-grid-heading--ratings,.market-grid-heading--sales{grid-template-rows:repeat(5,minmax(0,1fr))}.market-grid-heading__label{grid-row-end:span 4}.market-grid-heading__cell--heading-compact{display:block}}@media(max-width:760px){.market-sales-chart__head{font-size:var(--text-base)}.chart-spotlight{--market-download-total-columns: 15;--market-download-column-gaps: 14;--market-sales-total-columns: 30;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.chart-spotlight--stacked{--market-download-total-columns: 23;--market-download-column-gaps: 22;--market-sales-total-columns: 46;gap:var(--market-download-grid-gap)}.chart-spotlight:not(.chart-spotlight--stacked) .market-grid-heading__cell--compact-hidden{display:none}.market-sales-chart__grid--default{display:none}.market-sales-chart__grid--compact{display:grid}.market-download-chart__meter--default{display:none}.market-download-chart__meter--compact,.chart-spotlight--stacked .market-sales-chart__grid--default,.chart-spotlight--stacked .market-download-chart__meter--default{display:grid}.chart-spotlight--stacked .market-sales-chart__grid--compact,.chart-spotlight--stacked .market-download-chart__meter--compact{display:none}.market-leaderboard th,.market-leaderboard td{padding-inline:var(--space-3)}.market-leaderboard__recent,.market-leaderboard__metric:not(.market-leaderboard__metric--active){display:none}.market-leaderboard__rank{width:var(--space-12)}.market-leaderboard__metric{width:var(--space-24)}.market-leaderboard__art{width:var(--size-control);height:var(--size-control)}}
