.host {
  position: fixed;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: var(--vkui_internal--z_index_tabs);
  box-sizing: content-box;
  display: flex;
  inline-size: 100%;
  block-size: var(--vkui_internal--tabbar_height);
  -webkit-padding-after: var(--vkui_internal--safe_area_inset_bottom);
          padding-block-end: var(--vkui_internal--safe_area_inset_bottom);
  overflow: hidden;
  background: var(--vkui--color_background_tertiary);
}

.shadow {
  box-shadow: var(--vkui--elevation3);
}

/**
 * iOS
 */

.ios.shadow {
  box-shadow: none;
}

.ios.shadow::before {
  position: absolute;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: var(--vkui--size_border--regular);
  content: '';
  background: var(--vkui--color_separator_primary_alpha);
}