/* Fixed line box keeps every slogan centered without shifting the header. */
html.ai-native-v2 .ai-native-slogan {
  display: block;
  width: 340px;
  max-width: 380px;
  min-width: 0;
  height: 30px;
  overflow: hidden;
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  color: #e6f4f7;
  contain: layout paint;
}
html.ai-native-v2 .ai-slogan-track { height: 60px; }
html.ai-native-v2 .ai-slogan-track span {
  display: block;
  height: 30px;
  white-space: nowrap;
}
html.ai-native-v2.ai-is-scrolling .ml-section *,
html.ai-native-v2.ai-is-scrolling .ml-section::before,
html.ai-native-v2.ai-is-scrolling .ml-section::after,
html.ai-native-v2.ai-is-scrolling .ml-section *::before,
html.ai-native-v2.ai-is-scrolling .ml-section *::after,
html.ai-native-v2.ai-is-scrolling .tech-background *,
html.ai-native-v2.ai-is-scrolling .tech-background::before,
html.ai-native-v2.ai-is-scrolling .tech-background::after,
html.ai-native-v2.ai-is-scrolling .tech-background *::before,
html.ai-native-v2.ai-is-scrolling .tech-background *::after {
  animation-play-state: paused !important;
}
@media (max-width: 1180px) {
  html.ai-native-v2 .admin-container > .el-container > .el-header.ai-has-slogan {
    height: 104px !important;
    flex: 0 0 104px !important;
    grid-template-rows: 68px 30px;
  }
  html.ai-native-v2 .ai-native-slogan {
    width: 100%;
    grid-column: 1 / -1;
    grid-row: 2;
    font-size: 14px;
  }
  html.ai-native-v2 .header-right { grid-column: 2; grid-row: 1; }
}
@media (max-width: 600px) {
  html.ai-native-v2 .ai-has-slogan .mosonai-brand-title { display: none; }
}