.formSelect {
  /* Общие стили */
  --formSelectHeight: 6rem;
  --formSelectMinWidth: unset;
  --formSelectWidth: 100%;
  --formSelectUserSelect: none;
  --formSelectPosition: relative;
  --formSelectMargin: 0;
  --formSelectDisplay: flex;
  --formSelectCursor: pointer;
  --formSelectColor: var(--deUIColorShark);
  --formSelectPadding: 0 2rem;
  --formSelectBorder: 1px solid var(--deUIColorAthensGray);
  --formSelectBorderRadius: 1rem;
  --formSelectBg: var(--deUIColorWhite);
  --formSelectTransition: .2s;
  --formSelectPlaceholderColor: var(--deUIColorBlueHaze);
  --formSelectTextAlign: left;
  --formSelectFs: inherit;

  /* Элемент выпадающей иконки */
  --formSelectIconOpacity: 1;

  /* Элемент меню */
  --formSelectMenuTop: 100%;
  --formSelectMenuWidth: 100%;
  --formSelectMenuBoxShadow: 0 .5rem 1rem rgb(187, 193, 213, .4);
  --formSelectMenuBorderRadius: 1rem;
  --formSelectMenuBg: var(--formSelectBg);
  --formSelectMenuZIndex: 500;
  --formSelectMenuMaxHeight: 27rem;
  --formSelectMenuAnimation: selectMenuOpenFromBtm .5s ease-in-out;

  /* Заголовок группы опций */
  --formSelectGroupColor: var(--deUIColorNepal);
  --formSelectGroupFontWeight: 600;
  --formSelectGroupCursor: default;
  --formSelectGroupHeight: var(--formSelectHeight);
  --formSelectGroupPadding: 2rem;
  --formSelectGroupBgColor: var(--deUIColorHawkesBlue);

  /* Элемент опции */
  --formSelectOptionColor: currentColor;
  --formSelectOptionFontWeight: 400;
  --formSelectOptionCursor: pointer;
  --formSelectOptionHeight: var(--formSelectHeight);
  --formSelectOptionPadding: 2rem;
  --formSelectOptionTransition: .2s;
  --formSelectOptionBgColor: var(--deUIColorWhite);
  --formSelectOptionDisabledBgColor: var(--deUIColorWhite);
  --formSelectOptionDisabledColor: var(--deUIColorBlueHaze);
  --formSelectOptionDisabledCursor: not-allowed;

  /* Элемент опции с модификатором .&--isHover или .isHover, или :hover */
  --formSelectOptionHoverBgColor: var(--deUIColorHawkesBlue);
  --formSelectOptionHoverColor: var(--deUIColorVeniceBlue);

  /* Элемент выбранной опции с модификатором .&--isActive или .isActive */
  --formSelectOptionActiveBgColor: var(--deUIColorHawkesBlue);
  --formSelectOptionActiveColor: var(--deUIColorVeniceBlue);

  /* Модификация .&--isHover или &.isHover или :hover  */
  --formSelectHoverBorder: 1px solid var(--deUIColorBlueHaze);

  /* Модификация .&--isOpen или &.isOpen  */
  --formSelectOpenBorder: 1px solid var(--deUIColorRoyalBlue);
  --formSelectOpenIconTransform: rotate(180deg) translateZ(0);

  /* Модификация .&--isLoading или &.isLoading */
  --formSelectLoadingIconAnimation: selectLoadingIcon 1s linear infinite;

  /* Модификация .&--isDisabled или &.isDisabled */
  --formSelectDisabledCursor: not-allowed;
  --formSelectDisabledBg: var(--deUIColorBlueHaze);

  /* Модификация .&--isInvalid или &.isInvalid */
  --formSelectInvalidBorder: 1px solid var(--deUIColorRedRibbon);

  /* Модификация .&--isMulti */
  --formSelectMultiValuePadding: 1rem 1.25rem;
  --formSelectMultiValueBorderRadius: 1rem;
  --formSelectMultiValueBg: var(--deUIColorBlueHaze);
  --formSelectMultiValueLineHeight: 1;
  --formSelectMultiValueTransition: .2s;
  --formSelectMultiValueHoverBg: var(--deUIColorWispPink);
  --formSelectMultiValueMr: .75rem;
  --formSelectMultiValueIconMl: 1rem;
  --formSelectMultiValueIconSize: 1.25rem;
}