@import '../../global/styles/colors.scss';

.colored-rectangle {
  display: inline-block;
  width: 10px;
  height: 12px;
  border: 4px solid transparent;
}

.color-label {
    position: relative;
    top: -5px;
}

.color-grey-90 {
    background-color: $grey-90;
}
.color-grey-57 {
    background-color: $grey-57;
}
.color-grey-16 {
    background-color: $grey-16;
}
.color-grey-4 {
    background-color: $grey-4;
}
.color-white {
    background-color: $white;
}
.color-brand-primary {
    background-color: $brand-primary;
}
.color-brand-primary-light {
    background-color: $brand-primary-light;
}
.color-red {
    background-color: $red;
}
.color-red-light {
    background-color: $red-light;
}