.SimpleHeader-holder {
  transition: var(--animationBase);
  background: var(--colorBodyBg);
}

.SimpleHeader-frame {
  position: relative;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 48.01rem) {
  .SimpleHeader-frame {
    gap: 1.5rem;
  }
}

.SimpleHeader-logo {
  order: -1;
  margin-right: auto;
}

@media (min-width: 80.01rem) {
  .SimpleHeader-logo {
    margin-right: 0;
  }
}

.SimpleHeader-logo img, .SimpleHeader-logo svg {
  max-width: clamp(7rem, 20vw, 12.5rem);
  height: auto;
}

/*# sourceMappingURL=simple-header.min.css.map */