@import "flive-vars";

.base {

}
.plain-content-wrapper {
  font-size: 1rem;
  width: 100%;
  margin: -1px 0 1.5em 0;
}
.plain-content {
  background: $x-light-grey;
  border: 1px solid $light-grey;
  padding: 1em;
}

.opened {
  // min-height: 200px;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
}

// cards
.card-2 {
  @include span(6 of 12);
}
.card-3 {
  @include span(4 of 12);
}
.card-4 {
  @include span(3 of 12);
}
.card-5 {
  @include span(2 of 10);
}
.card-6 {
  @include span(2 of 12);
}
.card-7 {
  @include span(2 of 14);
}
.card-8 {
  @include span(2 of 16);
}
.card-9 {
  @include span(1 of 9);
}
.card-10 {
  @include span(1 of 10);
}
.card-11 {
  @include span(1 of 11);
}
.card-12 {
  @include span(1 of 12);
}
.last-card {
  margin-right: 0;
}
