.page-mascot,
.page-mascot.overlays-divider {
  width: 100%;
  top: 48px;
  z-index: 2000;
}

.page-mascot:has(> .page-mascot-picker:not([hidden])) {
  z-index: 1000000;
}

#txt .page-mascot-background {
  height: 100px;
}

.page-mascot-background img.page-mascot-background-left,
.page-mascot-background img.page-mascot-background-right {
  display: none;
}

.page-mascot-art {
  width: 100%;
  right: 0px;
  min-width: 120px;
  height: 100px;
}

#txt h1.page-main-heading {
  font-size: 32px;
  gap: 5px;
  padding-left: 5px;
  height: 100px;
  min-height: 0px;
  display: block;
}

#txt:has(> .page-mascot.has-mascot) h1.page-main-heading {
  z-index: 2001;
}

.page-mascot-art img.page-mascot-image {
  width: var(--mascot-mobile-width, 50%) !important;
  height: var(--mascot-mobile-height, 140px) !important;
  max-width: none !important;
  max-height: none !important;
  left: auto !important;
  right: calc(0px - var(--mascot-x-offset, 0px));
  top: auto !important;
  bottom: calc(-6px - var(--mascot-y-offset, 0px)) !important;
}

.page-mascot-picker {
  box-sizing: border-box;
  width: min(400px, calc(100vw - 24px));
}

.page-mascot-grid {
  grid-template-columns: repeat(4, minmax(0, 48px));
  justify-content: space-around;
}