@mixin headStyle {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-gray-666);
  text-transform: uppercase;
}

@mixin collapsed {
  display: none;
}

@mixin colBorder {
  border-top: 1px solid var(--color-gray-aaa);
  border-right: 1px solid var(--color-gray-aaa);
}

@mixin flexCenterBeetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@mixin infoStyles {
  display: grid;
  grid-template-columns: min-content 5px min-content;
  gap: 10px;

  padding: 0 20px;

  white-space: nowrap;
}

@mixin iconsFlex {
  app-cmf-icon,
  app-cmf-doodle-icon {
    display: flex;
  }
}

@mixin flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin defaultStylesSubElements() {
  font-size: 13px;
  color: var(--color-gray-888);
}