/* MDP Central editorial icon treatment */
body .city-illustration-frame {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: #f5f8fb !important;
  border: 1px solid #e2e9ef !important;
  box-shadow: none !important;
  filter: none !important;
  overflow: visible !important;
}

body .city-illustration-frame > svg,
body .editorial-cover > svg {
  filter: none !important;
  transform: none !important;
  transition: color .16s ease, transform .16s ease !important;
}

body a:hover .city-illustration-frame > svg,
body a:hover .editorial-cover > svg {
  transform: translateY(-1px) !important;
}

body .city-illustration-live {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
}

body .city-illustration-live > svg {
  width: 27px !important;
  height: 27px !important;
}

body .city-illustration-shortcut {
  width: 58px !important;
  height: 58px !important;
  border-radius: 14px !important;
  background: #f5f8fa !important;
  border-color: #e1e8ee !important;
}

body .city-illustration-shortcut > svg {
  width: 30px !important;
  height: 30px !important;
}

body .shortcut:hover .city-illustration-shortcut {
  background: #eef5f9 !important;
  border-color: #c7d9e4 !important;
}

body .city-illustration-quick {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: #f6f8fa !important;
}

body .city-illustration-quick > svg {
  width: 26px !important;
  height: 26px !important;
}

body .editorial-cover {
  background: #f2f6f9 !important;
  color: #47677d !important;
}

body .editorial-cover > svg {
  width: 34px !important;
  height: 34px !important;
}

body .shortcut {
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease !important;
}

body .shortcut:hover {
  transform: translateY(-2px) !important;
}

@media (max-width: 820px) {
  body .city-illustration-shortcut {
    width: 52px !important;
    height: 52px !important;
  }
  body .city-illustration-shortcut > svg {
    width: 28px !important;
    height: 28px !important;
  }
}