@import "~cosmoUiVariables";

$frequency-item-checkbox-size: 12px;

.container {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 250px;
}

.list {}

.item {
  min-height: max-content;
  background-color: $card_background;
  border-bottom: $card_inner_border;
  padding: 10px;
  text-transform: uppercase;
}


.header {
  margin-bottom: $margin-300;
}

.input {
    border: $border-mid;
    width: $frequency-item-checkbox-size;
    height: $frequency-item-checkbox-size;
    flex-basis: 7%;
}

.label {
  font-size: 12px;
  padding-left:10px;
  color: $text-global;
  text-overflow: ellipsis;
  flex-basis: 93%;
}

.smart {
  width: 15px;
  height: 15px;
  background-color: $color-orange-500;
  padding: 0px 5px;
  font-size: 10px;
  font-weight: bold;
  color: $brand-primary;
}