1  //
 2  // Base styles
 3  //
 4  
 5  .brand-card {
 6    position: relative;
 7    display: flex;
 8    flex-direction: column;
 9    min-width: 0;
10    margin-bottom: ($spacer * 1.5);
11    word-wrap: break-word;
12    background-color: $card-bg;
13    background-clip: border-box;
14    border: $card-border-width solid $card-border-color;
15    @include border-radius($card-border-radius);
16  }
17  
18  .brand-card-header {
19    position: relative;
20    display: flex;
21    align-items: center;
22    justify-content: center;
23    height: 6rem;
24    @include border-radius($card-border-radius $card-border-radius 0 0);
25  
26    i {
27      font-size: 2rem;
28      color: #fff;
29    }
30  
31    .chart-wrapper {
32      position: absolute;
33      top: 0;
34      left: 0;
35      width: 100%;
36      height: 100%;
37    }
38  }
39  
40  .brand-card-body {
41    display: flex;
42    flex-direction: row;
43    padding: $card-spacer-y 0;
44    text-align: center;
45  
46    > * {
47      flex: 1;
48      padding: ($card-spacer-y * .25) 0;
49    }
50  
51    > *:not(:last-child) {
52      border-right: 1px solid $border-color;
53    }
54  }
55  
56  // stylelint-disable selector-max-universal
57  // Right-to-Left Support
58  *[dir="rtl"] {
59    .brand-card-body {
60      > *:not(:last-child) {
61        border-right: 0;
62        border-left: 1px solid $border-color;
63      }
64    }
65  }