@zohodesk/dot/lib/alert/AlertHeader/AlertHeader.module.css

In this Library, we Provide Some Basic Components to Build Your Application

.container {
  min-height: var(--zd_size54) ;
  position: relative;
  padding-block:var(--zd_size12) ;
  padding-inline:var(--zd_size26) var(--zd_size45) ;
}

.extraSmall {
  padding-block:var(--zd_size12) ;
  padding-inline:var(--zd_size16) var(--zd_size45) ;
}

.iconContainer {
  margin-block:0 ;
  margin-inline: 0 var(--zd_size10) ;
}

.title {
  margin-block:0 ;
  margin-inline:0 var(--zd_size5) ;
  font-size: 0 ;
}

.iconStyle {
  display: block;
}

/* Palette */

.default {
  background-color: var(--zdt_alertheader_default_bg);
}

.primary {
  background-color: var(--zdt_alertheader_primary_bg);
}

.danger {
  background-color: var(--zdt_alertheader_danger_bg);
}

/* icon size */

.icon_delete, .icon_alert, .icon_remoteAssist {
  font-size: var(--zd_font_size20) ;
}

.icon_splitTicket {
  font-size: var(--zd_font_size16) ;
  font-weight: bold;
}

.icon_update {
  font-size: var(--zd_font_size16) ;
}

.text_danger {
  color: var(--zdt_alertheader_danger_text);
}

.text_primary {
  color: var(--zdt_alertheader_primary_text);
}

.text_default {
  color: var(--zdt_alertheader_default_text);
}