/*
 * The styles in here are actually not legacy: The reason why this is not bundled is that we want to
 * include it in <noscript>.
 */

noscript ~ * {
  display: none !important;
}

.d-no-script-main-container {
  padding: 30px 15px;
}

.d-no-script-message {
  max-width: 400px;
  padding: 10px 0;
}

.dark-bg a:not(.button) {
  color: white;
}

@media (min-height: 500px) {
  .d-no-script-main-container {
    padding-top: 60px;
  }
}

@media (min-width: 600px) {
  .d-no-script-main-container {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 1200px) {
  .d-no-script-main-container {
    padding-left: 120px;
    padding-right: 120px;
  }
}