.clearfix:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  display: block;
  content: " ";
}

.block {
  display: block;
}

.hidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.inline {
  display: inline;
}

.inlineBlock {
  display: inline-block;
}

.inlineFlex {
  display: inline-flex;
}

.inlineTable {
  display: inline-table;
}

.none {
  display: none;
}

.table {
  display: table;
  table-layout: fixed;
}

.tableCell {
  display: table-cell;
}

.tableColumn {
  display: table-column;
}

.tableRow {
  display: table-row;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.bottom0 {
  bottom: 0;
}

.bottom1 {
  bottom: var(--gap-1, var(--space-1));
}

.bottom2 {
  bottom: var(--gap-2, var(--space-2));
}

.bottom3 {
  bottom: var(--gap-3, var(--space-3));
}

.bottom4 {
  bottom: var(--gap-4, var(--space-4));
}

.bottom5 {
  bottom: var(--gap-5, var(--space-5));
}

.bottom6 {
  bottom: var(--gap-6, var(--space-6));
}

.bottom7 {
  bottom: var(--gap-7, var(--space-7));
}

.bottom8 {
  bottom: var(--gap-8, var(--space-8));
}

.bottom9 {
  bottom: var(--gap-9, var(--space-9));
}

.left0 {
  left: 0;
}

.left1 {
  left: var(--gap-1, var(--space-1));
}

.left2 {
  left: var(--gap-2, var(--space-2));
}

.left3 {
  left: var(--gap-3, var(--space-3));
}

.left4 {
  left: var(--gap-4, var(--space-4));
}

.left5 {
  left: var(--gap-5, var(--space-5));
}

.left6 {
  left: var(--gap-6, var(--space-6));
}

.left7 {
  left: var(--gap-7, var(--space-7));
}

.left8 {
  left: var(--gap-8, var(--space-8));
}

.left9 {
  left: var(--gap-9, var(--space-9));
}

.right0 {
  right: 0;
}

.right1 {
  right: var(--gap-1, var(--space-1));
}

.right2 {
  right: var(--gap-2, var(--space-2));
}

.right3 {
  right: var(--gap-3, var(--space-3));
}

.right4 {
  right: var(--gap-4, var(--space-4));
}

.right5 {
  right: var(--gap-5, var(--space-5));
}

.right6 {
  right: var(--gap-6, var(--space-6));
}

.right7 {
  right: var(--gap-7, var(--space-7));
}

.right8 {
  right: var(--gap-8, var(--space-8));
}

.right9 {
  right: var(--gap-9, var(--space-9));
}

.top0 {
  top: 0;
}

.top1 {
  top: var(--gap-1, var(--space-1));
}

.top2 {
  top: var(--gap-2, var(--space-2));
}

.top3 {
  top: var(--gap-3, var(--space-3));
}

.top4 {
  top: var(--gap-4, var(--space-4));
}

.top5 {
  top: var(--gap-5, var(--space-5));
}

.top6 {
  top: var(--gap-6, var(--space-6));
}

.top7 {
  top: var(--gap-7, var(--space-7));
}

.top8 {
  top: var(--gap-8, var(--space-8));
}

.top9 {
  top: var(--gap-9, var(--space-9));
}

.z0 {
  z-index: 0;
}

.z1 {
  z-index: 10;
}

.z2 {
  z-index: 20;
}

.z3 {
  z-index: 30;
}

.z4 {
  z-index: 40;
}

.z5 {
  z-index: 50;
}

.z6 {
  z-index: 60;
}

.z7 {
  z-index: 70;
}

.z8 {
  z-index: 80;
}

.z9 {
  z-index: 90;
}

.z10 {
  z-index: 100;
}

.overflowHidden {
  overflow: hidden;
}

.overflowScroll {
  overflow: scroll;
}