/* Responsive overrides for the Figma desktop layout (designed at 1440px) */

body {
  overflow-x: hidden;
}

.desktop-shell,
.audit-shell {
  display: none;
}

.mobile-view {
  display: none;
}

@media (min-width: 1440px) {
  .desktop-shell,
  .audit-shell {
    display: block;
    width: 100vw;
    max-width: none;
    margin: 0;
    overflow: hidden;
    position: relative;
  }

  .desktop-veiw,
  .audit-shell > .website-audit-tool {
    width: 1440px;
    max-width: none;
    margin: 0;
    transform-origin: top left;
  }

  .mobile-view {
    display: none !important;
  }
}

@media (max-width: 1439px) {
  .desktop-shell,
  .audit-shell {
    display: none !important;
  }

  .desktop-veiw,
  .audit-shell > .website-audit-tool {
    display: none !important;
  }

  .mobile-view {
    display: block !important;
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
  }
}