@import url('variables.css');
/* Même gabarit et même grammaire graphique que les icônes des modes standard. */
#home #mode-undercover48 .mode-logo48,
#home #mode-devinettes63 .mode-logo48,
#home #mode-pactes-croises71 .mode-logo48 {
  box-sizing: border-box !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  border: 3px solid #111 !important;
  border-radius: 10px !important;
  color: #111 !important;
  background: #ffdb00 !important;
  box-shadow: 3px 3px 0 #111 !important;
}
#home #mode-undercover48 .mode-logo48 svg,
#home #mode-devinettes63 .mode-logo48 svg,
#home #mode-pactes-croises71 .mode-logo48 svg {
  width: 28px !important;
  height: 28px !important;
  color: #111 !important;
  stroke: currentColor !important;
}
@media (max-width: 700px) {
  #home #mode-undercover48 .mode-logo48,
  #home #mode-devinettes63 .mode-logo48,
  #home #mode-pactes-croises71 .mode-logo48 {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 46px !important;
  }
  #home #mode-undercover48 .mode-logo48 svg,
  #home #mode-devinettes63 .mode-logo48 svg,
  #home #mode-pactes-croises71 .mode-logo48 svg {
    width: 24px !important;
    height: 24px !important;
  }
}