.backgroundColor-black {
  background-color: #212529; }

.backgroundColor-white {
  background-color: #fff; }

.backgroundColor-primary {
  background-color: #329af0; }

.backgroundColor-positive {
  background-color: #40c057; }

.backgroundColor-negative {
  background-color: #f03e3e; }

.backgroundColor-none,
.backgroundColor-transparent,
button,
input,
select,
textarea {
  background-color: transparent; }

.backgroundImage-none {
  background-image: none; }

.backgroundPosition-leftTop {
  background-position: 0 0; }

.backgroundPosition-leftCenter {
  background-position: 0; }

.backgroundPosition-leftBottom {
  background-position: 0 100%; }

.backgroundPosition-rightTop {
  background-position: 100% 0; }

.backgroundPosition-rightCenter {
  background-position: 100%; }

.backgroundPosition-rightBottom {
  background-position: 100% 100%; }

.backgroundPosition-centerTop {
  background-position: top; }

.backgroundPosition-centerCenter {
  background-position: 50%; }

.backgroundPosition-centerBottom {
  background-position: bottom; }

.backgroundRepeat-repeat {
  background-repeat: repeat; }

.backgroundRepeat-repeatX {
  background-repeat: repeat-x; }

.backgroundRepeat-repeatY {
  background-repeat: repeat-y; }

.backgroundRepeat-noRepeat {
  background-repeat: no-repeat; }

.backgroundSize-cover {
  background-size: cover; }

.backgroundSize-contain {
  background-size: contain; }

.backgroundSize-auto {
  background-size: auto; }

.borderCollapse-collapse, table {
  border-collapse: collapse; }

.borderCollapse-separate {
  border-collapse: separate; }

.borderColor-black {
  border-color: #212529; }

.borderColor-white {
  border-color: #fff; }

.borderColor-primary {
  border-color: #329af0; }

.borderColor-positive {
  border-color: #40c057; }

.borderColor-negative {
  border-color: #f03e3e; }

.borderStyle-solid {
  border-style: solid; }

.borderWidth-none, button,
input,
select,
textarea {
  border-width: 0; }

.borderWidthTop-none {
  border-top-width: 0; }

.borderWidthBottom-none {
  border-bottom-width: 0; }

.borderWidthLeft-none {
  border-left-width: 0; }

.borderWidthRight-none {
  border-right-width: 0; }

.borderWidth-s {
  border-width: 1px; }

.borderWidthTop-s {
  border-top-width: 1px; }

.borderWidthBottom-s {
  border-bottom-width: 1px; }

.borderWidthLeft-s {
  border-left-width: 1px; }

.borderWidthRight-s {
  border-right-width: 1px; }

.borderWidth-m {
  border-width: 2px; }

.borderWidthTop-m {
  border-top-width: 2px; }

.borderWidthBottom-m {
  border-bottom-width: 2px; }

.borderWidthLeft-m {
  border-left-width: 2px; }

.borderWidthRight-m {
  border-right-width: 2px; }

.borderWidth-l {
  border-width: 4px; }

.borderWidthTop-l {
  border-top-width: 4px; }

.borderWidthBottom-l {
  border-bottom-width: 4px; }

.borderWidthLeft-l {
  border-left-width: 4px; }

.borderWidthRight-l {
  border-right-width: 4px; }

.borderWidth-xl {
  border-width: 8px; }

.borderWidthTop-xl {
  border-top-width: 8px; }

.borderWidthBottom-xl {
  border-bottom-width: 8px; }

.borderWidthLeft-xl {
  border-left-width: 8px; }

.borderWidthRight-xl {
  border-right-width: 8px; }

.borderRadius-none {
  border-radius: 0; }

.borderRadiusTop-none {
  border-radius: 0 0 0 0; }

.borderRadiusBottom-none {
  border-radius: 0 0 0 0; }

.borderRadiusLeft-none {
  border-radius: 0 0 0 0; }

.borderRadiusRight-none {
  border-radius: 0 0 0 0; }

.borderRadiusBottomLeft-none {
  border-radius: 0 0 0 0; }

.borderRadiusBottomRight-none {
  border-radius: 0 0 0 0; }

.borderRadiusTopLeft-none {
  border-radius: 0 0 0 0; }

.borderRadiusTopRight-none {
  border-radius: 0 0 0 0; }

.borderRadius-s {
  border-radius: 0.125rem; }

.borderRadiusTop-s {
  border-radius: 0.125rem 0.125rem 0 0; }

.borderRadiusBottom-s {
  border-radius: 0 0 0.125rem 0.125rem; }

.borderRadiusLeft-s {
  border-radius: 0.125rem 0 0 0.125rem; }

.borderRadiusRight-s {
  border-radius: 0 0.125rem 0.125rem 0; }

.borderRadiusBottomLeft-s {
  border-radius: 0 0 0 0.125rem; }

.borderRadiusBottomRight-s {
  border-radius: 0 0 0.125rem 0; }

.borderRadiusTopLeft-s {
  border-radius: 0.125rem 0 0 0; }

.borderRadiusTopRight-s {
  border-radius: 0 0.125rem 0 0; }

.borderRadius-m {
  border-radius: 0.25rem; }

.borderRadiusTop-m {
  border-radius: 0.25rem 0.25rem 0 0; }

.borderRadiusBottom-m {
  border-radius: 0 0 0.25rem 0.25rem; }

.borderRadiusLeft-m {
  border-radius: 0.25rem 0 0 0.25rem; }

.borderRadiusRight-m {
  border-radius: 0 0.25rem 0.25rem 0; }

.borderRadiusBottomLeft-m {
  border-radius: 0 0 0 0.25rem; }

.borderRadiusBottomRight-m {
  border-radius: 0 0 0.25rem 0; }

.borderRadiusTopLeft-m {
  border-radius: 0.25rem 0 0 0; }

.borderRadiusTopRight-m {
  border-radius: 0 0.25rem 0 0; }

.borderRadius-l {
  border-radius: 0.5rem; }

.borderRadiusTop-l {
  border-radius: 0.5rem 0.5rem 0 0; }

.borderRadiusBottom-l {
  border-radius: 0 0 0.5rem 0.5rem; }

.borderRadiusLeft-l {
  border-radius: 0.5rem 0 0 0.5rem; }

.borderRadiusRight-l {
  border-radius: 0 0.5rem 0.5rem 0; }

.borderRadiusBottomLeft-l {
  border-radius: 0 0 0 0.5rem; }

.borderRadiusBottomRight-l {
  border-radius: 0 0 0.5rem 0; }

.borderRadiusTopLeft-l {
  border-radius: 0.5rem 0 0 0; }

.borderRadiusTopRight-l {
  border-radius: 0 0.5rem 0 0; }

.borderRadius-xl {
  border-radius: 1rem; }

.borderRadiusTop-xl {
  border-radius: 1rem 1rem 0 0; }

.borderRadiusBottom-xl {
  border-radius: 0 0 1rem 1rem; }

.borderRadiusLeft-xl {
  border-radius: 1rem 0 0 1rem; }

.borderRadiusRight-xl {
  border-radius: 0 1rem 1rem 0; }

.borderRadiusBottomLeft-xl {
  border-radius: 0 0 0 1rem; }

.borderRadiusBottomRight-xl {
  border-radius: 0 0 1rem 0; }

.borderRadiusTopLeft-xl {
  border-radius: 1rem 0 0 0; }

.borderRadiusTopRight-xl {
  border-radius: 0 1rem 0 0; }

.borderRadius-xxl {
  border-radius: 2rem; }

.borderRadiusTop-xxl {
  border-radius: 2rem 2rem 0 0; }

.borderRadiusBottom-xxl {
  border-radius: 0 0 2rem 2rem; }

.borderRadiusLeft-xxl {
  border-radius: 2rem 0 0 2rem; }

.borderRadiusRight-xxl {
  border-radius: 0 2rem 2rem 0; }

.borderRadiusBottomLeft-xxl {
  border-radius: 0 0 0 2rem; }

.borderRadiusBottomRight-xxl {
  border-radius: 0 0 2rem 0; }

.borderRadiusTopLeft-xxl {
  border-radius: 2rem 0 0 0; }

.borderRadiusTopRight-xxl {
  border-radius: 0 2rem 0 0; }

.borderRadius-circle {
  border-radius: 50%; }

.borderRadiusTop-circle {
  border-radius: 50% 50% 0 0; }

.borderRadiusBottom-circle {
  border-radius: 0 0 50% 50%; }

.borderRadiusLeft-circle {
  border-radius: 50% 0 0 50%; }

.borderRadiusRight-circle {
  border-radius: 0 50% 50% 0; }

.borderRadiusBottomLeft-circle {
  border-radius: 0 0 0 50%; }

.borderRadiusBottomRight-circle {
  border-radius: 0 0 50% 0; }

.borderRadiusTopLeft-circle {
  border-radius: 50% 0 0 0; }

.borderRadiusTopRight-circle {
  border-radius: 0 50% 0 0; }

.boxSizing-borderBox, *,
*::before,
*::after {
  box-sizing: border-box; }

.boxSizing-contentBox {
  box-sizing: content-box; }

.boxShadow-none {
  box-shadow: none; }

.color-black {
  color: #212529; }

.color-white {
  color: #fff; }

.color-primary {
  color: #329af0; }

.color-positive {
  color: #40c057; }

.color-negative {
  color: #f03e3e; }

.color-inherit, button,
input,
select,
textarea {
  color: inherit; }

.fill-black {
  fill: #212529; }

.fill-white {
  fill: #fff; }

.fill-primary {
  fill: #329af0; }

.fill-positive {
  fill: #40c057; }

.fill-negative {
  fill: #f03e3e; }

.width-10 {
  width: 10%; }

.width-10vw {
  width: 10vw; }

.width-15 {
  width: 15%; }

.width-15vw {
  width: 15vw; }

.width-20 {
  width: 20%; }

.width-20vw {
  width: 20vw; }

.width-25 {
  width: 25%; }

.width-25vw {
  width: 25vw; }

.width-30 {
  width: 30%; }

.width-30vw {
  width: 30vw; }

.width-35 {
  width: 35%; }

.width-35vw {
  width: 35vw; }

.width-40 {
  width: 40%; }

.width-40vw {
  width: 40vw; }

.width-45 {
  width: 45%; }

.width-45vw {
  width: 45vw; }

.width-50 {
  width: 50%; }

.width-50vw {
  width: 50vw; }

.width-55 {
  width: 55%; }

.width-55vw {
  width: 55vw; }

.width-60 {
  width: 60%; }

.width-60vw {
  width: 60vw; }

.width-65 {
  width: 65%; }

.width-65vw {
  width: 65vw; }

.width-70 {
  width: 70%; }

.width-70vw {
  width: 70vw; }

.width-75 {
  width: 75%; }

.width-75vw {
  width: 75vw; }

.width-80 {
  width: 80%; }

.width-80vw {
  width: 80vw; }

.width-85 {
  width: 85%; }

.width-85vw {
  width: 85vw; }

.width-90 {
  width: 90%; }

.width-90vw {
  width: 90vw; }

.width-95 {
  width: 95%; }

.width-95vw {
  width: 95vw; }

.width-100 {
  width: 100%; }

.width-100vw {
  width: 100vw; }

.width-min-100 {
  min-width: 100%; }

.width-min-100vh {
  min-width: 100vh; }

.width-oneThird {
  width: 33.33333%; }

.width-twoThird {
  width: 66.66667%; }

.width-auto {
  width: auto; }

.height-10 {
  height: 10%; }

.height-10vw {
  height: 10vw; }

.height-15 {
  height: 15%; }

.height-15vw {
  height: 15vw; }

.height-20 {
  height: 20%; }

.height-20vw {
  height: 20vw; }

.height-25 {
  height: 25%; }

.height-25vw {
  height: 25vw; }

.height-30 {
  height: 30%; }

.height-30vw {
  height: 30vw; }

.height-35 {
  height: 35%; }

.height-35vw {
  height: 35vw; }

.height-40 {
  height: 40%; }

.height-40vw {
  height: 40vw; }

.height-45 {
  height: 45%; }

.height-45vw {
  height: 45vw; }

.height-50 {
  height: 50%; }

.height-50vw {
  height: 50vw; }

.height-55 {
  height: 55%; }

.height-55vw {
  height: 55vw; }

.height-60 {
  height: 60%; }

.height-60vw {
  height: 60vw; }

.height-65 {
  height: 65%; }

.height-65vw {
  height: 65vw; }

.height-70 {
  height: 70%; }

.height-70vw {
  height: 70vw; }

.height-75 {
  height: 75%; }

.height-75vw {
  height: 75vw; }

.height-80 {
  height: 80%; }

.height-80vw {
  height: 80vw; }

.height-85 {
  height: 85%; }

.height-85vw {
  height: 85vw; }

.height-90 {
  height: 90%; }

.height-90vw {
  height: 90vw; }

.height-95 {
  height: 95%; }

.height-95vw {
  height: 95vw; }

.height-100 {
  height: 100%; }

.height-100vw {
  height: 100vw; }

.height-min-100 {
  min-height: 100%; }

.height-min-100vh {
  min-height: 100vh; }

.height-oneThird {
  height: 33.33333%; }

.height-twoThird {
  height: 66.66667%; }

.height-auto {
  height: auto; }

.display-block {
  display: block; }

.display-inlineBlock {
  display: inline-block; }

.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.display-inlineFlex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.display-none {
  display: none; }

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.flexGrow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.flexShrink-1 {
  -ms-flex-negative: 1;
      flex-shrink: 1; }

.flexBasis-100 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

.flexDirection-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flexDirection-columnReverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.flexDirection-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.flexDirection-rowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.flexWrap-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

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

.flexWrap-wrapReverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse; }

.flexWrap-inherit {
  -ms-flex-wrap: inherit;
      flex-wrap: inherit; }

.flexWrap-initial {
  -ms-flex-wrap: initial;
      flex-wrap: initial; }

.flexWrap-unset {
  -ms-flex-wrap: unset;
      flex-wrap: unset; }

.justifyContent-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.justifyContent-flexStart {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.justifyContent-flexEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.justifyContent-spaceAround {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.justifyContent-spaceBetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.alignItems-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.alignItems-flexStart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.alignItems-flexEnd {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.alignItems-spaceAround {
  -webkit-box-align: space-around;
      -ms-flex-align: space-around;
          align-items: space-around; }

.alignItems-spaceBetween {
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between; }

.alignItems-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.alignContent-center {
  -ms-flex-line-pack: center;
      align-content: center; }

.alignContent-flexStart {
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.alignContent-flexEnd {
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.alignContent-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch; }

.alignContent-baseline {
  -ms-flex-line-pack: baseline;
      align-content: baseline; }

.fontFamily-sans-serif {
  font-family: sans-serif; }

.fontFamily-serif {
  font-family: serif; }

.fontFamily-inherit, button,
input,
select,
textarea {
  font-family: inherit; }

.fontSize-s {
  font-size: 0.875rem; }

.fontSize-m, h1,
h2,
h3,
h4,
h5,
h6, button,
input,
select,
textarea {
  font-size: 1rem; }

.fontSize-l {
  font-size: 1.25rem; }

.fontSize-xl {
  font-size: 1.5rem; }

.fontSize-xxl {
  font-size: 2.25rem; }

.fontSize-xxxl {
  font-size: 3rem; }

.fontStyle-normal {
  font-style: normal; }

.fontStyle-italic {
  font-style: italic; }

.fontWeight-bold {
  font-weight: bold; }

.fontWeight-bolder {
  font-weight: bolder; }

.fontWeight-normal, th {
  font-weight: normal; }

.fontWeight-lighter {
  font-weight: lighter; }

.fontWeight-1 {
  font-weight: 100; }

.fontWeight-2 {
  font-weight: 200; }

.fontWeight-3 {
  font-weight: 300; }

.fontWeight-4, h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400; }

.fontWeight-5 {
  font-weight: 500; }

.fontWeight-6 {
  font-weight: 600; }

.fontWeight-7 {
  font-weight: 700; }

.fontWeight-8 {
  font-weight: 800; }

.fontWeight-9 {
  font-weight: 900; }

.lineHeight-s {
  line-height: 1; }

.lineHeight-m {
  line-height: 1; }

.lineHeight-l {
  line-height: 1.25; }

.lineHeight-xl {
  line-height: 1.5; }

.lineHeight-xxl {
  line-height: 2; }

.appearance-none, button,
input,
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.cursor-colResize {
  cursor: col-resize; }

.cursor-crosshair {
  cursor: crosshair; }

.cursor-default {
  cursor: default; }

.cursor-eResize {
  cursor: e-resize; }

.cursor-ewResize {
  cursor: ew-resize; }

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab; }

.cursor-inherit {
  cursor: inherit; }

.cursor-move {
  cursor: move; }

.cursor-neswResize {
  cursor: nesw-resize; }

.cursor-noDrop {
  cursor: no-drop; }

.cursor-notAllowed {
  cursor: not-allowed; }

.cursor-nResize {
  cursor: n-resize; }

.cursor-nsResize {
  cursor: ns-resize; }

.cursor-nwseResize {
  cursor: nwse-resize; }

.cursor-pointer {
  cursor: pointer; }

.cursor-rowResize {
  cursor: row-resize; }

.cursor-sResize {
  cursor: s-resize; }

.cursor-text {
  cursor: text; }

.cursor-verticalText {
  cursor: vertical-text; }

.cursor-wResize {
  cursor: w-resize; }

.cursor-zoomIn {
  cursor: zoom-in; }

.cursor-zoomOut {
  cursor: zoom-out; }

.outlineStyle-none, button,
input,
select,
textarea {
  outline-style: none; }

.pointerEvents-auto {
  pointer-events: auto; }

.pointerEvents-none {
  pointer-events: none; }

.userSelect-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.listStyleType-decimal {
  list-style-type: decimal; }

.listStyleType-disc {
  list-style-type: disc; }

.listStyleType-none, ul {
  list-style-type: none; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.position-relative {
  position: relative; }

.position-static {
  position: static; }

.top-0 {
  top: 0; }

.bottom-0 {
  bottom: 0; }

.left-0 {
  left: 0; }

.right-0 {
  right: 0; }

.margin-none, *,
*::before,
*::after {
  margin: 0; }

.marginTop-none {
  margin-top: 0; }

.marginBottom-none {
  margin-bottom: 0; }

.marginLeft-none {
  margin-left: 0; }

.marginRight-none {
  margin-right: 0; }

.marginHorizontal-none {
  margin-left: 0;
  margin-right: 0; }

.marginVertical-none {
  margin-bottom: 0;
  margin-top: 0; }

.margin-xxs {
  margin: 0.125rem; }

.marginTop-xxs {
  margin-top: 0.125rem; }

.marginBottom-xxs {
  margin-bottom: 0.125rem; }

.marginLeft-xxs {
  margin-left: 0.125rem; }

.marginRight-xxs {
  margin-right: 0.125rem; }

.marginHorizontal-xxs {
  margin-left: 0.125rem;
  margin-right: 0.125rem; }

.marginVertical-xxs {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem; }

.margin-xs {
  margin: 0.25rem; }

.marginTop-xs {
  margin-top: 0.25rem; }

.marginBottom-xs {
  margin-bottom: 0.25rem; }

.marginLeft-xs {
  margin-left: 0.25rem; }

.marginRight-xs {
  margin-right: 0.25rem; }

.marginHorizontal-xs {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.marginVertical-xs {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem; }

.margin-s {
  margin: 0.5rem; }

.marginTop-s {
  margin-top: 0.5rem; }

.marginBottom-s {
  margin-bottom: 0.5rem; }

.marginLeft-s {
  margin-left: 0.5rem; }

.marginRight-s {
  margin-right: 0.5rem; }

.marginHorizontal-s {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.marginVertical-s {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem; }

.margin-m {
  margin: 1rem; }

.marginTop-m {
  margin-top: 1rem; }

.marginBottom-m {
  margin-bottom: 1rem; }

.marginLeft-m {
  margin-left: 1rem; }

.marginRight-m {
  margin-right: 1rem; }

.marginHorizontal-m {
  margin-left: 1rem;
  margin-right: 1rem; }

.marginVertical-m {
  margin-bottom: 1rem;
  margin-top: 1rem; }

.margin-l {
  margin: 2rem; }

.marginTop-l {
  margin-top: 2rem; }

.marginBottom-l {
  margin-bottom: 2rem; }

.marginLeft-l {
  margin-left: 2rem; }

.marginRight-l {
  margin-right: 2rem; }

.marginHorizontal-l {
  margin-left: 2rem;
  margin-right: 2rem; }

.marginVertical-l {
  margin-bottom: 2rem;
  margin-top: 2rem; }

.margin-xl {
  margin: 4rem; }

.marginTop-xl {
  margin-top: 4rem; }

.marginBottom-xl {
  margin-bottom: 4rem; }

.marginLeft-xl {
  margin-left: 4rem; }

.marginRight-xl {
  margin-right: 4rem; }

.marginHorizontal-xl {
  margin-left: 4rem;
  margin-right: 4rem; }

.marginVertical-xl {
  margin-bottom: 4rem;
  margin-top: 4rem; }

.margin-xxl {
  margin: 8rem; }

.marginTop-xxl {
  margin-top: 8rem; }

.marginBottom-xxl {
  margin-bottom: 8rem; }

.marginLeft-xxl {
  margin-left: 8rem; }

.marginRight-xxl {
  margin-right: 8rem; }

.marginHorizontal-xxl {
  margin-left: 8rem;
  margin-right: 8rem; }

.marginVertical-xxl {
  margin-bottom: 8rem;
  margin-top: 8rem; }

.margin-xxxl {
  margin: 16rem; }

.marginTop-xxxl {
  margin-top: 16rem; }

.marginBottom-xxxl {
  margin-bottom: 16rem; }

.marginLeft-xxxl {
  margin-left: 16rem; }

.marginRight-xxxl {
  margin-right: 16rem; }

.marginHorizontal-xxxl {
  margin-left: 16rem;
  margin-right: 16rem; }

.marginVertical-xxxl {
  margin-bottom: 16rem;
  margin-top: 16rem; }

.padding-none, *,
*::before,
*::after {
  padding: 0; }

.paddingTop-none {
  padding-top: 0; }

.paddingBottom-none {
  padding-bottom: 0; }

.paddingLeft-none {
  padding-left: 0; }

.paddingRight-none {
  padding-right: 0; }

.paddingHorizontal-none {
  padding-left: 0;
  padding-right: 0; }

.paddingVertical-none {
  padding-bottom: 0;
  padding-top: 0; }

.padding-xxs {
  padding: 0.125rem; }

.paddingTop-xxs {
  padding-top: 0.125rem; }

.paddingBottom-xxs {
  padding-bottom: 0.125rem; }

.paddingLeft-xxs {
  padding-left: 0.125rem; }

.paddingRight-xxs {
  padding-right: 0.125rem; }

.paddingHorizontal-xxs {
  padding-left: 0.125rem;
  padding-right: 0.125rem; }

.paddingVertical-xxs {
  padding-bottom: 0.125rem;
  padding-top: 0.125rem; }

.padding-xs {
  padding: 0.25rem; }

.paddingTop-xs {
  padding-top: 0.25rem; }

.paddingBottom-xs {
  padding-bottom: 0.25rem; }

.paddingLeft-xs {
  padding-left: 0.25rem; }

.paddingRight-xs {
  padding-right: 0.25rem; }

.paddingHorizontal-xs {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.paddingVertical-xs {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem; }

.padding-s {
  padding: 0.5rem; }

.paddingTop-s {
  padding-top: 0.5rem; }

.paddingBottom-s {
  padding-bottom: 0.5rem; }

.paddingLeft-s {
  padding-left: 0.5rem; }

.paddingRight-s {
  padding-right: 0.5rem; }

.paddingHorizontal-s {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.paddingVertical-s {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }

.padding-m {
  padding: 1rem; }

.paddingTop-m {
  padding-top: 1rem; }

.paddingBottom-m {
  padding-bottom: 1rem; }

.paddingLeft-m {
  padding-left: 1rem; }

.paddingRight-m {
  padding-right: 1rem; }

.paddingHorizontal-m {
  padding-left: 1rem;
  padding-right: 1rem; }

.paddingVertical-m {
  padding-bottom: 1rem;
  padding-top: 1rem; }

.padding-l {
  padding: 2rem; }

.paddingTop-l {
  padding-top: 2rem; }

.paddingBottom-l {
  padding-bottom: 2rem; }

.paddingLeft-l {
  padding-left: 2rem; }

.paddingRight-l {
  padding-right: 2rem; }

.paddingHorizontal-l {
  padding-left: 2rem;
  padding-right: 2rem; }

.paddingVertical-l {
  padding-bottom: 2rem;
  padding-top: 2rem; }

.padding-xl {
  padding: 4rem; }

.paddingTop-xl {
  padding-top: 4rem; }

.paddingBottom-xl {
  padding-bottom: 4rem; }

.paddingLeft-xl {
  padding-left: 4rem; }

.paddingRight-xl {
  padding-right: 4rem; }

.paddingHorizontal-xl {
  padding-left: 4rem;
  padding-right: 4rem; }

.paddingVertical-xl {
  padding-bottom: 4rem;
  padding-top: 4rem; }

.padding-xxl {
  padding: 8rem; }

.paddingTop-xxl {
  padding-top: 8rem; }

.paddingBottom-xxl {
  padding-bottom: 8rem; }

.paddingLeft-xxl {
  padding-left: 8rem; }

.paddingRight-xxl {
  padding-right: 8rem; }

.paddingHorizontal-xxl {
  padding-left: 8rem;
  padding-right: 8rem; }

.paddingVertical-xxl {
  padding-bottom: 8rem;
  padding-top: 8rem; }

.padding-xxxl {
  padding: 16rem; }

.paddingTop-xxxl {
  padding-top: 16rem; }

.paddingBottom-xxxl {
  padding-bottom: 16rem; }

.paddingLeft-xxxl {
  padding-left: 16rem; }

.paddingRight-xxxl {
  padding-right: 16rem; }

.paddingHorizontal-xxxl {
  padding-left: 16rem;
  padding-right: 16rem; }

.paddingVertical-xxxl {
  padding-bottom: 16rem;
  padding-top: 16rem; }

.margin-auto {
  margin: auto; }

.marginHorizontal-auto {
  margin-left: auto;
  margin-right: auto; }

.overflow-visible {
  overflow: visible; }

.overflowX-visible {
  overflow-x: visible; }

.overflowY-visible {
  overflow-y: visible; }

.overflow-hidden {
  overflow: hidden; }

.overflowX-hidden {
  overflow-x: hidden; }

.overflowY-hidden {
  overflow-y: hidden; }

.overflow-scroll {
  overflow: scroll; }

.overflowX-scroll {
  overflow-x: scroll; }

.overflowY-scroll {
  overflow-y: scroll; }

.overflow-auto {
  overflow: auto; }

.overflowX-auto {
  overflow-x: auto; }

.overflowY-auto {
  overflow-y: auto; }

.overflow-inherit {
  overflow: inherit; }

.overflowX-inherit {
  overflow-x: inherit; }

.overflowY-inherit {
  overflow-y: inherit; }

.overflow-initial {
  overflow: initial; }

.overflowX-initial {
  overflow-x: initial; }

.overflowY-initial {
  overflow-y: initial; }

.overflow-unset {
  overflow: unset; }

.overflowX-unset {
  overflow-x: unset; }

.overflowY-unset {
  overflow-y: unset; }

.tableLayout-auto {
  table-layout: auto; }

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

.verticalAlign-baseline {
  vertical-align: baseline; }

.verticalAlign-sub {
  vertical-align: sub; }

.verticalAlign-super {
  vertical-align: super; }

.verticalAlign-top {
  vertical-align: top; }

.verticalAlign-textTop {
  vertical-align: text-top; }

.verticalAlign-middle {
  vertical-align: middle; }

.verticalAlign-bottom {
  vertical-align: bottom; }

.verticalAlign-textBottom {
  vertical-align: text-bottom; }

.textAlign-initial {
  text-align: initial; }

.textAlign-left, th {
  text-align: left; }

.textAlign-right {
  text-align: right; }

.textAlign-center {
  text-align: center; }

.textAlign-justify {
  text-align: justify; }

.textDecoration-lineThrough {
  text-decoration: line-through; }

.textDecoration-none, a {
  text-decoration: none; }

.textDecoration-overline {
  text-decoration: overline; }

.textDecoration-underline {
  text-decoration: underline; }

.textOverflow-clip {
  text-overflow: clip; }

.textOverflow-ellipsis {
  text-overflow: ellipsis; }

.textOverflow-string {
  text-overflow: string; }

.textTransform-capitalize {
  text-transform: capitalize; }

.textTransform-fullWidth {
  text-transform: full-width; }

.textTransform-lowercase {
  text-transform: lowercase; }

.textTransform-none, button,
select {
  text-transform: none; }

.textTransform-uppercase {
  text-transform: uppercase; }

.textTransform-inherit {
  text-transform: inherit; }

.textRendering-optimizeLegibility {
  text-rendering: optimizeLegibility; }

.textRendering-geometricPrecision {
  text-rendering: geometricPrecision; }

.textRendering-optimizeSpeed {
  text-rendering: optimizeSpeed; }

.textRendering-auto {
  text-rendering: auto; }

.textShadow-none {
  text-shadow: none; }

.whiteSpace-normal {
  white-space: normal; }

.whiteSpace-nowrap {
  white-space: nowrap; }

.whiteSpace-pre {
  white-space: pre; }

.whiteSpace-preLine {
  white-space: pre-line; }

.whiteSpace-preWrap {
  white-space: pre-wrap; }

.transitionDuration-s {
  -webkit-transition-duration: 80ms;
          transition-duration: 80ms; }

.transitionDuration-m {
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s; }

.transitionDuration-l {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }

.transitionDuration-xl {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s; }

.transitionDuration-xxl {
  -webkit-transition-duration: 0.7;
          transition-duration: 0.7; }

.transitionDuration-none {
  -webkit-transition-duration: 0;
          transition-duration: 0; }

.transitionProperty-all {
  -webkit-transition-property: all;
  transition-property: all; }

.transitionProperty-none {
  -webkit-transition-property: none;
  transition-property: none; }

.transitionTimingFunction-linear {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear; }

.transitionTimingFunction-ease {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease; }

.transitionTimingFunction-easeIn {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

.transitionTimingFunction-easeOut {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

.transitionTimingFunction-easeInOut {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }