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

#root main {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  width: 100%;
}

#top {
  box-sizing: border-box;
  left: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: hidden !important;
  overflow: clip !important;
  overflow-x: hidden !important;
  overflow-x: clip !important;
  transform: none !important;
  width: 100% !important;
}

#top > .absolute.left-1\/2,
#top > img.absolute.left-1\/2,
#top > video.absolute.left-1\/2,
#top > div.absolute.left-1\/2 {
  left: 0 !important;
  max-width: none !important;
  min-width: 100% !important;
  right: 0 !important;
  transform: none !important;
  width: 100% !important;
}

#top > .relative.z-10.mx-auto {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 80rem !important;
  width: min(80rem, 100%) !important;
}

#root main > section[data-dk-route-hero] {
  box-sizing: border-box;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow: clip !important;
  overflow-x: hidden !important;
  overflow-x: clip !important;
  width: 100% !important;
}

#root main > section[data-dk-route-hero] > :not(.absolute):not(.fixed):not(.sticky) {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 80rem;
  width: min(80rem, 100%);
}