/* stylelint-enable */

.pf-c-alert {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 1fr -webkit-max-content;
  -ms-grid-columns: max-content 1fr max-content;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
      grid-template-areas: "icon title action" "icon content content";
  background-color: #fff;
  box-shadow: 0 0.1875rem 0.4375rem 0.1875rem rgba(3, 3, 3, 0.13), 0 0.6875rem 1.5rem 1rem rgba(3, 3, 3, 0.12); }

.pf-c-alert__icon {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  display: flex;
  grid-area: icon;
  padding: 1rem;
  font-size: 1.3125rem;
  color: #004368;
  background-color: #39a5dc; }

.pf-c-alert__title {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: title;
  padding: 1rem 1rem 0.5rem 1rem;
  font-size: 1rem;
  color: #004368; }

.pf-c-alert__description {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: content;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem; }

.pf-c-alert__action {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: action;
  padding-top: 0.6875rem;
  padding-right: 0.25rem; }
