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

.rc-info-card {
  width: 100%;
  border: 1px solid $catalog-list-item-border-color;
  margin: 0;
  position: relative;
  background: $info-card-details-background;
  border-radius: 5px;

  &--with-tip {
    margin-top: $info-card-details-tip-top-margin;
  }
}

.rc-info-card__tip {
  position: absolute;
  top: $info-card-details-tip-top;
  width: $info-card-details-tip-width;
  height: $info-card-details-tip-height;
  transform: translate(-50%, 0) rotate(45deg);
  background: $info-card-details-background;
  border: 1px solid $catalog-list-item-border-color;
  border-bottom: none;
  border-right: none;
}

.rc-info-card__title {
  padding: 0;
  font-size: $info-card-details-title-font-size;
  border-bottom: 1px solid $catalog-list-item-border-color;

  &--with-close {
    padding-right: $info-card-details-header-padding + $info-card-details-close-size;
  }
}

.rc-info-card__close {
  position: absolute;
  top: $info-card-details-header-padding;
  right: $info-card-details-header-padding;
  font-size: $info-card-details-close-size;
  padding: 0;
  appearance: none;
  background: none;
  border: none;
  z-index: 1;
}

.rc-info-card__content {
  &--with-close {
    padding-right: $info-card-details-header-padding + $info-card-details-close-size;
  }
}
