/* display */
.block {
  display: block;
}

.inline {
  display: inline-block;
}

/* position */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  /*
    IE11 Fallback: when sticky is not supported, fall back to relative positioning.
    We do this so if there is a zIndex set on sticky, the stacking context will be correct
  */
  position: relative;
  position: sticky;
}
/* overflow */

.oh,
.overflowHidden {
  overflow: hidden;
}

.os,
.overflowScroll {
  overflow: scroll;
}

.oa,
.overflowAuto {
  overflow: auto;
}

.oxa,
.overflowAutoX {
  overflow-x: auto;
  overflow-y: hidden;
}

.oya,
.overflowAutoY {
  overflow-x: hidden;
  overflow-y: auto;
}

.w25 {
  width: 25%;
}

.w50 {
  width: 50%;
}

.w100 {
  width: 100%;
}

.w100vw {
  width: 100vw;
}

.h25 {
  height: 25%;
}

.h50 {
  height: 50%;
}

.h100 {
  height: 100%;
}

.h100vh {
  height: 100vh;
}