.IFormicariumWidgetView {
  color: white;

  .widget-content {
    display: flex;
    flex-direction: column;
    height: 100%;

    .metrics {
      display: flex;
      flex: 1;
      flex-direction: row;

      .metric {
        width: calc(33% - 8px);

        p {
          margin-bottom: 0.3rem;

          &:first-child {
            font-weight: bold;
            text-align: center;
          }
        }
      }
    }

    .meta {
      bottom: 0px;
      left: 0.2rem;
      line-height: 1rem;
      position: absolute;
    }
  }

  &.is-loading {
    .widget-content {
      align-items: center;
      flex-wrap: nowrap;
      justify-content: center;
    }
  }
}
