.flex-x {
  display: flex;
  flex-direction: row;
}

.flex-y {
  display: flex;
  flex-direction: column;
}

.around {
  justify-content: space-around;
}

.between {
  justify-content: space-between;
}

.center {
  align-items: center;
}

.left {
  justify-content: flex-start;
}

.right {
  justify-content: flex-end;
}

.start {
  align-items: flex-start;
}

.end {
  align-items: flex-end;
}

.grow {
  flex: 1;
}

.wrap {
  flex-wrap: wrap;
}

.mid {
  justify-content: center;
}

.hide {
  height: 0 !important;
  visibility: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.img-box {
  font-size: 0;
  /* overflow: hidden; */
  position: relative;
}

.img-box>img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

[class*='cover-mask'] {
  overflow: visible !important;
  position: relative;
}

[class*='cover-mask']::before {
  content: "";
  background: transparent;
  border-radius: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

[class*='cover-mask'][class*="--small"]::before {
  width: 150%;
  height: 150%;
}

[class*='cover-mask'][class*="--media"]::before {
  width: 200%;
  height: 200%;
}

[class*='cover-mask'][class*="--large"]::before {
  width: 400%;
  height: 400%;
}