.host {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  inline-size: 1px;
  block-size: 100%;
}

.viewWidthSmallTabletPlus.spacedAuto {
  margin-block: 0;
  margin-inline: var(--vkui--size_split_col_padding_horizontal--regular);
}

@media (min-width: 768px) {
  .viewWidthNone.spacedAuto {
    margin-block: 0;
    margin-inline: var(--vkui--size_split_col_padding_horizontal--regular);
  }
}

.viewWidthTabletMinus.stretchedOnMobile {
  /* stylelint-disable-next-line declaration-no-important */
  inline-size: 100% !important;
  /* stylelint-disable-next-line declaration-no-important */
  max-inline-size: 100% !important;
}

@media (max-width: 1023.9px) {
  .viewWidthNone.stretchedOnMobile {
    /* stylelint-disable-next-line declaration-no-important */
    inline-size: 100% !important;
    /* stylelint-disable-next-line declaration-no-important */
    max-inline-size: 100% !important;
  }
}

.fixed {
  flex-grow: 1;
  flex-shrink: 1;
  inline-size: 1px;
  block-size: 100%;
}

.fixedInner {
  position: fixed;
  inset-block-start: 0;
  inline-size: inherit;
  min-inline-size: inherit;
  max-inline-size: inherit;
  block-size: inherit;
  overflow: hidden;
  transform: translateZ(0);
}