.flex {
  display: flex;
}

.grid {
  display: grid;
}

.dib {
  display: inline-block;
}

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

.fww {
  flex-wrap: wrap;
}

.f1 {
  flex: 1;
}

.f2 {
  flex: 2;
}

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

.jcc {
  justify-content: center;
}

.aic {
  align-items: center;
}

.vam {
  vertical-align: middle;
}

.vat {
  vertical-align: top;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.csp {
  cursor: pointer;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.pof {
  position: fixed;
}

.pos {
  position: sticky;
  top: 0;
}

.ovh {
  overflow: hidden;
}

.ova {
  overflow: auto;
}

.bsb {
  box-sizing: border-box;
}

.ellipsis,
.wot1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.no-scroll::-webkit-scrollbar {
  display: none;
}

.no-scroll-x::-webkit-scrollbar {
  height: 0;
}

.no-scroll-y::-webkit-scrollbar {
  width: 0;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}