/* Reserve space before the custom element loads, including during hydration. */
.heo-hero-content > linxi-mascot {
  display: block;
  flex: none;
  width: 172px;
  height: 141px;
  margin: 0 auto 4px;
}

.heo-hero-shell:has(linxi-mascot) {
  justify-content: flex-start;
  padding-top: 96px;
}

@media (max-width: 767px) {
  .heo-hero-content > linxi-mascot {
    width: 150px;
    height: 123px;
    margin-bottom: 8px;
  }

  .heo-hero-shell:has(linxi-mascot) {
    padding-top: 82px;
  }
}