.host {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-block-size: 36px;
}

.pickers {
  position: absolute;
  display: flex;
  color: var(--vkui--color_text_primary);
}

.picker + .picker {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

.navIcon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
}

.navIcon.navIcon {
  border-radius: var(--vkui--size_border_radius--regular);
}

.navIconAccent {
  color: var(--vkui--color_icon_accent);
}

.navIconNext {
  inset-inline-end: 0;
}

.navIconPrev {
  inset-inline-start: 0;
}

.month {
  text-transform: capitalize;
}