@import "../../fonts/ProximaRegular.scss";
@import "../../global.scss";

.AnalyticsCard {
  &Wrapper {
    box-sizing: border-box;
    border-radius: 10px;
    border: $border-width solid $grey-4;
    font-family: "Proxima Nova", sans-serif;
    background-color: $bg-color;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  &Header,
  &Body,
  &Footer {
    padding: 20px;
  }

  &Header {
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    color: $font-color;
    height: 60px;
    &Border {
      border-bottom: $border-width solid $grey-4;
    }
  }

  &Footer {
    box-sizing: border-box;
    border-top: $border-width solid $border-color;
    font-size: 12px;
    color: $font-color;
  }

  &Body {
    color: $font-color-dark;
    box-sizing: border-box;
    flex-grow: 1;
  }
}