/* VCC_GLOBAL_HEADER_LIKE_GAME_V1 */

/*
 * Страница игры — эталон.
 * На узком viewport shell имеет 24px слева/справа.
 */
.shell{
  width:min(1180px,calc(100% - 48px)) !important;
}

/*
 * Та же геометрия topbar, которая сейчас используется
 * на странице игры.
 */
.topbar{
  width:min(1180px,calc(100vw - 40px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Одинаковая внутренняя геометрия бренда. */
.brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.brand-mark{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
}

.brand-logo-img{
  width:31px !important;
  height:32px !important;
  object-fit:contain;
  object-position:center center;
  display:block;
  transform:translateX(0) !important;
}

@media(max-width:560px){
  .shell{
    width:calc(100% - 24px) !important;
  }

  .topbar{
    width:calc(100vw - 24px) !important;
  }
}