.flipbox {
  display: flex;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 1;
}
.flipbox .anchorReset, .flipbox > .anchorReset {
  text-decoration: none;
  color: var(--color-text, #0f1533);
}
@media (prefers-color-scheme: dark) {
  .flipbox .anchorReset, .flipbox > .anchorReset {
    color: #ffffff;
  }
}
.force-dark .flipbox .anchorReset, .force-dark .flipbox > .anchorReset {
  color: #ffffff;
}
.flipbox .anchorReset, .flipbox > .anchorReset {
  text-decoration: none;
  cursor: unset;
}
.flipbox .space-between {
  justify-content: space-between !important;
}

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

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

.flipbox.y.C.x-hug, .flipbox.y.C.x-fixed, .flipbox.y.C.y-hug, .flipbox.y.C.y-fixed, .flipbox.x.C.x-hug, .flipbox.x.C.x-fixed, .flipbox.x.C.y-hug, .flipbox.x.C.y-fixed {
  align-items: center;
  justify-content: center;
}
.flipbox.y.C.x-fill, .flipbox.y.C.y-fill, .flipbox.x.C.x-fill, .flipbox.x.C.y-fill {
  align-items: stretch;
}

.flipbox.x.SE {
  align-items: flex-end;
  justify-content: flex-end;
}

.flipbox.x.NE {
  align-items: flex-start;
  justify-content: flex-end;
}

.x.NW > .flipbox.y.y-hug {
  align-self: flex-start;
}

.flipbox.x.x-hug.W {
  align-items: center;
  justify-content: flex-start;
}

.flipbox.x.SW {
  align-items: flex-end;
  justify-content: flex-start;
}

.flipbox.x.E {
  align-items: center;
  justify-content: flex-end;
}

.flipbox.x.S {
  align-items: flex-end;
  justify-content: center;
}

.flipbox.x.N {
  align-items: flex-start;
  justify-content: center;
}

.flipbox.x.NS {
  justify-content: center;
}

.flipbox.x.WE {
  align-items: center;
  justify-content: space-evenly;
}

.flipbox.y.SE {
  align-items: flex-end;
  justify-content: flex-end;
}

.flipbox.y.W {
  align-items: flex-start;
  justify-content: center;
}

.flipbox.y.SW {
  justify-content: flex-end;
  align-items: flex-start;
}

.flipbox.y.S {
  justify-content: flex-end;
  align-items: center;
}

.flipbox.y.E {
  justify-content: center;
  align-items: flex-end;
}

.flipbox.y.NE {
  justify-content: flex-start;
  align-items: flex-end;
}

.flipbox.y.NS {
  justify-content: space-evenly;
  align-items: center;
}

.flipbox.y.WE {
  flex-direction: column;
  justify-content: center;
}

.flexbox.y > .flipbox.y-fill {
  place-self: stretch;
  flex-grow: 1;
}

.flipbox {
  flex-basis: auto;
}

.flipbox.y.N {
  justify-content: flex-start;
  align-items: center;
}

.flipbox.x > .x-fill {
  flex-grow: 1;
}

.flipbox.y > .flipbox.y.y-fill {
  flex-grow: 1;
}

.flipbox.x > .flipbox.x.x-fill {
  flex-grow: 1;
}

.flipbox.y > .flipbox.x.y-fill {
  flex-grow: 1;
}

.flipbox.W, .flipbox.SW {
  align-content: flex-start;
}
.flipbox.x.NW.y-fill {
  flex-wrap: wrap;
}
.flipbox.NE, .flipbox.E, .flipbox.SE {
  align-content: flex-end;
}
.flipbox.y.NW > .y.x-hug {
  align-self: flex-start;
}
.flipbox.y.NE > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.NE > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.E > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.SE > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.S > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.SW > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.W > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.N > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.NS > .y.x-fill {
  align-self: stretch;
}
.flipbox.y.C > .y.x-fill {
  align-self: stretch;
}

.x > .x.y-hug.SW,
.x > .x.y-hug.S {
  align-self: flex-end;
}

.x > .x.y-hug.NW,
.x > .x.y-hug.N,
.x > .x.y-hug.SE {
  align-self: flex-start;
}

.x > .x.y-fill {
  align-self: stretch;
}

.flipbox.NE > .x-fill {
  align-self: stretch;
}
.flipbox.NE > .x-fill {
  align-self: stretch;
}
.flipbox.E > .x-fill {
  align-self: stretch;
}
.flipbox.SE > .x-fill {
  align-self: stretch;
}
.flipbox.S > .x-fill {
  align-self: stretch;
}
.flipbox.SW > .x-fill {
  align-self: stretch;
}
.flipbox.W > .x-fill {
  align-self: stretch;
}
.flipbox.N > .x-fill {
  align-self: stretch;
}
.flipbox.NS > .x-fill {
  align-self: stretch;
}
.flipbox.C > .x-fill {
  align-self: stretch;
}

.flipbox.nowrap {
  flex-wrap: nowrap !important;
}

.flipbox.wrap {
  flex-wrap: wrap !important;
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: break-spaces;
  white-space-collapse: break-spaces;
}

.flipbox.text {
  display: initial !important;
}

.flipbox.abs {
  position: absolute;
}

.flipbox.abs.y.C {
  justify-content: center;
}

.flipbox.x.x-fill > .flipbox.x.x-fill {
  flex-grow: 1;
}

.flipbox.x.x-fill.y-fill .flipbox.x.x-fill.y-fill.C {
  align-items: center;
}

.flipbox.y.x-fill.y-fill.C .flipbox.x.x-hug.y-hug.C {
  align-self: center;
}

.flipbox.y.x-fixed.y-fill.C .flipbox.x-hug {
  align-self: center;
}

.x > .flipbox.x.x-fill.W {
  text-align: left;
}

.x.x-fill.y-fill.C > .flipboxy.x-fill.y-fill.C {
  justify-content: center;
}

.flipbox.x.x-hug.y-hug.N, .flipbox.x.x-hug.y-hug.C, .flipbox.x.x-fixed.y-fixed.C {
  align-self: center;
}

.flipbox .x.x-fill.y-hug > .x.x-fill.y-fill.E,
.flipbox .x.x-fill.y-hug > .x.x-fill.y-fill.W,
.flipbox .x.x-fill.y-hug > .x.x-fill.y-fill.C {
  align-content: center;
}

.x > .x.y-hug.W,
.x > .x.y-hug.E {
  align-self: center;
}

.x > .x.y-hug.WE {
  align-self: center;
}

/* Beta */
.flipbox.y.x-hug.y-hug.NW > .flipbox.y.x-fill.y-hug.N {
  align-content: center;
  flex-wrap: wrap;
}

.flipbox.y.x-fill.y-hug > flipbox.y.x-fill.y-hug.N {
  align-self: center;
}

.flipbox.y.x-fill.y-fill.C {
  align-content: center;
  flex-wrap: wrap;
}

.flipbox.y.x-fill.y-fill.C.nowrap {
  align-content: stretch;
  flex-wrap: nowrap;
}