.cat-heading{align-items:center;color:var(--text-primary);display:flex;grid-column-gap:8px;font-family:var(--font-family,Inter);font-size:var(--font-size,1.125rem);font-weight:var(--font-weight,700);line-height:var(--line-height,1.3);padding-top:8px}.cat-heading .icon{--color:var(--icon-primary)}.btn-toggle-filter{background:var(--bg,transparent);border:var(--border,0);color:var(--color,var(--button-text-ghost-high-contrast));font-family:Rubik,sans-serif;--bg:var(--button-bg-secondary)}.btn-toggle-filter .icon{--color:var(--button-icon-secondary)}@media (hover:hover){.btn-toggle-filter:hover{cursor:pointer;--bg:var(--button-bg-secondary-hover)}.btn-toggle-filter:hover .icon{--color:var(--button-icn-secondary-hover)}}.btn-toggle-filter:active,.is-active.btn-toggle-filter{--bg:var(--button-bg-secondary-click)}.btn-toggle-filter:active .icon,.is-active.btn-toggle-filter .icon{--color:var(--icon-contrast)}[disabled].btn-toggle-filter{pointer-events:none;--bg:var(--button-bg-secondary-disabled)}[disabled].btn-toggle-filter .icon{--color:var(--button-icn-secondary-disabled)}.btn-toggle-filter{border-radius:12px;height:var(--height,2.5rem);min-height:var(--min-height,2.5rem);min-width:var(--min-width,2.5rem);width:var(--width,2.5rem)}.game-sort button{background:var(--bg,transparent);border:var(--border,0);color:var(--color,var(--button-text-ghost-high-contrast));font-family:Rubik,sans-serif}.game-sort{align-items:center;display:flex;grid-column-gap:.25rem}.game-sort .label{color:var(--text-helper);margin-right:.25rem}.game-sort .label,.game-sort button{font-family:var(--font-family,Inter);font-size:var(--font-size,.75rem);font-weight:var(--font-weight,400);line-height:var(--line-height,1.3)}.game-sort button{border-radius:8px;color:var(--color,var(--text-secondary));cursor:pointer;font-family:Rubik,Rubik fallback,sans-serif;padding:.25rem .5rem;transition:all .2s ease-in-out}@media (hover:hover){.game-sort button:hover:not(.is-selected){--bg:var(--button-bg-secondary-click);--color:var(--text-accent)}}.game-sort button.is-selected{--color:var(--text-accent)}.providers-tags{align-items:center;display:grid;gap:8px;grid-area:tags;grid-template-columns:auto 1fr;position:relative}.providers-tags__clear{align-items:center;background:var(--support-info-low-contrast);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;gap:4px;padding:8px;position:relative;transition:color .2s ease-in-out;white-space:nowrap;z-index:1}.providers-tags__clear:hover{background:var(--support-info-default)}@media (min-width:64rem){.providers-tags__clear{padding:8px 12px 8px 8px}}.providers-tags__clear-icon{--icon-size:16px;--color:var(--icon-contrast)}.providers-tags__clear-text{font-family:var(--font-family,Inter);font-size:var(--font-size,.75rem);font-weight:var(--font-weight,400);line-height:var(--line-height,1.3);--line-height:auto;display:none}@media (min-width:64rem){.providers-tags__clear-text{display:block}}.providers-tags__content{display:flex;height:56px;overflow:hidden;position:relative}.providers-tags__items{align-items:center;display:flex;gap:8px;overflow-x:auto}@supports (scrollbar-width:auto){.providers-tags__items{scrollbar-width:unset}}@supports selector(::-webkit-scrollbar){.providers-tags__items::-webkit-scrollbar{display:none;-ms-overflow-style:none}}.providers-tags__item{align-items:center;background:var(--layer-02);border-radius:8px;color:var(--text-secondary);display:inline-flex;gap:4px;justify-content:center;padding:8px 8px 8px 12px;white-space:nowrap}.providers-tags__item-icon{--icon-size:16px;--color:var(--icon-primary);align-items:flex-start;display:flex}.providers-tags__item-icon:hover{cursor:pointer;--color:var(--icon-accent)}.providers-tags__item-text{font-family:var(--font-family,Inter);font-size:var(--font-size,.75rem);font-weight:var(--font-weight,400);line-height:var(--line-height,1.3);--line-height:auto}.providers-tags__buttons{bottom:0;display:flex;height:0;justify-content:space-between;left:0;position:absolute;right:0;z-index:1}.providers-tags__buttons .icon{--icon-size:20px;align-items:center;display:flex;justify-content:center;padding:2px}.providers-tags__next,.providers-tags__prev{align-items:center;background:var(--layer-bg);cursor:pointer;display:flex;height:56px;width:36px}.providers-tags__next.is-disabled,.providers-tags__prev.is-disabled{pointer-events:none;visibility:hidden}.providers-tags__next:after,.providers-tags__prev:after{background:linear-gradient(90deg,rgba(17,20,28,0) 0,var(--black-primary) 100%);bottom:0;content:"";display:block;pointer-events:none;position:absolute;top:0;width:24px}.providers-tags__next .icon,.providers-tags__prev .icon{--color:var(--button-icn-ghost-low-contrast)}.providers-tags__next{justify-content:flex-start;transform:translateY(-100%) translate(12px)}.providers-tags__next:after{left:0;transform:translate(-100%)}.providers-tags__next .icon{transform:rotate(-90deg)}.providers-tags__prev{justify-content:flex-end;transform:translateY(-100%) translate(-12px)}.providers-tags__prev:after{right:0;transform:translate(100%) rotate(180deg)}.providers-tags__prev .icon{transform:rotate(90deg)}.categories{display:grid;grid-gap:1rem}.categories .empty,.categories .grid{min-height:40vh}@media (min-width:64rem){.categories .empty,.categories .grid{min-height:50vh}}.game-filter{display:grid;gap:8px;grid-template-areas:"actions actions actions" "search search toggle" "sort sort sort" "tags tags tags";grid-template-columns:1fr 1fr auto}@media (min-width:48rem){.game-filter{grid-template-areas:"search actions toggle" "sort sort sort" "tags tags tags"}}@media (min-width:64rem){.game-filter{grid-template-areas:"search actions sort" "tags tags tags";grid-template-columns:auto auto 1fr}}.game-filter .nav-category{grid-area:actions;grid-template-columns:unset}.game-filter__search{grid-area:search}.game-filter__search .icon{--color:var(--icon-primary)}@media (min-width:64rem){.game-filter__search{max-width:240px}}.game-filter__sort{grid-area:sort}@media (min-width:64rem){.game-filter__sort{display:flex!important;margin-left:auto}}.game-filter .btn-toggle-filter{grid-area:toggle}@media (min-width:64rem){.game-filter .btn-toggle-filter{display:none;grid-area:unset}}.game-filter .nav-category{margin-bottom:0}.game-filter .btn-categories,.game-filter .btn-providers,.game-filter .input-search .field{height:40px}
