@import "../variables/dimensions";
@import "../variables/colors";

.rc-catalog-item-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 1em;
  height: 1em;

  border-radius: 10%;

  background-color: $catalog-item-icon-default-bg-color;

  color: $catalog-item-icon-color;

  font-size: $catalog-item-icon-font-size;
}

.rc-catalog-item-icon__icon {
  font-size: 40%;

  &--close {
    font-size: 80%;
  }
}

.rc-catalog-item-icon--placeholder {
  color: $catalog-item-icon-no-icon-color;

  font-size: $catalog-item-icon-no-icon-font-size;
}

.rc-catalog-item-icon--round {
  border-radius: 50%;
}