@import url("app.css");
@import url("nav.css");

#mocha {
  border: 0 !important;
  height: auto !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding: 10px 0 10px 0 !important;
  background-color: white;
}

#mocha-stats {
  top: 0 !important;
  right: 0 !important;
  width: calc(100% - 42px) !important;
  height: 40px !important;
  padding: 0 21px !important;
  position: relative !important;
}

#mocha-stats .failures>em,
#mocha-stats .duration>em,
#mocha-stats .progress-text {
  color: gray !important;
}

#mocha-report {
  margin: 0 !important;
  padding-left: 0px !important;
  padding-right: 21px !important;
  padding-bottom: 21px !important;
}

/**
 * iPhone 5             : 320 x 568
 * iPhone 6/7/8         : 375 x 667
 * iPhone 11 Pro        : 375 x 812
 * Pixel 7              : 412 x 915
 * iPhone 6/7/8 Plus    : 414 x 736
 * iPhone 11            : 414 x 896
 * iPhone 12/14         : 390 x 844
 * iPhone 14/15 Pro Max : 430 x 932
 */
@media
only screen and (min-width: 320px) and (max-width: 430px) and (orientation: portrait),
only screen and (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
  #mocha-stats {
    width: calc(100% - 30px) !important;
    padding: 0 15px !important;
  }
  #mocha-report {
    padding-right: 15px !important;
  }
}