/* stylelint-disable selector-class-pattern */
.cmasAdRoot {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.cmasAdHeader {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  margin: 12px 0;
  text-align: center;
}

.Side1-container,
.Side2-container {
  height: 600px;
  max-height: 600px;
  max-width: 300px;
  overflow: hidden;
  width: 300px;
}

.Content1-container,
.Content2-container,
.Content3-container,
.Content4-container,
.SideNoFlex1-container,
.SideNoFlex2-container,
.SideNoFlex3-container {
  height: 250px;
  max-height: 250px;
  max-width: 300px;
  overflow: hidden;
  width: 300px;
}

.SideLong1-container,
.SideLong2-container {
  height: 600px;
  max-height: 600px;
  max-width: 160px;
  overflow: hidden;
  width: 160px;
}

.Header-container,
.Adhesion1-container,
.ContentLeader1-container {
  height: 50px;
  max-height: 50px;
  max-width: 320px;
  overflow: hidden;
  width: 320px;
}

@media (min-width: 768px) {
  .Header-container,
  .Adhesion1-container,
  .ContentLeader1-container {
    height: 90px;
    max-height: 90px;
    max-width: 728px;
    width: 728px;
  }
}

@media (min-width: 1024px) {
  .Header-container {
    height: 250px;
    max-height: 250px;
    max-width: 970px;
    width: 970px;
  }
}

@media (min-width: 1024px) {
  .Adhesion1-container {
    height: 90px;
    max-height: 90px;
    max-width: 970px;
    width: 970px;
  }
}

.Side1-container > div,
.Side2-container > div,
.Content1-container > div,
.Content2-container > div,
.Content3-container > div,
.Content4-container > div,
.SideNoFlex1-container > div,
.SideNoFlex2-container > div,
.SideNoFlex3-container > div,
.SideLong1-container > div,
.SideLong2-container > div,
.Header-container > div,
.Adhesion1-container > div,
.ContentLeader1-container > div {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
}

.carambola-test-content {
  height: 600px;
}