.varClass {
  --commonalert_border_color: var(--zdt_commonalert_default_border);
}
.container {
  composes: varClass;
  position: relative;
  background-color: var(--zdt_alertlookup_bg);
  border-style: solid;
  border-color: var(--commonalert_border_color);
  border-width: 2px 0 0 0;
}
.headerLayout {
  min-height: var(--zd_size54) ;
}
[dir=ltr] .headerLayout {
  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
}
[dir=rtl] .headerLayout {
  padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
}

.success {
  --commonalert_border_color: var(--zdt_commonalert_success_border);
}

.info,.notification {
  --commonalert_border_color: var(--zdt_commonalert_info_border);
}

.danger,.error {
  --commonalert_border_color: var(--zdt_commonalert_danger_border);
}

.warning {
  --commonalert_border_color: var(--zdt_commonalert_warning_border);
}

[dir=ltr] .extraSmall {
  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
}

[dir=rtl] .extraSmall {
  padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
}

.iconContainer {
  height: var(--zd_size51) ;
  width: var(--zd_size51) ;
}

.title {
  color: var(--zdt_alertlookupnew_text);
  font-size: var(--zd_font_size18) ;
  line-height: 1.2222;
  font-family: var(--zd_bold);
  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
  vertical-align: middle;
  cursor: default;
}

[dir=ltr] .title {
  margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
}

[dir=rtl] .title {
  margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
}

.iconStyle {
  display: block;
}

.close {
  position: absolute;
  top: var(--zd_size12) ;
}

[dir=ltr] .close {
  right: var(--zd_size12) ;
}

[dir=rtl] .close {
  left: var(--zd_size12) ;
}