:root .tabs.tabs--icon-grid[role=tablist]{background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;width:100%;margin-bottom:20px;padding:0;display:grid;overflow:visible}:root .tabs.tabs--icon-grid[role=tablist]>button{white-space:normal;text-align:left;min-width:0;min-height:48px;color:var(--text-primary);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-compact);box-shadow:none;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;font-weight:500;line-height:1.35;display:flex}:root .tabs.tabs--icon-grid[role=tablist]>button[aria-selected=true]{background:var(--blue-bg);border-color:var(--control-border);box-shadow:inset 3px 0 var(--nav-my-training);color:var(--text-primary);font-weight:650}:root .tabs.tabs--icon-grid[role=tablist]>button>svg{width:20px;height:20px;color:var(--tab-icon-color,var(--nav-my-training));flex:0 0 20px}@media (max-width:600px){:root .tabs.tabs--icon-grid[role=tablist]{grid-template-columns:repeat(2,minmax(0,1fr))}:root .tabs.tabs--icon-grid[role=tablist]>button{gap:8px;min-height:54px;padding:10px;font-size:12px}}@media (min-width:601px){:root .tabs.tabs--icon-grid[data-layout=three-then-four][role=tablist]{grid-template-columns:repeat(12,minmax(0,1fr))}:root .tabs.tabs--icon-grid[data-layout=three-then-four][role=tablist]>button{grid-column:span 3}:root .tabs.tabs--icon-grid[data-layout=three-then-four][role=tablist]>button:nth-child(-n+3){grid-column:span 4}}@media (max-width:600px){:root .tabs.tabs--icon-grid[data-layout=three-then-four]:not([data-mobile-full-width=first])[role=tablist]>button:nth-child(3),:root .tabs.tabs--icon-grid[data-mobile-full-width=first][role=tablist]>button:first-child{grid-column:1/-1}}.active-filters{flex-wrap:wrap;align-items:center;gap:.4rem;max-width:100%;font-size:.8rem;display:inline-flex}.active-filter-count{background:var(--teal);color:var(--rating-on-dark);border-radius:999px;align-items:center;padding:.2rem .55rem;font-weight:700;display:inline-flex}.active-filter-reset{border:1px solid var(--line);min-height:36px;color:var(--teal);font:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.active-filter-reset:hover{background:var(--surface-hover)}.active-filter-reset:focus-visible{outline-offset:2px;outline:2px solid}.history-filter-menu{align-items:center;gap:8px}
