{
  "version": 3,
  "sources": ["src/app/features/blog/blog-list-page.component.css"],
  "sourcesContent": ["/* ── Shared layout ── */\n\n.blog-page__inner {\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding-inline: var(--grid-margin);\n}\n\n/* ── Bar 1: Games ── */\n\n.blog-toolbar-bar1 {\n  background-color: var(--color-surface-primary);\n  padding-block: var(--space-4) var(--space-5);\n  border-bottom: 1px solid var(--color-border-primary);\n}\n\n.blog-toolbar-bar1__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-4);\n  margin-bottom: var(--space-4);\n}\n\n.blog-toolbar-bar1__title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-xl);\n  font-weight: var(--font-weight-heading-bold);\n  color: var(--color-text-primary);\n  line-height: var(--leading-tight);\n  margin: 0;\n  white-space: nowrap;\n}\n\n.blog-toolbar-bar1__pills {\n  display: flex;\n  gap: var(--space-2);\n  overflow-x: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  padding-block: var(--space-1);\n}\n\n.blog-toolbar-bar1__pills::-webkit-scrollbar {\n  display: none;\n}\n\n/* ── Game pills ── */\n\n.blog-toolbar__pill {\n  flex-shrink: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-secondary);\n  background: transparent;\n  border: 1px solid var(--pill-accent, var(--color-border-primary));\n  padding: var(--space-2) var(--space-4);\n  border-radius: var(--radius-full);\n  cursor: pointer;\n  white-space: nowrap;\n  transition:\n    background-color 200ms ease,\n    color 200ms ease,\n    border-color 200ms ease;\n}\n\n.blog-toolbar__pill:hover {\n  border-color: var(--pill-accent, var(--color-border-strong));\n  color: var(--color-text-primary);\n}\n\n/* Active game pill (colored) */\n.blog-toolbar__pill--active {\n  background-color: var(--pill-accent);\n  color: #fff;\n  border-color: var(--pill-accent);\n}\n\n.blog-toolbar__pill--active:hover {\n  color: #fff;\n}\n\n/* \"Todos\" pill active (neutral dark) */\n.blog-toolbar__pill--active-all {\n  background-color: var(--color-text-primary);\n  color: #fff;\n  border-color: var(--color-text-primary);\n}\n\n.blog-toolbar__pill--active-all:hover {\n  color: #fff;\n}\n\n/* ── Bar 2: Filter tools ── */\n\n.blog-toolbar-bar2 {\n  background-color: var(--color-surface-secondary);\n  padding: var(--space-3) 0;\n}\n\n/* ── Active filter chips ── */\n\n.blog-toolbar-chips {\n  background-color: var(--color-surface-primary);\n  padding-block: var(--space-3);\n}\n\n.blog-toolbar-chips__row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  flex-wrap: wrap;\n}\n\n.blog-toolbar-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  background: var(--color-surface-secondary);\n  border: 0.5px solid var(--color-border-primary);\n  border-radius: 100px;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-primary);\n  padding: var(--space-1) var(--space-3);\n  cursor: pointer;\n  transition: background-color var(--transition-fast);\n}\n\n.blog-toolbar-chip:hover {\n  background: var(--color-border-primary);\n}\n\n.blog-toolbar-chip__x {\n  font-size: var(--text-size-sm);\n  line-height: 1;\n  color: var(--color-text-secondary);\n}\n\n.blog-toolbar-chips__clear {\n  background: none;\n  border: none;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  text-decoration: underline;\n  padding: var(--space-1) var(--space-2);\n}\n\n.blog-toolbar-chips__clear:hover {\n  color: var(--color-text-primary);\n}\n\n/* ── Featured ── */\n\n.blog-page__featured {\n  background-color: var(--color-surface-secondary);\n  padding-block: var(--space-section-min);\n}\n\n/* ── Grid ── */\n\n.blog-page__grid-section {\n  background-color: var(--color-surface-primary);\n  padding-block: var(--space-section-min);\n}\n\n.blog-page__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--space-10) var(--space-8);\n}\n\n.blog-page__pagination {\n  display: flex;\n  justify-content: center;\n  padding-block-start: var(--space-12);\n}\n\n/* ── Empty state ── */\n\n.blog-page__empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: var(--space-4);\n  padding-block: var(--space-16);\n}\n\n.blog-page__empty-mascot {\n  width: 120px;\n  height: auto;\n  opacity: 0.8;\n}\n\n.blog-page__empty-title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-xl);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n  margin: 0;\n}\n\n.blog-page__empty-text {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n  margin: 0;\n}\n\n/* ── Newsletter ── */\n\n.blog-page__newsletter {\n  background-color: var(--color-surface-secondary);\n  padding-block: var(--space-section-min);\n}\n\n.blog-page__newsletter-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: var(--space-4);\n  max-width: 560px;\n  margin-inline: auto;\n}\n\n.blog-page__newsletter-title {\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-3xl);\n  font-weight: var(--font-weight-heading-bold);\n  color: var(--color-text-primary);\n  line-height: var(--leading-tight);\n  margin: 0;\n}\n\n.blog-page__newsletter-text {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n  margin: 0;\n}\n\n.blog-page__newsletter-form {\n  display: flex;\n  gap: var(--space-3);\n  width: 100%;\n  max-width: 440px;\n  margin-block-start: var(--space-4);\n}\n\n/* ── Responsive ── */\n\n@media (max-width: 1024px) {\n  .blog-page__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 768px) {\n  .blog-toolbar-bar1__header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .blog-toolbar-bar1__title {\n    font-size: var(--text-size-lg);\n  }\n}\n\n@media (max-width: 640px) {\n  .blog-page__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .blog-page__newsletter-title {\n    font-size: var(--text-size-2xl);\n  }\n\n  .blog-page__newsletter-form {\n    flex-direction: column;\n  }\n\n  .blog-toolbar-bar1__title {\n    font-size: var(--text-size-base);\n  }\n}\n"],
  "mappings": "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",
  "names": []
}