.widget-game-group-bar[data-v-43493579]{--body__flex:0 1 auto;--divider__mx:8px;--button__py:var(--padding-m);--button__px:calc(var(--button__py)*1.5);--button__h:32px;--action__px:calc(var(--spaces-xs)/2);display:flex;align-items:center;width:100%;min-width:0}@media(min-width:800px){.widget-game-group-bar[data-v-43493579]{--divider__mx:12px;--button__py:var(--padding-l);--button__h:44px;--action__px:calc(var(--spaces-s)/2)}}.widget-game-group-bar.filtered[data-v-43493579],.widget-game-group-bar.pending[data-v-43493579]{--body__flex:1 1 0}.widget-game-group-bar__skeleton[data-v-43493579]{display:flex;gap:var(--spaces-s);box-sizing:border-box;width:100%;min-width:0;padding:var(--spaces-s);overflow:hidden;background-color:var(--general-bg-navi-inverse);border-radius:var(--radius-xl)}.widget-game-group-bar__skeleton-item[data-v-43493579]{flex:0 0 auto;height:var(--button__h);background:linear-gradient(45deg,#191c25,#242936,#191c25);background-size:400% 400%;border-radius:var(--radius-xl);animation:widget-game-group-bar-skeleton-43493579 2s ease infinite}.widget-game-group-bar__carousel[data-v-43493579]{min-width:0;margin:0 auto;padding:var(--spaces-s);overflow:hidden;background-color:var(--general-bg-navi-inverse);border-radius:var(--radius-xl);visibility:visible;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.widget-game-group-bar__slide[data-v-43493579]{display:flex;flex:0 0 auto}.widget-game-group-bar__action[data-v-43493579]{width:auto;min-width:68px;height:auto;padding:0 var(--action__px)}.widget-game-group-bar__action .buttonio[data-v-43493579]{width:100%}.widget-game-group-bar__divider[data-v-43493579]{flex:0 0 auto;width:1px;height:var(--button__h);margin:0 var(--divider__mx);background-color:var(--general-sys-border-color)}.widget-game-group-bar__filters[data-v-43493579]{display:flex;flex:0 0 auto;padding:var(--spaces-s);column-gap:var(--spaces-s);background-color:var(--general-bg-navi-inverse);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.widget-game-group-bar__button[data-v-43493579]{height:var(--button__h)}.widget-game-group-bar__button[class*=active][data-v-43493579],.widget-game-group-bar__button[class*=exact-active][data-v-43493579]{--text-color:var(--button-grey-text-color);--bg-color:var(--button-grey-bg-color);--icon-color:var(--button-grey-icon-color);--text-color-hover:var(--button-grey-text-color-hover);--icon-color-hover:var(--button-grey-icon-color-hover);--bg-color-hover:var(--button-grey-bg-color-hover);--transition-duration:.5s;cursor:default}@media(min-width:1024px)and (hover:hover){.widget-game-group-bar__button[class*=active][data-v-43493579]:hover,.widget-game-group-bar__button[class*=exact-active][data-v-43493579]:hover{--text-color:var(--text-color-hover);--bg-color:var(--bg-color-hover);--icon-color:var(--icon-color-hover)}}.widget-game-group-bar__button.active[data-v-43493579]{--text-color:var(--text-color-active);--bg-color:var(--bg-color-active);--icon-color:var(--icon-color-active);--transition-duration:none;cursor:default}@media(min-width:1024px)and (hover:hover){.widget-game-group-bar__button.active[data-v-43493579]:hover{--text-color:var(--text-color-active);--bg-color:var(--bg-color-active);--icon-color:var(--icon-color-active)}}.widget-game-group-bar[data-v-43493579]{cursor:default;-webkit-user-select:none;user-select:none}.widget-game-group-bar[data-v-43493579] a[href],.widget-game-group-bar[data-v-43493579] button:not(:disabled),.widget-game-group-bar[href][data-v-43493579]{cursor:pointer}.widget-game-group-bar[data-v-43493579] a[href] .buttonio{cursor:inherit}.widget-game-group-bar__button[data-v-43493579] .buttonio__content{flex-shrink:0;width:max-content;padding:var(--button__py) var(--button__px)}.widget-game-group-bar__button[data-v-43493579] .buttonio__svg{flex-shrink:0}@keyframes widget-game-group-bar-skeleton-43493579{0%,to{background-position:100% 0}50%{background-position:0 100%}}.widget-game-group-bar__body[data-v-43493579]{flex:var(--body__flex);min-width:0;margin:0 auto;overflow:hidden}.widget-game-group-bar__carousel[data-v-43493579] .embla__viewport{overflow:hidden;border-radius:var(--radius-xl)}
