/*
    Overrides for Fabric types.

    These should be used as a last resort.

    Use type classes like "ms-font-m" wherever possible.

    Sometimes we wish to override Fabric styling, and it is impossible to use
    native type classes. In those cases, these can be used.
*/
.hub-group-alert {
  height: 40px;
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  border: 1px solid #EBCCD1;
}

.mobile .hub-group-alert {
  height: initial;
}

.mobile .hub-group-alert > * {
  line-height: initial;
}

.hub-group-alert > * {
  line-height: 40px;
}

.hub-group-alert > .type-icon {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  margin-left: 10px;
}

.hub-group-alert > .message {
  margin-left: 6px;
}