html {
  max-width: 100%;
}

body {
  margin: 0;
  max-width: 100%;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

.draft-note {
  margin: 0;
  padding: 12px 16px;
  background: #1b1b1b;
  color: #fff8ef;
  font: 700 14px/1.4 system-ui, sans-serif;
}

body > div {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

button {
  min-width: 0;
  max-width: 100%;
}

#popland-days {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

#popland-days > button {
  width: 100%;
  min-width: 0 !important;
  max-width: 100%;
  box-sizing: border-box;
  padding: 2px !important;
  overflow: hidden;
}

#popland-days button,
#popland-days button * {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 800px) {
  [style*="padding: 0 80px"],
  [style*="padding: 48px 80px"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  [style*="height: 76px"] {
    height: auto !important;
    flex-wrap: wrap !important;
    row-gap: 8px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #popland-days {
    gap: 2px !important;
  }
}

a[style*="border-radius: 28px"],
a[style*="border-radius:28px"],
button[style*="border-radius: 24px"],
button[style*="border-radius:24px"],
span[aria-disabled="true"] {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  height: auto !important;
  min-height: 48px;
  padding: 12px 16px !important;
  white-space: normal;
  text-align: center;
  line-height: 1.25;
  justify-content: center;
}

@media (max-width: 1100px) {
  h1,
  h2,
  h3,
  p,
  a,
  span,
  div {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  [style*="font-size: 72px"] {
    font-size: 40px !important;
    letter-spacing: 0 !important;
  }

  [style*="font-size: 48px"],
  [style*="font-size: 44px"] {
    font-size: 32px !important;
  }

  [style*="display: flex"],
  [style*="display:flex"] {
    flex-wrap: wrap !important;
    min-width: 0 !important;
  }

  [style*="grid-template-columns"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [style*="repeat(7"] {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  [style*="80px"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  [style*="height: 76px"],
  [style*="height:76px"] {
    height: auto !important;
    row-gap: 8px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  [style*="min-width: 240px"],
  [style*="width: 240px"] {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  [style*="position: sticky"] {
    position: static !important;
  }
}