/**
 * @file
 * Ckeditor styles
 * Use Globaly
 */


/**
 * Font Size
 */

.heading-size-xs {
  font-size: var(--heading-size-xs);
}
.heading-size-s {
  font-size: var(--heading-size-s);
}
.heading-size-m {
  font-size: var(--heading-size-m);
}
.heading-size-l {
  font-size: var(--heading-size-l);
}


.text-size-l {
  font-size: var(--text-size-l);
}


/**
 * Colors
 */

.color-green {
  color: var(--color-primary--text);
}


/**
 * Icons
 */

.icon-phone {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.icon-phone::before {
  content: "";
  display: inline-block;
  width: 19.5px;
  height: 18.5px;
  flex-shrink: 0;
  background-image: url('..//images/ckeditor/phone.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}