.w12 {
  width: calc(12.5%);
}

.w16 {
  width: calc(100% / 6);
}

.w20 {
  width: calc(100% / 5);
}

.w25 {
  width: calc(100% / 4);
}

.w33 {
  width: calc(100% / 3);
}

.w37 {
  width: calc(100% / 8 * 3);
}

.w50 {
  width: calc(100% / 2);
}

.w66 {
  width: calc(100% / 3 * 2);
}

.w75 {
  width: calc(75%);
}

.w80 {
  width: calc(80%);
}

.w83 {
  width: calc(100% / 6 * 5);
}

.w100 {
  width: calc(100% / 1);
}

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

.flex-wrap {
  flex-wrap: wrap;
}

.align-baseline {
  align-items: baseline;
}

.p-base {
  padding: var(--padding-base);
}

.p-base-h {
  padding: var(--padding-half);
}

.p-base-container-parent > *,
.p-base-container-parent > * > *,
.p-base-container {
  padding: var(--padding-half);
}

.p-base-container-inner > .p-base-container,
.p-base-container > .p-base-container-inner,
.p-base-container > .p-base-container,
.p-base-container-inner {
  padding: 0;
}

.p-base-container-inner > *,
.p-base-container > * {
  padding: var(--padding-half);
}

.item-padding-container > * {
  padding-right: var(--padding-base);
}

.p-vert {
  padding-top: var(--padding-base);
  padding-bottom: var(--padding-base);
}

.p-vert-h {
  padding-top: var(--padding-half);
  padding-bottom: var(--padding-half);
}

.p-sides {
  padding-right: var(--padding-base);
  padding-left: var(--padding-base);
}

.p-sides-double {
  padding-right: var(--padding-double);
  padding-left: var(--padding-double);
}

.p-sides-h {
  padding-right: var(--padding-half);
  padding-left: var(--padding-half);
}

.p-slim {
  padding: 0.5rem var(--padding-base) 0.5rem var(--padding-base)
}

.p-half {
  padding: var(--line-height-base);
}

.p-t {
  padding-top: var(--line-height-base);
}

.p-b {
  padding-bottom: var(--line-height-base);
}

.p-top {
  padding-top: var(--padding-base);
}

.p-top-h {
  padding-top: var(--padding-half);
}

.p-t-h {
  padding-top: var(--padding-half);
}

.p-bottom {
  padding-bottom: var(--padding-base);
}

.p-bottom-h {
  padding-bottom: var(--padding-half);
}

.p-b-h {
  padding-bottom: var(--padding-half);
}

.p-none {
  padding: 0 !important;
}