/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-notification-bar {
  transition: max-height 0.4s, padding 0.4s, border 0.4s, border-color 0.4s, background-color 0.4s;
  position: relative;
  display: flex;
  align-items: center;
  max-height: 0; }
  .gio-notification-bar--error {
    background-color: #fff3f0;
    border-color: #ff8964;
    fill: #ff8964; }
  .gio-notification-bar--success {
    background-color: #f3f9f3;
    border-color: #82c785;
    fill: #82c785; }
  .gio-notification-bar--info {
    background-color: #eff7fd;
    border-color: #62aced;
    fill: #62aced; }
  .gio-notification-bar--warning {
    background-color: #fff8ed;
    border-color: #ffb74d;
    fill: #ffb74d; }
  .gio-notification-bar--display {
    padding: 10px 20px;
    max-height: 300px;
    border-width: 1px;
    border-style: solid; }
  .gio-notification-bar__close-btn {
    position: absolute;
    top: 5px;
    right: 10px; }
    .gio-notification-bar__close-btn:hover {
      cursor: pointer; }
  .gio-notification-bar--icon {
    align-items: center;
    margin-right: 10px; }
    .gio-notification-bar--icon-wrapper {
      display: flex; }