.bl-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--bl-icon-size, var(--bl-icon-md));
  height: var(--bl-icon-size, var(--bl-icon-md));
  font-family: var(--bl-font-icons);
  font-size: var(--bl-icon-size, var(--bl-icon-md));
  font-weight: normal;
  font-style: normal;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  user-select: none;
}

.bl-area-card-icon .bl-icon,
.bl-shell-rail-brand .bl-icon,
.bl-empty-icon .bl-icon {
  --bl-icon-size: var(--bl-icon-xl);
}

.bl-login-field-icon .bl-icon,
.bl-cal-task-remove .bl-icon,
.bl-postit-card-action .bl-icon {
  --bl-icon-size: var(--bl-icon-md);
}