.customer-styles {
  /* START article: icon */
  /* END article: icon */
}

.customer-styles .template_icon {
  padding: 1px 0;
}

.customer-styles .template_icon .global-content {
  margin: 50px auto;
}

.customer-styles .template_icon .separator {
  display: flex;
  flex-direction: row;
}

.customer-styles .template_icon .separator .icon {
  color: #90a4ae;
  font-family: 'Dosis-Regular';
  font-size: 16px;
  text-align: center;
  align-self: center;
  margin-right: 10px;
}

.customer-styles .template_icon .separator .icon:focus {
  background-color: inherit;
  color: #90a4ae;
  outline: none;
}

.customer-styles .template_icon .separator .icon p {
  line-height: inherit;
}

.customer-styles .template_icon .separator .icon.contentEditableEmpty::before {
  color: rgba(144, 164, 174, 0.5);
}

.customer-styles .template_icon .separator .icon-circle {
  display: flex;
  background: #ff1744;
  border-radius: 50%;
  height: 70px;
  width: 70px;
}

.customer-styles .template_icon .separator .icon-circle i {
  color: #000;
  width: 100%;
  text-align: center;
  align-self: center;
  font-size: 32px;
}

.customer-styles .template_icon .separator::before, .customer-styles .template_icon .separator::after {
  border-bottom: 1px solid #ff1744;
  content: '';
  flex: 1 1;
  margin: auto;
}

.customer-styles .template_icon .separator::before {
  margin-right: 20px;
}

.customer-styles .template_icon .separator::after {
  margin-left: 20px;
}

.customer-styles .template_icon .separator.transparent::before, .customer-styles .template_icon .separator.transparent::after {
  border-bottom-color: rgba(255, 23, 68, 0.5);
}

.customer-styles .template_icon.no-bottom-margin .global-content {
  margin-bottom: 0;
}