.host {
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--vkui--color_background_contrast_themed);
  border: var(--vkui--size_border--regular) solid var(--vkui--color_field_border_alpha);
  border-radius: 8px;
  box-shadow: var(--vkui--elevation1);
}

.wide {
  inline-size: 100%;
}

.bottom {
  -webkit-border-before: 0;
          border-block-start: 0;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.top {
  inset-block-end: 100%;
  -webkit-border-after: 0;
          border-block-end: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  box-shadow: var(--vkui--elevation1_invert_y);
}

.fetching {
  padding-block: 12px;
  padding-inline: 0;
}

.inWithMaxHeight {
  max-block-size: 160px;
}

/**
 * CMP:
 * CalendarHeader
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

:global(.vkuiInternalCalendarHeader__pickers) .inWithMaxHeight {
  max-block-size: 184px;
}