.lio-header-inside {
  position: sticky;
  inset-block-start: var(--space-zero);
  z-index: 10;
  display: flex;
  inline-size: 100%;
  min-inline-size: var(--space-zero);
  block-size: var(--size-5xl);
  min-block-size: var(--size-5xl);
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base);
  padding-block: calc((var(--size-5xl) - var(--control-h-sm) - var(--border-w)) / 2);
  padding-inline: var(--space-base);
  overflow: hidden;
  background: var(--surface);
  border-block-end: var(--border-w) solid var(--border-subtle);
  color: var(--text);
  font-family: var(--font);
}

.lio-header-inside__nav {
  display: inline-flex;
  flex: 0 0 auto;
  min-inline-size: var(--space-zero);
  align-items: center;
}

.lio-header-inside__leading {
  display: flex;
  min-inline-size: var(--space-zero);
  flex: 1 1 auto;
  align-items: center;
  gap: var(--space-base);
  overflow: hidden;
}

.lio-header-inside__leading .lio-design-header__title-wrap {
  flex: 1 1 auto;
}

.lio-header-inside__button {
  flex: 0 0 auto;
  box-shadow: 0 0 0 0 rgb(0 0 0 / 0), 0 0 0 0 rgb(0 0 0 / 0);
}

.lio-header-inside__help {
  font: var(--body-m);
}

.lio-header-inside__button .lio-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lio-header-inside__button-icon,
.lio-header-inside__button-icon img {
  display: block;
  inline-size: 90%;
  block-size: 90%;
}

@media (max-width: 420px) {
  .lio-header-inside {
    gap: var(--space-xs);
    padding-inline: var(--space-sm);
  }

  .lio-header-inside__leading {
    gap: var(--space-xs);
  }
}