html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.lab-head,
.lab-shell,
.lab-intro,
.lab-intro > *,
.lab-workspace,
.lab-workspace > * {
  min-width: 0;
}

.lab-intro p,
.privacy,
.lab-help {
  overflow-wrap: anywhere;
}

@media (max-width: 420px) {
  .lab-head {
    align-items: flex-start;
  }

  .lab-brand {
    padding-top: 7px;
  }

  .lab-langs a {
    padding-inline: 7px;
  }

  textarea,
  .lab-actions,
  .lab-actions > *,
  .import {
    min-width: 0;
    max-width: 100%;
  }

  .lab-actions > * {
    flex: 1 1 100%;
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .import {
    width: calc(100% - 24px);
  }
}