/* Shared breadcrumb language for catalog, topic, news and publisher pages. */
.site-breadcrumb{
  width:min(100%,1180px);margin:16px auto;padding:0 18px;
}
.site-breadcrumb__list{
  display:flex;min-width:0;align-items:center;gap:0;margin:0;padding:9px 12px;
  overflow-x:auto;list-style:none;border:1px solid #dce6ef;border-radius:12px;
  background:rgba(255,255,255,.86);box-shadow:0 5px 18px rgba(30,58,90,.05);
  color:#60758c;font-size:12px;white-space:nowrap;scrollbar-width:none;
}
.site-breadcrumb__list::-webkit-scrollbar{display:none}
.site-breadcrumb__list li{display:inline-flex;min-width:0;align-items:center}
.site-breadcrumb__list li+li::before{
  width:6px;height:6px;margin:0 11px;content:"";flex:none;
  border-top:1.5px solid #9aabbd;border-right:1.5px solid #9aabbd;transform:rotate(45deg);
}
.site-breadcrumb__list a{
  display:inline-flex;align-items:center;gap:6px;color:#356da9;font-weight:750;text-decoration:none;
}
.site-breadcrumb__list a:hover{color:#174f8e}
.site-breadcrumb__home svg{width:14px;height:14px;fill:currentColor}
.site-breadcrumb__current{min-width:0;color:#31475f;font-weight:750}
.site-breadcrumb__current span{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis}
.game-hub-page .site-breadcrumb__list,
.collection-list-page .site-breadcrumb__list,
.collection-detail-page .site-breadcrumb__list,
.news-hub-page .site-breadcrumb__list{
  border-color:rgba(155,183,219,.2);background:rgba(17,28,45,.86);
  box-shadow:0 8px 22px rgba(0,0,0,.12);color:#aebed2;
}
.game-hub-page .site-breadcrumb__list a,
.collection-list-page .site-breadcrumb__list a,
.collection-detail-page .site-breadcrumb__list a,
.news-hub-page .site-breadcrumb__list a{color:#a9c9f7}
.game-hub-page .site-breadcrumb__current,
.collection-list-page .site-breadcrumb__current,
.collection-detail-page .site-breadcrumb__current,
.news-hub-page .site-breadcrumb__current{color:#eef5ff}
.game-hub-page .site-breadcrumb__list li+li::before,
.collection-list-page .site-breadcrumb__list li+li::before,
.collection-detail-page .site-breadcrumb__list li+li::before,
.news-hub-page .site-breadcrumb__list li+li::before{border-color:#607592}
@media(max-width:600px){
  .site-breadcrumb{margin:10px auto;padding:0 12px}
  .site-breadcrumb__list{padding:8px 10px;border-radius:10px}
  .site-breadcrumb__current span{max-width:220px}
}