/*
 * JLPT180 Dashboard Chat Compatibility CSS owner.
 * P4.35: moved fixed-chat compatibility rules from dashboard.css.
 * Scope: fixed chat selectors only.
 */
@media (min-width: 900px){
body.jlpt180-clean-lobby [id*="chat" i][style*="fixed"],
body.jlpt180-clean-lobby [class*="chat" i][style*="fixed"]{
transform: scale(.72);
    transform-origin: right bottom;
    right: 8px;
    bottom: max(4px, env(safe-area-inset-bottom));
  }
}


@media (max-width: 899px){
body.jlpt180-clean-lobby [id*="chat" i][style*="fixed"],
body.jlpt180-clean-lobby [class*="chat" i][style*="fixed"]{
display: none;
  }
}


@media (min-width: 900px){
body.jlpt180-clean-lobby [id*="chat" i],
body.jlpt180-clean-lobby [class*="chat" i]{
display: none;
  }
}


@media (min-width: 900px){
body.jlpt180-clean-lobby .fixed-chat,
body.jlpt180-clean-lobby #jlpt180Chat,
body.jlpt180-clean-lobby [id*="chat" i][style*="fixed"],
body.jlpt180-clean-lobby [class*="chat" i][style*="fixed"]{
right: 20px;
    bottom: 88px;
    transform: scale(.86);
    transform-origin: right bottom;
  }
}
