fantastic-gutenberg/main.css

SCSS library for styling WordPress Gutenberg HTML Output based on Fantastic CSS.

@import url("https://necolas.github.io/normalize.css/8.0.1/normalize.css");
html {
  box-sizing: border-box;
  height: 100%;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
*, *::after, *::before {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  padding: 0;
  border: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  height: 100%;
  line-height: 1.5;
  overflow-x: hidden;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, input, textarea, select, option {
  padding: 0;
  background-color: transparent;
  border: none;
  margin: 0;
  appearance: none;
  font-size: 1rem;
}
button:focus, button:active, input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active, option:focus, option:active {
  outline: none;
}

a {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:focus, a:hover, a:active {
  text-decoration: none;
}
a:focus::after, a:hover::after, a:active::after {
  display: none;
}

img {
  max-width: 100%;
}

input, textarea {
  color: currentColor;
  font: inherit;
}

a, button {
  cursor: pointer;
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

input[type=search]::-ms-clear {
  display: none;
}

*,
*:focus,
*:active {
  -webkit-tap-highlight-color: transparent;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.align-content--start, .align-content--s, .align-ct--start, .align-ct--s,
.an-content--start,
.an-content--s,
.an-ct--start,
.an-ct--s {
  align-content: flex-start;
}
.align-content--end, .align-content--e, .align-ct--end, .align-ct--e,
.an-content--end,
.an-content--e,
.an-ct--end,
.an-ct--e {
  align-content: flex-end;
}
.align-content--center, .align-content--c, .align-ct--center, .align-ct--c,
.an-content--center,
.an-content--c,
.an-ct--center,
.an-ct--c {
  align-content: center;
}
.align-items--start, .align-items--s, .align--is--start, .align--is--s,
.an-items--start,
.an-items--s,
.an--is--start,
.an--is--s {
  align-items: flex-start;
}
.align-items--end, .align-items--e, .align--is--end, .align--is--e,
.an-items--end,
.an-items--e,
.an--is--end,
.an--is--e {
  align-items: flex-end;
}
.align-items--center, .align-items--c, .align--is--center, .align--is--c,
.an-items--center,
.an-items--c,
.an--is--center,
.an--is--c {
  align-items: center;
}
.align-self--start, .align-self--s, .align-sf--start, .align-sf--s,
.an-self--start,
.an-self--s,
.an-sf--start,
.an-sf--s {
  align-self: flex-start;
}
.align-self--end, .align-self--e, .align-sf--end, .align-sf--e,
.an-self--end,
.an-self--e,
.an-sf--end,
.an-sf--e {
  align-self: flex-end;
}
.align-self--center, .align-self--c, .align-sf--center, .align-sf--c,
.an-self--center,
.an-self--c,
.an-sf--center,
.an-sf--c {
  align-self: center;
}

.background-color--black, .background-color--blk, .background-cl--black, .background-cl--blk,
.bg-color--black,
.bg-color--blk,
.bg-cl--black,
.bg-cl--blk {
  background-color: #000;
}
.background-color--white, .background-color--wht, .background-cl--white, .background-cl--wht,
.bg-color--white,
.bg-color--wht,
.bg-cl--white,
.bg-cl--wht {
  background-color: #fff;
}
.background-color--primary, .background-color--pry, .background-cl--primary, .background-cl--pry,
.bg-color--primary,
.bg-color--pry,
.bg-cl--primary,
.bg-cl--pry {
  background-color: #0073a8;
}
.background-color--secondary, .background-color--scd, .background-cl--secondary, .background-cl--scd,
.bg-color--secondary,
.bg-color--scd,
.bg-cl--secondary,
.bg-cl--scd {
  background-color: #005075;
}
.background-color--light-gray, .background-color--lt-gr, .background-cl--light-gray, .background-cl--lt-gr,
.bg-color--light-gray,
.bg-color--lt-gr,
.bg-cl--light-gray,
.bg-cl--lt-gr {
  background-color: #767676;
}
.background-color--extra-light-gray, .background-colorxtr--lt-gr, .background-cl--extra-light-gray, .background-clxtr--lt-gr,
.bg-color--extra-light-gray,
.bg-colorxtr--lt-gr,
.bg-cl--extra-light-gray,
.bg-clxtr--lt-gr {
  background-color: #fafafa;
}
.background-color--dark-gray, .background-color--drk-gr, .background-cl--dark-gray, .background-cl--drk-gr,
.bg-color--dark-gray,
.bg-color--drk-gr,
.bg-cl--dark-gray,
.bg-cl--drk-gr {
  background-color: #111;
}
.background-size--cover, .background-size--cvr, .background-sz--cover, .background-sz--cvr,
.bg-size--cover,
.bg-size--cvr,
.bg-sz--cover,
.bg-sz--cvr {
  background-size: cover;
}
.background-size--contain, .background-size--ctn, .background-sz--contain, .background-sz--ctn,
.bg-size--contain,
.bg-size--ctn,
.bg-sz--contain,
.bg-sz--ctn {
  background-size: contain;
}
.background-size--100, .background-sz--100,
.bg-size--100,
.bg-sz--100 {
  background-size: 100;
}
.background-position-x--left, .background-position-x-lft,
.bg-position-x--left,
.bg-position-x-lft {
  background-position-x: left;
}
.background-position-x--center, .background-position-x--ctr,
.bg-position-x--center,
.bg-position-x--ctr {
  background-position-x: center;
}
.background-position-x--right, .background-position-x--rgt,
.bg-position-x--right,
.bg-position-x--rgt {
  background-position-x: right;
}
.background-position-y--top,
.bg-position-y--top {
  background-position-y: top;
}
.background-position-y--center, .background-position-y--ctr,
.bg-position-y--center,
.bg-position-y--ctr {
  background-position-y: center;
}
.background-position-y--right, .background-position-y--btm,
.bg-position-y--right,
.bg-position-y--btm {
  background-position-y: bottom;
}

.border-radius--10, .border-rds--10,
.bdr-radius--10,
.bdr-rds--10 {
  border-radius: 10%;
}
.border-radius--20, .border-rds--20,
.bdr-radius--20,
.bdr-rds--20 {
  border-radius: 20%;
}
.border-radius--25, .border-rds--25,
.bdr-radius--25,
.bdr-rds--25 {
  border-radius: 25%;
}
.border-radius--33, .border-rds--33,
.bdr-radius--33,
.bdr-rds--33 {
  border-radius: 33%;
}
.border-radius--40, .border-rds--40,
.bdr-radius--40,
.bdr-rds--40 {
  border-radius: 40%;
}
.border-radius--45, .border-rds--45,
.bdr-radius--45,
.bdr-rds--45 {
  border-radius: 45%;
}
.border-radius--50, .border-rds--50,
.bdr-radius--50,
.bdr-rds--50 {
  border-radius: 50%;
}
.border-radius--60, .border-rds--60,
.bdr-radius--60,
.bdr-rds--60 {
  border-radius: 60%;
}
.border-radius--67, .border-rds--67,
.bdr-radius--67,
.bdr-rds--67 {
  border-radius: 66.67%;
}
.border-radius--75, .border-rds--75,
.bdr-radius--75,
.bdr-rds--75 {
  border-radius: 75%;
}
.border-radius--80, .border-rds--80,
.bdr-radius--80,
.bdr-rds--80 {
  border-radius: 80%;
}
.border-radius--90, .border-rds--90,
.bdr-radius--90,
.bdr-rds--90 {
  border-radius: 90%;
}
.border-radius--100, .border-rds--100,
.bdr-radius--100,
.bdr-rds--100 {
  border-radius: 100%;
}
.border-radius--xxs, .border-rds--xxs,
.bdr-radius--xxs,
.bdr-rds--xxs {
  border-radius: 0.5rem;
}
.border-radius--xs, .border-rds--xs,
.bdr-radius--xs,
.bdr-rds--xs {
  border-radius: 1rem;
}
.border-radius--sm, .border-rds--sm,
.bdr-radius--sm,
.bdr-rds--sm {
  border-radius: 1.5rem;
}
.border-radius--ms, .border-rds--ms,
.bdr-radius--ms,
.bdr-rds--ms {
  border-radius: 2rem;
}
.border-radius--md, .border-rds--md,
.bdr-radius--md,
.bdr-rds--md {
  border-radius: 3rem;
}
.border-radius--ml, .border-rds--ml,
.bdr-radius--ml,
.bdr-rds--ml {
  border-radius: 5rem;
}
.border-radius--lg, .border-rds--lg,
.bdr-radius--lg,
.bdr-rds--lg {
  border-radius: 6rem;
}
.border-radius--xl, .border-rds--xl,
.bdr-radius--xl,
.bdr-rds--xl {
  border-radius: 8rem;
}
.border-radius--xxl, .border-rds--xxl,
.bdr-radius--xxl,
.bdr-rds--xxl {
  border-radius: 10rem;
}
.border-width--10, .border-w--10,
.bdr-width--10,
.bdr-w--10 {
  border-width: 10%;
}
.border-width--20, .border-w--20,
.bdr-width--20,
.bdr-w--20 {
  border-width: 20%;
}
.border-width--25, .border-w--25,
.bdr-width--25,
.bdr-w--25 {
  border-width: 25%;
}
.border-width--33, .border-w--33,
.bdr-width--33,
.bdr-w--33 {
  border-width: 33%;
}
.border-width--40, .border-w--40,
.bdr-width--40,
.bdr-w--40 {
  border-width: 40%;
}
.border-width--45, .border-w--45,
.bdr-width--45,
.bdr-w--45 {
  border-width: 45%;
}
.border-width--50, .border-w--50,
.bdr-width--50,
.bdr-w--50 {
  border-width: 50%;
}
.border-width--60, .border-w--60,
.bdr-width--60,
.bdr-w--60 {
  border-width: 60%;
}
.border-width--67, .border-w--67,
.bdr-width--67,
.bdr-w--67 {
  border-width: 66.67%;
}
.border-width--75, .border-w--75,
.bdr-width--75,
.bdr-w--75 {
  border-width: 75%;
}
.border-width--80, .border-w--80,
.bdr-width--80,
.bdr-w--80 {
  border-width: 80%;
}
.border-width--90, .border-w--90,
.bdr-width--90,
.bdr-w--90 {
  border-width: 90%;
}
.border-width--100, .border-w--100,
.bdr-width--100,
.bdr-w--100 {
  border-width: 100%;
}
.border-width--xxs, .border-w--xxs,
.bdr-width--xxs,
.bdr-w--xxs {
  border-width: 0.5rem;
}
.border-width--xs, .border-w--xs,
.bdr-width--xs,
.bdr-w--xs {
  border-width: 1rem;
}
.border-width--sm, .border-w--sm,
.bdr-width--sm,
.bdr-w--sm {
  border-width: 1.5rem;
}
.border-width--ms, .border-w--ms,
.bdr-width--ms,
.bdr-w--ms {
  border-width: 2rem;
}
.border-width--md, .border-w--md,
.bdr-width--md,
.bdr-w--md {
  border-width: 3rem;
}
.border-width--ml, .border-w--ml,
.bdr-width--ml,
.bdr-w--ml {
  border-width: 5rem;
}
.border-width--lg, .border-w--lg,
.bdr-width--lg,
.bdr-w--lg {
  border-width: 6rem;
}
.border-width--xl, .border-w--xl,
.bdr-width--xl,
.bdr-w--xl {
  border-width: 8rem;
}
.border-width--xxl, .border-w--xxl,
.bdr-width--xxl,
.bdr-w--xxl {
  border-width: 10rem;
}

.color--black, .color--blk,
.clr--black,
.clr--blk {
  color: #000;
}
.color--white, .color--wht,
.clr--white,
.clr--wht {
  color: #fff;
}
.color--primary, .color--pry,
.clr--primary,
.clr--pry {
  color: #0073a8;
}
.color--secondary, .color--scd,
.clr--secondary,
.clr--scd {
  color: #005075;
}
.color--light-gray, .color--lt-gr,
.clr--light-gray,
.clr--lt-gr {
  color: #767676;
}
.color--dark-gray, .color--drk-gr,
.clr--dark-gray,
.clr--drk-gr {
  color: #111;
}

.flex,
.flx {
  display: flex;
}
.flex-wrap--wrap, .flex-wrap--wrp, .flex-wrp--wrap, .flex-wrp--wrp,
.flx-wrap--wrap,
.flx-wrap--wrp,
.flx-wrp--wrap,
.flx-wrp--wrp {
  display: flex;
  flex-wrap: wrap;
}
.flex-wrap--wrap, .flex-wrap--nowrp, .flex-wrp--wrap, .flex-wrp--nowrp,
.flx-wrap--wrap,
.flx-wrap--nowrp,
.flx-wrp--wrap,
.flx-wrp--nowrp {
  display: flex;
  flex-wrap: nowrap;
}
.flex-basis--1-col, .flex-basis--1, .flex-bas--1-col, .flex-bas--1,
.flx-basis--1-col,
.flx-basis--1,
.flx-bas--1-col,
.flx-bas--1 {
  flex-basis: 100%;
}
.flex-basis--2-col, .flex-basis--2, .flex-bas--2-col, .flex-bas--2,
.flx-basis--2-col,
.flx-basis--2,
.flx-bas--2-col,
.flx-bas--2 {
  flex-basis: calc(51% - 1.5rem / 2);
}
.flex-basis--3-col, .flex-basis--3, .flex-bas--3-col, .flex-bas--3,
.flx-basis--3-col,
.flx-basis--3,
.flx-bas--3-col,
.flx-bas--3 {
  flex-basis: calc(33.3333% - 1.5 * 1.5rem / 3);
}
.flex-basis--4-col, .flex-basis--4, .flex-bas--4-col, .flex-bas--4,
.flx-basis--4-col,
.flx-basis--4,
.flx-bas--4-col,
.flx-bas--4 {
  flex-basis: calc(25% - 2 * 1.5rem / 4);
}
.flex-basis--5-col, .flex-basis--5, .flex-bas--5-col, .flex-bas--5,
.flx-basis--5-col,
.flx-basis--5,
.flx-bas--5-col,
.flx-bas--5 {
  flex-basis: calc(25% - 2.5 * 1.5rem / 5);
}
.flex-basis--6-col, .flex-basis--6, .flex-bas--6-col, .flex-bas--6,
.flx-basis--6-col,
.flx-basis--6,
.flx-bas--6-col,
.flx-bas--6 {
  flex-basis: calc(25% - 3 * 1.5rem / 6);
}
.flex-basis--7-col, .flex-basis--7, .flex-bas--7-col, .flex-bas--7,
.flx-basis--7-col,
.flx-basis--7,
.flx-bas--7-col,
.flx-bas--7 {
  flex-basis: calc(14.2857% - 3.5 * 1.5rem / 7);
}
.flex-basis--8-col, .flex-basis--8, .flex-bas--8-col, .flex-bas--8,
.flx-basis--8-col,
.flx-basis--8,
.flx-bas--8-col,
.flx-bas--8 {
  flex-basis: calc(12.5% - 4 * 1.5rem / 8);
}
.flex-basis--9-col, .flex-basis--9, .flex-bas--9-col, .flex-bas--9,
.flx-basis--9-col,
.flx-basis--9,
.flx-bas--9-col,
.flx-bas--9 {
  flex-basis: calc(11.11% - 4.5 * 1.5rem / 9);
}
.flex-basis--10-col, .flex-basis--10, .flex-bas--10-col, .flex-bas--10,
.flx-basis--10-col,
.flx-basis--10,
.flx-bas--10-col,
.flx-bas--10 {
  flex-basis: calc(10% - 5 * 1.5rem / 10);
}
.flex-basis--11-col, .flex-basis--11, .flex-bas--11-col, .flex-bas--11,
.flx-basis--11-col,
.flx-basis--11,
.flx-bas--11-col,
.flx-bas--11 {
  flex-basis: calc(9.0909% - 5.5 * 1.5rem / 11);
}
.flex-basis--12-col, .flex-basis--12, .flex-bas--12-col, .flex-bas--12,
.flx-basis--12-col,
.flx-basis--12,
.flx-bas--12-col,
.flx-bas--12 {
  flex-basis: calc(8.3333% - 6 * 1.5rem / 12);
}

.grid,
.grd {
  /* Flex */
  display: flex;
  /* Grid */
  display: grid;
  grid-template-rows: auto;
}
.grid-template-columns--repeat-1-1fr, .grid-template-columns--rpt-1-1fr, .grid-template-cols--repeat-1-1fr, .grid-template-cols--rpt-1-1fr, .grid-tmp-columns--repeat-1-1fr, .grid-tmp-columns--rpt-1-1fr, .grid-tmp-cols--repeat-1-1fr, .grid-tmp-cols--rpt-1-1fr,
.grd-template-columns--repeat-1-1fr,
.grd-template-columns--rpt-1-1fr,
.grd-template-cols--repeat-1-1fr,
.grd-template-cols--rpt-1-1fr,
.grd-tmp-columns--repeat-1-1fr,
.grd-tmp-columns--rpt-1-1fr,
.grd-tmp-cols--repeat-1-1fr,
.grd-tmp-cols--rpt-1-1fr {
  grid-template-columns: repeat(1, 1fr);
}
.grid-template-columns--repeat-1-auto, .grid-template-columns--rpt-1-auto, .grid-template-cols--repeat-1-auto, .grid-template-cols--rpt-1-auto, .grid-tmp-columns--repeat-1-auto, .grid-tmp-columns--rpt-1-auto, .grid-tmp-cols--repeat-1-auto, .grid-tmp-cols--rpt-1-auto,
.grd-template-columns--repeat-1-auto,
.grd-template-columns--rpt-1-auto,
.grd-template-cols--repeat-1-auto,
.grd-template-cols--rpt-1-auto,
.grd-tmp-columns--repeat-1-auto,
.grd-tmp-columns--rpt-1-auto,
.grd-tmp-cols--repeat-1-auto,
.grd-tmp-cols--rpt-1-auto {
  grid-template-columns: repeat(1, auto);
}
.grid-template-columns--repeat-2-1fr, .grid-template-columns--rpt-2-1fr, .grid-template-cols--repeat-2-1fr, .grid-template-cols--rpt-2-1fr, .grid-tmp-columns--repeat-2-1fr, .grid-tmp-columns--rpt-2-1fr, .grid-tmp-cols--repeat-2-1fr, .grid-tmp-cols--rpt-2-1fr,
.grd-template-columns--repeat-2-1fr,
.grd-template-columns--rpt-2-1fr,
.grd-template-cols--repeat-2-1fr,
.grd-template-cols--rpt-2-1fr,
.grd-tmp-columns--repeat-2-1fr,
.grd-tmp-columns--rpt-2-1fr,
.grd-tmp-cols--repeat-2-1fr,
.grd-tmp-cols--rpt-2-1fr {
  grid-template-columns: repeat(2, 1fr);
}
.grid-template-columns--repeat-2-auto, .grid-template-columns--rpt-2-auto, .grid-template-cols--repeat-2-auto, .grid-template-cols--rpt-2-auto, .grid-tmp-columns--repeat-2-auto, .grid-tmp-columns--rpt-2-auto, .grid-tmp-cols--repeat-2-auto, .grid-tmp-cols--rpt-2-auto,
.grd-template-columns--repeat-2-auto,
.grd-template-columns--rpt-2-auto,
.grd-template-cols--repeat-2-auto,
.grd-template-cols--rpt-2-auto,
.grd-tmp-columns--repeat-2-auto,
.grd-tmp-columns--rpt-2-auto,
.grd-tmp-cols--repeat-2-auto,
.grd-tmp-cols--rpt-2-auto {
  grid-template-columns: repeat(2, auto);
}
.grid-template-columns--repeat-3-1fr, .grid-template-columns--rpt-3-1fr, .grid-template-cols--repeat-3-1fr, .grid-template-cols--rpt-3-1fr, .grid-tmp-columns--repeat-3-1fr, .grid-tmp-columns--rpt-3-1fr, .grid-tmp-cols--repeat-3-1fr, .grid-tmp-cols--rpt-3-1fr,
.grd-template-columns--repeat-3-1fr,
.grd-template-columns--rpt-3-1fr,
.grd-template-cols--repeat-3-1fr,
.grd-template-cols--rpt-3-1fr,
.grd-tmp-columns--repeat-3-1fr,
.grd-tmp-columns--rpt-3-1fr,
.grd-tmp-cols--repeat-3-1fr,
.grd-tmp-cols--rpt-3-1fr {
  grid-template-columns: repeat(3, 1fr);
}
.grid-template-columns--repeat-3-auto, .grid-template-columns--rpt-3-auto, .grid-template-cols--repeat-3-auto, .grid-template-cols--rpt-3-auto, .grid-tmp-columns--repeat-3-auto, .grid-tmp-columns--rpt-3-auto, .grid-tmp-cols--repeat-3-auto, .grid-tmp-cols--rpt-3-auto,
.grd-template-columns--repeat-3-auto,
.grd-template-columns--rpt-3-auto,
.grd-template-cols--repeat-3-auto,
.grd-template-cols--rpt-3-auto,
.grd-tmp-columns--repeat-3-auto,
.grd-tmp-columns--rpt-3-auto,
.grd-tmp-cols--repeat-3-auto,
.grd-tmp-cols--rpt-3-auto {
  grid-template-columns: repeat(3, auto);
}
.grid-template-columns--repeat-4-1fr, .grid-template-columns--rpt-4-1fr, .grid-template-cols--repeat-4-1fr, .grid-template-cols--rpt-4-1fr, .grid-tmp-columns--repeat-4-1fr, .grid-tmp-columns--rpt-4-1fr, .grid-tmp-cols--repeat-4-1fr, .grid-tmp-cols--rpt-4-1fr,
.grd-template-columns--repeat-4-1fr,
.grd-template-columns--rpt-4-1fr,
.grd-template-cols--repeat-4-1fr,
.grd-template-cols--rpt-4-1fr,
.grd-tmp-columns--repeat-4-1fr,
.grd-tmp-columns--rpt-4-1fr,
.grd-tmp-cols--repeat-4-1fr,
.grd-tmp-cols--rpt-4-1fr {
  grid-template-columns: repeat(4, 1fr);
}
.grid-template-columns--repeat-4-auto, .grid-template-columns--rpt-4-auto, .grid-template-cols--repeat-4-auto, .grid-template-cols--rpt-4-auto, .grid-tmp-columns--repeat-4-auto, .grid-tmp-columns--rpt-4-auto, .grid-tmp-cols--repeat-4-auto, .grid-tmp-cols--rpt-4-auto,
.grd-template-columns--repeat-4-auto,
.grd-template-columns--rpt-4-auto,
.grd-template-cols--repeat-4-auto,
.grd-template-cols--rpt-4-auto,
.grd-tmp-columns--repeat-4-auto,
.grd-tmp-columns--rpt-4-auto,
.grd-tmp-cols--repeat-4-auto,
.grd-tmp-cols--rpt-4-auto {
  grid-template-columns: repeat(4, auto);
}
.grid-template-columns--repeat-5-1fr, .grid-template-columns--rpt-5-1fr, .grid-template-cols--repeat-5-1fr, .grid-template-cols--rpt-5-1fr, .grid-tmp-columns--repeat-5-1fr, .grid-tmp-columns--rpt-5-1fr, .grid-tmp-cols--repeat-5-1fr, .grid-tmp-cols--rpt-5-1fr,
.grd-template-columns--repeat-5-1fr,
.grd-template-columns--rpt-5-1fr,
.grd-template-cols--repeat-5-1fr,
.grd-template-cols--rpt-5-1fr,
.grd-tmp-columns--repeat-5-1fr,
.grd-tmp-columns--rpt-5-1fr,
.grd-tmp-cols--repeat-5-1fr,
.grd-tmp-cols--rpt-5-1fr {
  grid-template-columns: repeat(5, 1fr);
}
.grid-template-columns--repeat-5-auto, .grid-template-columns--rpt-5-auto, .grid-template-cols--repeat-5-auto, .grid-template-cols--rpt-5-auto, .grid-tmp-columns--repeat-5-auto, .grid-tmp-columns--rpt-5-auto, .grid-tmp-cols--repeat-5-auto, .grid-tmp-cols--rpt-5-auto,
.grd-template-columns--repeat-5-auto,
.grd-template-columns--rpt-5-auto,
.grd-template-cols--repeat-5-auto,
.grd-template-cols--rpt-5-auto,
.grd-tmp-columns--repeat-5-auto,
.grd-tmp-columns--rpt-5-auto,
.grd-tmp-cols--repeat-5-auto,
.grd-tmp-cols--rpt-5-auto {
  grid-template-columns: repeat(5, auto);
}
.grid-template-columns--repeat-6-1fr, .grid-template-columns--rpt-6-1fr, .grid-template-cols--repeat-6-1fr, .grid-template-cols--rpt-6-1fr, .grid-tmp-columns--repeat-6-1fr, .grid-tmp-columns--rpt-6-1fr, .grid-tmp-cols--repeat-6-1fr, .grid-tmp-cols--rpt-6-1fr,
.grd-template-columns--repeat-6-1fr,
.grd-template-columns--rpt-6-1fr,
.grd-template-cols--repeat-6-1fr,
.grd-template-cols--rpt-6-1fr,
.grd-tmp-columns--repeat-6-1fr,
.grd-tmp-columns--rpt-6-1fr,
.grd-tmp-cols--repeat-6-1fr,
.grd-tmp-cols--rpt-6-1fr {
  grid-template-columns: repeat(6, 1fr);
}
.grid-template-columns--repeat-6-auto, .grid-template-columns--rpt-6-auto, .grid-template-cols--repeat-6-auto, .grid-template-cols--rpt-6-auto, .grid-tmp-columns--repeat-6-auto, .grid-tmp-columns--rpt-6-auto, .grid-tmp-cols--repeat-6-auto, .grid-tmp-cols--rpt-6-auto,
.grd-template-columns--repeat-6-auto,
.grd-template-columns--rpt-6-auto,
.grd-template-cols--repeat-6-auto,
.grd-template-cols--rpt-6-auto,
.grd-tmp-columns--repeat-6-auto,
.grd-tmp-columns--rpt-6-auto,
.grd-tmp-cols--repeat-6-auto,
.grd-tmp-cols--rpt-6-auto {
  grid-template-columns: repeat(6, auto);
}
.grid-template-columns--repeat-7-1fr, .grid-template-columns--rpt-7-1fr, .grid-template-cols--repeat-7-1fr, .grid-template-cols--rpt-7-1fr, .grid-tmp-columns--repeat-7-1fr, .grid-tmp-columns--rpt-7-1fr, .grid-tmp-cols--repeat-7-1fr, .grid-tmp-cols--rpt-7-1fr,
.grd-template-columns--repeat-7-1fr,
.grd-template-columns--rpt-7-1fr,
.grd-template-cols--repeat-7-1fr,
.grd-template-cols--rpt-7-1fr,
.grd-tmp-columns--repeat-7-1fr,
.grd-tmp-columns--rpt-7-1fr,
.grd-tmp-cols--repeat-7-1fr,
.grd-tmp-cols--rpt-7-1fr {
  grid-template-columns: repeat(7, 1fr);
}
.grid-template-columns--repeat-7-auto, .grid-template-columns--rpt-7-auto, .grid-template-cols--repeat-7-auto, .grid-template-cols--rpt-7-auto, .grid-tmp-columns--repeat-7-auto, .grid-tmp-columns--rpt-7-auto, .grid-tmp-cols--repeat-7-auto, .grid-tmp-cols--rpt-7-auto,
.grd-template-columns--repeat-7-auto,
.grd-template-columns--rpt-7-auto,
.grd-template-cols--repeat-7-auto,
.grd-template-cols--rpt-7-auto,
.grd-tmp-columns--repeat-7-auto,
.grd-tmp-columns--rpt-7-auto,
.grd-tmp-cols--repeat-7-auto,
.grd-tmp-cols--rpt-7-auto {
  grid-template-columns: repeat(7, auto);
}
.grid-template-columns--repeat-8-1fr, .grid-template-columns--rpt-8-1fr, .grid-template-cols--repeat-8-1fr, .grid-template-cols--rpt-8-1fr, .grid-tmp-columns--repeat-8-1fr, .grid-tmp-columns--rpt-8-1fr, .grid-tmp-cols--repeat-8-1fr, .grid-tmp-cols--rpt-8-1fr,
.grd-template-columns--repeat-8-1fr,
.grd-template-columns--rpt-8-1fr,
.grd-template-cols--repeat-8-1fr,
.grd-template-cols--rpt-8-1fr,
.grd-tmp-columns--repeat-8-1fr,
.grd-tmp-columns--rpt-8-1fr,
.grd-tmp-cols--repeat-8-1fr,
.grd-tmp-cols--rpt-8-1fr {
  grid-template-columns: repeat(8, 1fr);
}
.grid-template-columns--repeat-8-auto, .grid-template-columns--rpt-8-auto, .grid-template-cols--repeat-8-auto, .grid-template-cols--rpt-8-auto, .grid-tmp-columns--repeat-8-auto, .grid-tmp-columns--rpt-8-auto, .grid-tmp-cols--repeat-8-auto, .grid-tmp-cols--rpt-8-auto,
.grd-template-columns--repeat-8-auto,
.grd-template-columns--rpt-8-auto,
.grd-template-cols--repeat-8-auto,
.grd-template-cols--rpt-8-auto,
.grd-tmp-columns--repeat-8-auto,
.grd-tmp-columns--rpt-8-auto,
.grd-tmp-cols--repeat-8-auto,
.grd-tmp-cols--rpt-8-auto {
  grid-template-columns: repeat(8, auto);
}
.grid-template-columns--repeat-9-1fr, .grid-template-columns--rpt-9-1fr, .grid-template-cols--repeat-9-1fr, .grid-template-cols--rpt-9-1fr, .grid-tmp-columns--repeat-9-1fr, .grid-tmp-columns--rpt-9-1fr, .grid-tmp-cols--repeat-9-1fr, .grid-tmp-cols--rpt-9-1fr,
.grd-template-columns--repeat-9-1fr,
.grd-template-columns--rpt-9-1fr,
.grd-template-cols--repeat-9-1fr,
.grd-template-cols--rpt-9-1fr,
.grd-tmp-columns--repeat-9-1fr,
.grd-tmp-columns--rpt-9-1fr,
.grd-tmp-cols--repeat-9-1fr,
.grd-tmp-cols--rpt-9-1fr {
  grid-template-columns: repeat(9, 1fr);
}
.grid-template-columns--repeat-9-auto, .grid-template-columns--rpt-9-auto, .grid-template-cols--repeat-9-auto, .grid-template-cols--rpt-9-auto, .grid-tmp-columns--repeat-9-auto, .grid-tmp-columns--rpt-9-auto, .grid-tmp-cols--repeat-9-auto, .grid-tmp-cols--rpt-9-auto,
.grd-template-columns--repeat-9-auto,
.grd-template-columns--rpt-9-auto,
.grd-template-cols--repeat-9-auto,
.grd-template-cols--rpt-9-auto,
.grd-tmp-columns--repeat-9-auto,
.grd-tmp-columns--rpt-9-auto,
.grd-tmp-cols--repeat-9-auto,
.grd-tmp-cols--rpt-9-auto {
  grid-template-columns: repeat(9, auto);
}
.grid-template-columns--repeat-10-1fr, .grid-template-columns--rpt-10-1fr, .grid-template-cols--repeat-10-1fr, .grid-template-cols--rpt-10-1fr, .grid-tmp-columns--repeat-10-1fr, .grid-tmp-columns--rpt-10-1fr, .grid-tmp-cols--repeat-10-1fr, .grid-tmp-cols--rpt-10-1fr,
.grd-template-columns--repeat-10-1fr,
.grd-template-columns--rpt-10-1fr,
.grd-template-cols--repeat-10-1fr,
.grd-template-cols--rpt-10-1fr,
.grd-tmp-columns--repeat-10-1fr,
.grd-tmp-columns--rpt-10-1fr,
.grd-tmp-cols--repeat-10-1fr,
.grd-tmp-cols--rpt-10-1fr {
  grid-template-columns: repeat(10, 1fr);
}
.grid-template-columns--repeat-10-auto, .grid-template-columns--rpt-10-auto, .grid-template-cols--repeat-10-auto, .grid-template-cols--rpt-10-auto, .grid-tmp-columns--repeat-10-auto, .grid-tmp-columns--rpt-10-auto, .grid-tmp-cols--repeat-10-auto, .grid-tmp-cols--rpt-10-auto,
.grd-template-columns--repeat-10-auto,
.grd-template-columns--rpt-10-auto,
.grd-template-cols--repeat-10-auto,
.grd-template-cols--rpt-10-auto,
.grd-tmp-columns--repeat-10-auto,
.grd-tmp-columns--rpt-10-auto,
.grd-tmp-cols--repeat-10-auto,
.grd-tmp-cols--rpt-10-auto {
  grid-template-columns: repeat(10, auto);
}
.grid-template-columns--repeat-11-1fr, .grid-template-columns--rpt-11-1fr, .grid-template-cols--repeat-11-1fr, .grid-template-cols--rpt-11-1fr, .grid-tmp-columns--repeat-11-1fr, .grid-tmp-columns--rpt-11-1fr, .grid-tmp-cols--repeat-11-1fr, .grid-tmp-cols--rpt-11-1fr,
.grd-template-columns--repeat-11-1fr,
.grd-template-columns--rpt-11-1fr,
.grd-template-cols--repeat-11-1fr,
.grd-template-cols--rpt-11-1fr,
.grd-tmp-columns--repeat-11-1fr,
.grd-tmp-columns--rpt-11-1fr,
.grd-tmp-cols--repeat-11-1fr,
.grd-tmp-cols--rpt-11-1fr {
  grid-template-columns: repeat(11, 1fr);
}
.grid-template-columns--repeat-11-auto, .grid-template-columns--rpt-11-auto, .grid-template-cols--repeat-11-auto, .grid-template-cols--rpt-11-auto, .grid-tmp-columns--repeat-11-auto, .grid-tmp-columns--rpt-11-auto, .grid-tmp-cols--repeat-11-auto, .grid-tmp-cols--rpt-11-auto,
.grd-template-columns--repeat-11-auto,
.grd-template-columns--rpt-11-auto,
.grd-template-cols--repeat-11-auto,
.grd-template-cols--rpt-11-auto,
.grd-tmp-columns--repeat-11-auto,
.grd-tmp-columns--rpt-11-auto,
.grd-tmp-cols--repeat-11-auto,
.grd-tmp-cols--rpt-11-auto {
  grid-template-columns: repeat(11, auto);
}
.grid-template-columns--repeat-12-1fr, .grid-template-columns--rpt-12-1fr, .grid-template-cols--repeat-12-1fr, .grid-template-cols--rpt-12-1fr, .grid-tmp-columns--repeat-12-1fr, .grid-tmp-columns--rpt-12-1fr, .grid-tmp-cols--repeat-12-1fr, .grid-tmp-cols--rpt-12-1fr,
.grd-template-columns--repeat-12-1fr,
.grd-template-columns--rpt-12-1fr,
.grd-template-cols--repeat-12-1fr,
.grd-template-cols--rpt-12-1fr,
.grd-tmp-columns--repeat-12-1fr,
.grd-tmp-columns--rpt-12-1fr,
.grd-tmp-cols--repeat-12-1fr,
.grd-tmp-cols--rpt-12-1fr {
  grid-template-columns: repeat(12, 1fr);
}
.grid-template-columns--repeat-12-auto, .grid-template-columns--rpt-12-auto, .grid-template-cols--repeat-12-auto, .grid-template-cols--rpt-12-auto, .grid-tmp-columns--repeat-12-auto, .grid-tmp-columns--rpt-12-auto, .grid-tmp-cols--repeat-12-auto, .grid-tmp-cols--rpt-12-auto,
.grd-template-columns--repeat-12-auto,
.grd-template-columns--rpt-12-auto,
.grd-template-cols--repeat-12-auto,
.grd-template-cols--rpt-12-auto,
.grd-tmp-columns--repeat-12-auto,
.grd-tmp-columns--rpt-12-auto,
.grd-tmp-cols--repeat-12-auto,
.grd-tmp-cols--rpt-12-auto {
  grid-template-columns: repeat(12, auto);
}
.grid-template-rows--repeat-1-1fr, .grid-template-rows--rpt-1-1fr, .grid-tmp-rows--repeat-1-1fr, .grid-tmp-rows--rpt-1-1fr,
.grd-template-rows--repeat-1-1fr,
.grd-template-rows--rpt-1-1fr,
.grd-tmp-rows--repeat-1-1fr,
.grd-tmp-rows--rpt-1-1fr {
  grid-template-rows: repeat(1, 1fr);
}
.grid-template-rows--repeat-1-auto, .grid-template-rows--rpt-1-auto, .grid-tmp-rows--repeat-1-auto, .grid-tmp-rows--rpt-1-auto,
.grd-template-rows--repeat-1-auto,
.grd-template-rows--rpt-1-auto,
.grd-tmp-rows--repeat-1-auto,
.grd-tmp-rows--rpt-1-auto {
  grid-template-rows: repeat(1, auto);
}
.grid-template-rows--repeat-2-1fr, .grid-template-rows--rpt-2-1fr, .grid-tmp-rows--repeat-2-1fr, .grid-tmp-rows--rpt-2-1fr,
.grd-template-rows--repeat-2-1fr,
.grd-template-rows--rpt-2-1fr,
.grd-tmp-rows--repeat-2-1fr,
.grd-tmp-rows--rpt-2-1fr {
  grid-template-rows: repeat(2, 1fr);
}
.grid-template-rows--repeat-2-auto, .grid-template-rows--rpt-2-auto, .grid-tmp-rows--repeat-2-auto, .grid-tmp-rows--rpt-2-auto,
.grd-template-rows--repeat-2-auto,
.grd-template-rows--rpt-2-auto,
.grd-tmp-rows--repeat-2-auto,
.grd-tmp-rows--rpt-2-auto {
  grid-template-rows: repeat(2, auto);
}
.grid-template-rows--repeat-3-1fr, .grid-template-rows--rpt-3-1fr, .grid-tmp-rows--repeat-3-1fr, .grid-tmp-rows--rpt-3-1fr,
.grd-template-rows--repeat-3-1fr,
.grd-template-rows--rpt-3-1fr,
.grd-tmp-rows--repeat-3-1fr,
.grd-tmp-rows--rpt-3-1fr {
  grid-template-rows: repeat(3, 1fr);
}
.grid-template-rows--repeat-3-auto, .grid-template-rows--rpt-3-auto, .grid-tmp-rows--repeat-3-auto, .grid-tmp-rows--rpt-3-auto,
.grd-template-rows--repeat-3-auto,
.grd-template-rows--rpt-3-auto,
.grd-tmp-rows--repeat-3-auto,
.grd-tmp-rows--rpt-3-auto {
  grid-template-rows: repeat(3, auto);
}
.grid-template-rows--repeat-4-1fr, .grid-template-rows--rpt-4-1fr, .grid-tmp-rows--repeat-4-1fr, .grid-tmp-rows--rpt-4-1fr,
.grd-template-rows--repeat-4-1fr,
.grd-template-rows--rpt-4-1fr,
.grd-tmp-rows--repeat-4-1fr,
.grd-tmp-rows--rpt-4-1fr {
  grid-template-rows: repeat(4, 1fr);
}
.grid-template-rows--repeat-4-auto, .grid-template-rows--rpt-4-auto, .grid-tmp-rows--repeat-4-auto, .grid-tmp-rows--rpt-4-auto,
.grd-template-rows--repeat-4-auto,
.grd-template-rows--rpt-4-auto,
.grd-tmp-rows--repeat-4-auto,
.grd-tmp-rows--rpt-4-auto {
  grid-template-rows: repeat(4, auto);
}
.grid-template-rows--repeat-5-1fr, .grid-template-rows--rpt-5-1fr, .grid-tmp-rows--repeat-5-1fr, .grid-tmp-rows--rpt-5-1fr,
.grd-template-rows--repeat-5-1fr,
.grd-template-rows--rpt-5-1fr,
.grd-tmp-rows--repeat-5-1fr,
.grd-tmp-rows--rpt-5-1fr {
  grid-template-rows: repeat(5, 1fr);
}
.grid-template-rows--repeat-5-auto, .grid-template-rows--rpt-5-auto, .grid-tmp-rows--repeat-5-auto, .grid-tmp-rows--rpt-5-auto,
.grd-template-rows--repeat-5-auto,
.grd-template-rows--rpt-5-auto,
.grd-tmp-rows--repeat-5-auto,
.grd-tmp-rows--rpt-5-auto {
  grid-template-rows: repeat(5, auto);
}
.grid-template-rows--repeat-6-1fr, .grid-template-rows--rpt-6-1fr, .grid-tmp-rows--repeat-6-1fr, .grid-tmp-rows--rpt-6-1fr,
.grd-template-rows--repeat-6-1fr,
.grd-template-rows--rpt-6-1fr,
.grd-tmp-rows--repeat-6-1fr,
.grd-tmp-rows--rpt-6-1fr {
  grid-template-rows: repeat(6, 1fr);
}
.grid-template-rows--repeat-6-auto, .grid-template-rows--rpt-6-auto, .grid-tmp-rows--repeat-6-auto, .grid-tmp-rows--rpt-6-auto,
.grd-template-rows--repeat-6-auto,
.grd-template-rows--rpt-6-auto,
.grd-tmp-rows--repeat-6-auto,
.grd-tmp-rows--rpt-6-auto {
  grid-template-rows: repeat(6, auto);
}
.grid-template-rows--repeat-7-1fr, .grid-template-rows--rpt-7-1fr, .grid-tmp-rows--repeat-7-1fr, .grid-tmp-rows--rpt-7-1fr,
.grd-template-rows--repeat-7-1fr,
.grd-template-rows--rpt-7-1fr,
.grd-tmp-rows--repeat-7-1fr,
.grd-tmp-rows--rpt-7-1fr {
  grid-template-rows: repeat(7, 1fr);
}
.grid-template-rows--repeat-7-auto, .grid-template-rows--rpt-7-auto, .grid-tmp-rows--repeat-7-auto, .grid-tmp-rows--rpt-7-auto,
.grd-template-rows--repeat-7-auto,
.grd-template-rows--rpt-7-auto,
.grd-tmp-rows--repeat-7-auto,
.grd-tmp-rows--rpt-7-auto {
  grid-template-rows: repeat(7, auto);
}
.grid-template-rows--repeat-8-1fr, .grid-template-rows--rpt-8-1fr, .grid-tmp-rows--repeat-8-1fr, .grid-tmp-rows--rpt-8-1fr,
.grd-template-rows--repeat-8-1fr,
.grd-template-rows--rpt-8-1fr,
.grd-tmp-rows--repeat-8-1fr,
.grd-tmp-rows--rpt-8-1fr {
  grid-template-rows: repeat(8, 1fr);
}
.grid-template-rows--repeat-8-auto, .grid-template-rows--rpt-8-auto, .grid-tmp-rows--repeat-8-auto, .grid-tmp-rows--rpt-8-auto,
.grd-template-rows--repeat-8-auto,
.grd-template-rows--rpt-8-auto,
.grd-tmp-rows--repeat-8-auto,
.grd-tmp-rows--rpt-8-auto {
  grid-template-rows: repeat(8, auto);
}
.grid-template-rows--repeat-9-1fr, .grid-template-rows--rpt-9-1fr, .grid-tmp-rows--repeat-9-1fr, .grid-tmp-rows--rpt-9-1fr,
.grd-template-rows--repeat-9-1fr,
.grd-template-rows--rpt-9-1fr,
.grd-tmp-rows--repeat-9-1fr,
.grd-tmp-rows--rpt-9-1fr {
  grid-template-rows: repeat(9, 1fr);
}
.grid-template-rows--repeat-9-auto, .grid-template-rows--rpt-9-auto, .grid-tmp-rows--repeat-9-auto, .grid-tmp-rows--rpt-9-auto,
.grd-template-rows--repeat-9-auto,
.grd-template-rows--rpt-9-auto,
.grd-tmp-rows--repeat-9-auto,
.grd-tmp-rows--rpt-9-auto {
  grid-template-rows: repeat(9, auto);
}
.grid-template-rows--repeat-10-1fr, .grid-template-rows--rpt-10-1fr, .grid-tmp-rows--repeat-10-1fr, .grid-tmp-rows--rpt-10-1fr,
.grd-template-rows--repeat-10-1fr,
.grd-template-rows--rpt-10-1fr,
.grd-tmp-rows--repeat-10-1fr,
.grd-tmp-rows--rpt-10-1fr {
  grid-template-rows: repeat(10, 1fr);
}
.grid-template-rows--repeat-10-auto, .grid-template-rows--rpt-10-auto, .grid-tmp-rows--repeat-10-auto, .grid-tmp-rows--rpt-10-auto,
.grd-template-rows--repeat-10-auto,
.grd-template-rows--rpt-10-auto,
.grd-tmp-rows--repeat-10-auto,
.grd-tmp-rows--rpt-10-auto {
  grid-template-rows: repeat(10, auto);
}
.grid-template-rows--repeat-11-1fr, .grid-template-rows--rpt-11-1fr, .grid-tmp-rows--repeat-11-1fr, .grid-tmp-rows--rpt-11-1fr,
.grd-template-rows--repeat-11-1fr,
.grd-template-rows--rpt-11-1fr,
.grd-tmp-rows--repeat-11-1fr,
.grd-tmp-rows--rpt-11-1fr {
  grid-template-rows: repeat(11, 1fr);
}
.grid-template-rows--repeat-11-auto, .grid-template-rows--rpt-11-auto, .grid-tmp-rows--repeat-11-auto, .grid-tmp-rows--rpt-11-auto,
.grd-template-rows--repeat-11-auto,
.grd-template-rows--rpt-11-auto,
.grd-tmp-rows--repeat-11-auto,
.grd-tmp-rows--rpt-11-auto {
  grid-template-rows: repeat(11, auto);
}
.grid-template-rows--repeat-12-1fr, .grid-template-rows--rpt-12-1fr, .grid-tmp-rows--repeat-12-1fr, .grid-tmp-rows--rpt-12-1fr,
.grd-template-rows--repeat-12-1fr,
.grd-template-rows--rpt-12-1fr,
.grd-tmp-rows--repeat-12-1fr,
.grd-tmp-rows--rpt-12-1fr {
  grid-template-rows: repeat(12, 1fr);
}
.grid-template-rows--repeat-12-auto, .grid-template-rows--rpt-12-auto, .grid-tmp-rows--repeat-12-auto, .grid-tmp-rows--rpt-12-auto,
.grd-template-rows--repeat-12-auto,
.grd-template-rows--rpt-12-auto,
.grd-tmp-rows--repeat-12-auto,
.grd-tmp-rows--rpt-12-auto {
  grid-template-rows: repeat(12, auto);
}

.height--10, .h--10 {
  height: 10%;
}
.height--20, .h--20 {
  height: 20%;
}
.height--25, .h--25 {
  height: 25%;
}
.height--33, .h--33 {
  height: 33%;
}
.height--40, .h--40 {
  height: 40%;
}
.height--45, .h--45 {
  height: 45%;
}
.height--50, .h--50 {
  height: 50%;
}
.height--60, .h--60 {
  height: 60%;
}
.height--67, .h--67 {
  height: 66.67%;
}
.height--75, .h--75 {
  height: 75%;
}
.height--80, .h--80 {
  height: 80%;
}
.height--90, .h--90 {
  height: 90%;
}
.height--100, .h--100 {
  height: 100%;
}
.height--xxs, .h--xxs {
  height: 0.5rem;
}
.height--xs, .h--xs {
  height: 1rem;
}
.height--sm, .h--sm {
  height: 1.5rem;
}
.height--ms, .h--ms {
  height: 2rem;
}
.height--md, .h--md {
  height: 3rem;
}
.height--ml, .h--ml {
  height: 5rem;
}
.height--lg, .h--lg {
  height: 6rem;
}
.height--xl, .h--xl {
  height: 8rem;
}
.height--xxl, .h--xxl {
  height: 10rem;
}
.height--2xxs, .h--2xxs {
  height: calc(2 * 0.5rem);
}
.height--2xs, .h--2xs {
  height: calc(2 * 1rem);
}
.height--2sm, .h--2sm {
  height: calc(2 * 1.5rem);
}
.height--2ms, .h--2ms {
  height: calc(2 * 2rem);
}
.height--2md, .h--2md {
  height: calc(2 * 3rem);
}
.height--2ml, .h--2ml {
  height: calc(2 * 5rem);
}
.height--2lg, .h--2lg {
  height: calc(2 * 6rem);
}
.height--2xl, .h--2xl {
  height: calc(2 * 8rem);
}
.height--2xxl, .h--2xxl {
  height: calc(2 * 10rem);
}
.height--3xxs, .h--3xxs {
  height: calc(3 * 0.5rem);
}
.height--3xs, .h--3xs {
  height: calc(3 * 1rem);
}
.height--3sm, .h--3sm {
  height: calc(3 * 1.5rem);
}
.height--3ms, .h--3ms {
  height: calc(3 * 2rem);
}
.height--3md, .h--3md {
  height: calc(3 * 3rem);
}
.height--3ml, .h--3ml {
  height: calc(3 * 5rem);
}
.height--3lg, .h--3lg {
  height: calc(3 * 6rem);
}
.height--3xl, .h--3xl {
  height: calc(3 * 8rem);
}
.height--3xxl, .h--3xxl {
  height: calc(3 * 10rem);
}
.height--4xxs, .h--4xxs {
  height: calc(4 * 0.5rem);
}
.height--4xs, .h--4xs {
  height: calc(4 * 1rem);
}
.height--4sm, .h--4sm {
  height: calc(4 * 1.5rem);
}
.height--4ms, .h--4ms {
  height: calc(4 * 2rem);
}
.height--4md, .h--4md {
  height: calc(4 * 3rem);
}
.height--4ml, .h--4ml {
  height: calc(4 * 5rem);
}
.height--4lg, .h--4lg {
  height: calc(4 * 6rem);
}
.height--4xl, .h--4xl {
  height: calc(4 * 8rem);
}
.height--4xxl, .h--4xxl {
  height: calc(4 * 10rem);
}
.height--5xxs, .h--5xxs {
  height: calc(5 * 0.5rem);
}
.height--5xs, .h--5xs {
  height: calc(5 * 1rem);
}
.height--5sm, .h--5sm {
  height: calc(5 * 1.5rem);
}
.height--5ms, .h--5ms {
  height: calc(5 * 2rem);
}
.height--5md, .h--5md {
  height: calc(5 * 3rem);
}
.height--5ml, .h--5ml {
  height: calc(5 * 5rem);
}
.height--5lg, .h--5lg {
  height: calc(5 * 6rem);
}
.height--5xl, .h--5xl {
  height: calc(5 * 8rem);
}
.height--5xxl, .h--5xxl {
  height: calc(5 * 10rem);
}
.height--6xxs, .h--6xxs {
  height: calc(6 * 0.5rem);
}
.height--6xs, .h--6xs {
  height: calc(6 * 1rem);
}
.height--6sm, .h--6sm {
  height: calc(6 * 1.5rem);
}
.height--6ms, .h--6ms {
  height: calc(6 * 2rem);
}
.height--6md, .h--6md {
  height: calc(6 * 3rem);
}
.height--6ml, .h--6ml {
  height: calc(6 * 5rem);
}
.height--6lg, .h--6lg {
  height: calc(6 * 6rem);
}
.height--6xl, .h--6xl {
  height: calc(6 * 8rem);
}
.height--6xxl, .h--6xxl {
  height: calc(6 * 10rem);
}
.height--7xxs, .h--7xxs {
  height: calc(7 * 0.5rem);
}
.height--7xs, .h--7xs {
  height: calc(7 * 1rem);
}
.height--7sm, .h--7sm {
  height: calc(7 * 1.5rem);
}
.height--7ms, .h--7ms {
  height: calc(7 * 2rem);
}
.height--7md, .h--7md {
  height: calc(7 * 3rem);
}
.height--7ml, .h--7ml {
  height: calc(7 * 5rem);
}
.height--7lg, .h--7lg {
  height: calc(7 * 6rem);
}
.height--7xl, .h--7xl {
  height: calc(7 * 8rem);
}
.height--7xxl, .h--7xxl {
  height: calc(7 * 10rem);
}
.height--8xxs, .h--8xxs {
  height: calc(8 * 0.5rem);
}
.height--8xs, .h--8xs {
  height: calc(8 * 1rem);
}
.height--8sm, .h--8sm {
  height: calc(8 * 1.5rem);
}
.height--8ms, .h--8ms {
  height: calc(8 * 2rem);
}
.height--8md, .h--8md {
  height: calc(8 * 3rem);
}
.height--8ml, .h--8ml {
  height: calc(8 * 5rem);
}
.height--8lg, .h--8lg {
  height: calc(8 * 6rem);
}
.height--8xl, .h--8xl {
  height: calc(8 * 8rem);
}
.height--8xxl, .h--8xxl {
  height: calc(8 * 10rem);
}
.height--9xxs, .h--9xxs {
  height: calc(9 * 0.5rem);
}
.height--9xs, .h--9xs {
  height: calc(9 * 1rem);
}
.height--9sm, .h--9sm {
  height: calc(9 * 1.5rem);
}
.height--9ms, .h--9ms {
  height: calc(9 * 2rem);
}
.height--9md, .h--9md {
  height: calc(9 * 3rem);
}
.height--9ml, .h--9ml {
  height: calc(9 * 5rem);
}
.height--9lg, .h--9lg {
  height: calc(9 * 6rem);
}
.height--9xl, .h--9xl {
  height: calc(9 * 8rem);
}
.height--9xxl, .h--9xxl {
  height: calc(9 * 10rem);
}
.height--10xxs, .h--10xxs {
  height: calc(10 * 0.5rem);
}
.height--10xs, .h--10xs {
  height: calc(10 * 1rem);
}
.height--10sm, .h--10sm {
  height: calc(10 * 1.5rem);
}
.height--10ms, .h--10ms {
  height: calc(10 * 2rem);
}
.height--10md, .h--10md {
  height: calc(10 * 3rem);
}
.height--10ml, .h--10ml {
  height: calc(10 * 5rem);
}
.height--10lg, .h--10lg {
  height: calc(10 * 6rem);
}
.height--10xl, .h--10xl {
  height: calc(10 * 8rem);
}
.height--10xxl, .h--10xxl {
  height: calc(10 * 10rem);
}

.min-height--10, .min-h--10 {
  height: 10%;
}
.min-height--20, .min-h--20 {
  height: 20%;
}
.min-height--25, .min-h--25 {
  height: 25%;
}
.min-height--33, .min-h--33 {
  height: 33%;
}
.min-height--40, .min-h--40 {
  height: 40%;
}
.min-height--45, .min-h--45 {
  height: 45%;
}
.min-height--50, .min-h--50 {
  height: 50%;
}
.min-height--60, .min-h--60 {
  height: 60%;
}
.min-height--67, .min-h--67 {
  height: 66.67%;
}
.min-height--75, .min-h--75 {
  height: 75%;
}
.min-height--80, .min-h--80 {
  height: 80%;
}
.min-height--90, .min-h--90 {
  height: 90%;
}
.min-height--100, .min-h--100 {
  height: 100%;
}
.min-height--xxs, .min-h--xxs {
  height: 0.5rem;
}
.min-height--xs, .min-h--xs {
  height: 1rem;
}
.min-height--sm, .min-h--sm {
  height: 1.5rem;
}
.min-height--ms, .min-h--ms {
  height: 2rem;
}
.min-height--md, .min-h--md {
  height: 3rem;
}
.min-height--ml, .min-h--ml {
  height: 5rem;
}
.min-height--lg, .min-h--lg {
  height: 6rem;
}
.min-height--xl, .min-h--xl {
  height: 8rem;
}
.min-height--xxl, .min-h--xxl {
  height: 10rem;
}
.min-height--2xxs, .min-h--2xxs {
  height: calc(2 * 0.5rem);
}
.min-height--2xs, .min-h--2xs {
  height: calc(2 * 1rem);
}
.min-height--2sm, .min-h--2sm {
  height: calc(2 * 1.5rem);
}
.min-height--2ms, .min-h--2ms {
  height: calc(2 * 2rem);
}
.min-height--2md, .min-h--2md {
  height: calc(2 * 3rem);
}
.min-height--2ml, .min-h--2ml {
  height: calc(2 * 5rem);
}
.min-height--2lg, .min-h--2lg {
  height: calc(2 * 6rem);
}
.min-height--2xl, .min-h--2xl {
  height: calc(2 * 8rem);
}
.min-height--2xxl, .min-h--2xxl {
  height: calc(2 * 10rem);
}
.min-height--3xxs, .min-h--3xxs {
  height: calc(3 * 0.5rem);
}
.min-height--3xs, .min-h--3xs {
  height: calc(3 * 1rem);
}
.min-height--3sm, .min-h--3sm {
  height: calc(3 * 1.5rem);
}
.min-height--3ms, .min-h--3ms {
  height: calc(3 * 2rem);
}
.min-height--3md, .min-h--3md {
  height: calc(3 * 3rem);
}
.min-height--3ml, .min-h--3ml {
  height: calc(3 * 5rem);
}
.min-height--3lg, .min-h--3lg {
  height: calc(3 * 6rem);
}
.min-height--3xl, .min-h--3xl {
  height: calc(3 * 8rem);
}
.min-height--3xxl, .min-h--3xxl {
  height: calc(3 * 10rem);
}
.min-height--4xxs, .min-h--4xxs {
  height: calc(4 * 0.5rem);
}
.min-height--4xs, .min-h--4xs {
  height: calc(4 * 1rem);
}
.min-height--4sm, .min-h--4sm {
  height: calc(4 * 1.5rem);
}
.min-height--4ms, .min-h--4ms {
  height: calc(4 * 2rem);
}
.min-height--4md, .min-h--4md {
  height: calc(4 * 3rem);
}
.min-height--4ml, .min-h--4ml {
  height: calc(4 * 5rem);
}
.min-height--4lg, .min-h--4lg {
  height: calc(4 * 6rem);
}
.min-height--4xl, .min-h--4xl {
  height: calc(4 * 8rem);
}
.min-height--4xxl, .min-h--4xxl {
  height: calc(4 * 10rem);
}
.min-height--5xxs, .min-h--5xxs {
  height: calc(5 * 0.5rem);
}
.min-height--5xs, .min-h--5xs {
  height: calc(5 * 1rem);
}
.min-height--5sm, .min-h--5sm {
  height: calc(5 * 1.5rem);
}
.min-height--5ms, .min-h--5ms {
  height: calc(5 * 2rem);
}
.min-height--5md, .min-h--5md {
  height: calc(5 * 3rem);
}
.min-height--5ml, .min-h--5ml {
  height: calc(5 * 5rem);
}
.min-height--5lg, .min-h--5lg {
  height: calc(5 * 6rem);
}
.min-height--5xl, .min-h--5xl {
  height: calc(5 * 8rem);
}
.min-height--5xxl, .min-h--5xxl {
  height: calc(5 * 10rem);
}
.min-height--6xxs, .min-h--6xxs {
  height: calc(6 * 0.5rem);
}
.min-height--6xs, .min-h--6xs {
  height: calc(6 * 1rem);
}
.min-height--6sm, .min-h--6sm {
  height: calc(6 * 1.5rem);
}
.min-height--6ms, .min-h--6ms {
  height: calc(6 * 2rem);
}
.min-height--6md, .min-h--6md {
  height: calc(6 * 3rem);
}
.min-height--6ml, .min-h--6ml {
  height: calc(6 * 5rem);
}
.min-height--6lg, .min-h--6lg {
  height: calc(6 * 6rem);
}
.min-height--6xl, .min-h--6xl {
  height: calc(6 * 8rem);
}
.min-height--6xxl, .min-h--6xxl {
  height: calc(6 * 10rem);
}
.min-height--7xxs, .min-h--7xxs {
  height: calc(7 * 0.5rem);
}
.min-height--7xs, .min-h--7xs {
  height: calc(7 * 1rem);
}
.min-height--7sm, .min-h--7sm {
  height: calc(7 * 1.5rem);
}
.min-height--7ms, .min-h--7ms {
  height: calc(7 * 2rem);
}
.min-height--7md, .min-h--7md {
  height: calc(7 * 3rem);
}
.min-height--7ml, .min-h--7ml {
  height: calc(7 * 5rem);
}
.min-height--7lg, .min-h--7lg {
  height: calc(7 * 6rem);
}
.min-height--7xl, .min-h--7xl {
  height: calc(7 * 8rem);
}
.min-height--7xxl, .min-h--7xxl {
  height: calc(7 * 10rem);
}
.min-height--8xxs, .min-h--8xxs {
  height: calc(8 * 0.5rem);
}
.min-height--8xs, .min-h--8xs {
  height: calc(8 * 1rem);
}
.min-height--8sm, .min-h--8sm {
  height: calc(8 * 1.5rem);
}
.min-height--8ms, .min-h--8ms {
  height: calc(8 * 2rem);
}
.min-height--8md, .min-h--8md {
  height: calc(8 * 3rem);
}
.min-height--8ml, .min-h--8ml {
  height: calc(8 * 5rem);
}
.min-height--8lg, .min-h--8lg {
  height: calc(8 * 6rem);
}
.min-height--8xl, .min-h--8xl {
  height: calc(8 * 8rem);
}
.min-height--8xxl, .min-h--8xxl {
  height: calc(8 * 10rem);
}
.min-height--9xxs, .min-h--9xxs {
  height: calc(9 * 0.5rem);
}
.min-height--9xs, .min-h--9xs {
  height: calc(9 * 1rem);
}
.min-height--9sm, .min-h--9sm {
  height: calc(9 * 1.5rem);
}
.min-height--9ms, .min-h--9ms {
  height: calc(9 * 2rem);
}
.min-height--9md, .min-h--9md {
  height: calc(9 * 3rem);
}
.min-height--9ml, .min-h--9ml {
  height: calc(9 * 5rem);
}
.min-height--9lg, .min-h--9lg {
  height: calc(9 * 6rem);
}
.min-height--9xl, .min-h--9xl {
  height: calc(9 * 8rem);
}
.min-height--9xxl, .min-h--9xxl {
  height: calc(9 * 10rem);
}
.min-height--10xxs, .min-h--10xxs {
  height: calc(10 * 0.5rem);
}
.min-height--10xs, .min-h--10xs {
  height: calc(10 * 1rem);
}
.min-height--10sm, .min-h--10sm {
  height: calc(10 * 1.5rem);
}
.min-height--10ms, .min-h--10ms {
  height: calc(10 * 2rem);
}
.min-height--10md, .min-h--10md {
  height: calc(10 * 3rem);
}
.min-height--10ml, .min-h--10ml {
  height: calc(10 * 5rem);
}
.min-height--10lg, .min-h--10lg {
  height: calc(10 * 6rem);
}
.min-height--10xl, .min-h--10xl {
  height: calc(10 * 8rem);
}
.min-height--10xxl, .min-h--10xxl {
  height: calc(10 * 10rem);
}

.max-height--10, .max-h--10 {
  height: 10%;
}
.max-height--20, .max-h--20 {
  height: 20%;
}
.max-height--25, .max-h--25 {
  height: 25%;
}
.max-height--33, .max-h--33 {
  height: 33%;
}
.max-height--40, .max-h--40 {
  height: 40%;
}
.max-height--45, .max-h--45 {
  height: 45%;
}
.max-height--50, .max-h--50 {
  height: 50%;
}
.max-height--60, .max-h--60 {
  height: 60%;
}
.max-height--67, .max-h--67 {
  height: 66.67%;
}
.max-height--75, .max-h--75 {
  height: 75%;
}
.max-height--80, .max-h--80 {
  height: 80%;
}
.max-height--90, .max-h--90 {
  height: 90%;
}
.max-height--100, .max-h--100 {
  height: 100%;
}
.max-height--xxs, .max-h--xxs {
  height: 0.5rem;
}
.max-height--xs, .max-h--xs {
  height: 1rem;
}
.max-height--sm, .max-h--sm {
  height: 1.5rem;
}
.max-height--ms, .max-h--ms {
  height: 2rem;
}
.max-height--md, .max-h--md {
  height: 3rem;
}
.max-height--ml, .max-h--ml {
  height: 5rem;
}
.max-height--lg, .max-h--lg {
  height: 6rem;
}
.max-height--xl, .max-h--xl {
  height: 8rem;
}
.max-height--xxl, .max-h--xxl {
  height: 10rem;
}
.max-height--2xxs, .max-h--2xxs {
  height: calc(2 * 0.5rem);
}
.max-height--2xs, .max-h--2xs {
  height: calc(2 * 1rem);
}
.max-height--2sm, .max-h--2sm {
  height: calc(2 * 1.5rem);
}
.max-height--2ms, .max-h--2ms {
  height: calc(2 * 2rem);
}
.max-height--2md, .max-h--2md {
  height: calc(2 * 3rem);
}
.max-height--2ml, .max-h--2ml {
  height: calc(2 * 5rem);
}
.max-height--2lg, .max-h--2lg {
  height: calc(2 * 6rem);
}
.max-height--2xl, .max-h--2xl {
  height: calc(2 * 8rem);
}
.max-height--2xxl, .max-h--2xxl {
  height: calc(2 * 10rem);
}
.max-height--3xxs, .max-h--3xxs {
  height: calc(3 * 0.5rem);
}
.max-height--3xs, .max-h--3xs {
  height: calc(3 * 1rem);
}
.max-height--3sm, .max-h--3sm {
  height: calc(3 * 1.5rem);
}
.max-height--3ms, .max-h--3ms {
  height: calc(3 * 2rem);
}
.max-height--3md, .max-h--3md {
  height: calc(3 * 3rem);
}
.max-height--3ml, .max-h--3ml {
  height: calc(3 * 5rem);
}
.max-height--3lg, .max-h--3lg {
  height: calc(3 * 6rem);
}
.max-height--3xl, .max-h--3xl {
  height: calc(3 * 8rem);
}
.max-height--3xxl, .max-h--3xxl {
  height: calc(3 * 10rem);
}
.max-height--4xxs, .max-h--4xxs {
  height: calc(4 * 0.5rem);
}
.max-height--4xs, .max-h--4xs {
  height: calc(4 * 1rem);
}
.max-height--4sm, .max-h--4sm {
  height: calc(4 * 1.5rem);
}
.max-height--4ms, .max-h--4ms {
  height: calc(4 * 2rem);
}
.max-height--4md, .max-h--4md {
  height: calc(4 * 3rem);
}
.max-height--4ml, .max-h--4ml {
  height: calc(4 * 5rem);
}
.max-height--4lg, .max-h--4lg {
  height: calc(4 * 6rem);
}
.max-height--4xl, .max-h--4xl {
  height: calc(4 * 8rem);
}
.max-height--4xxl, .max-h--4xxl {
  height: calc(4 * 10rem);
}
.max-height--5xxs, .max-h--5xxs {
  height: calc(5 * 0.5rem);
}
.max-height--5xs, .max-h--5xs {
  height: calc(5 * 1rem);
}
.max-height--5sm, .max-h--5sm {
  height: calc(5 * 1.5rem);
}
.max-height--5ms, .max-h--5ms {
  height: calc(5 * 2rem);
}
.max-height--5md, .max-h--5md {
  height: calc(5 * 3rem);
}
.max-height--5ml, .max-h--5ml {
  height: calc(5 * 5rem);
}
.max-height--5lg, .max-h--5lg {
  height: calc(5 * 6rem);
}
.max-height--5xl, .max-h--5xl {
  height: calc(5 * 8rem);
}
.max-height--5xxl, .max-h--5xxl {
  height: calc(5 * 10rem);
}
.max-height--6xxs, .max-h--6xxs {
  height: calc(6 * 0.5rem);
}
.max-height--6xs, .max-h--6xs {
  height: calc(6 * 1rem);
}
.max-height--6sm, .max-h--6sm {
  height: calc(6 * 1.5rem);
}
.max-height--6ms, .max-h--6ms {
  height: calc(6 * 2rem);
}
.max-height--6md, .max-h--6md {
  height: calc(6 * 3rem);
}
.max-height--6ml, .max-h--6ml {
  height: calc(6 * 5rem);
}
.max-height--6lg, .max-h--6lg {
  height: calc(6 * 6rem);
}
.max-height--6xl, .max-h--6xl {
  height: calc(6 * 8rem);
}
.max-height--6xxl, .max-h--6xxl {
  height: calc(6 * 10rem);
}
.max-height--7xxs, .max-h--7xxs {
  height: calc(7 * 0.5rem);
}
.max-height--7xs, .max-h--7xs {
  height: calc(7 * 1rem);
}
.max-height--7sm, .max-h--7sm {
  height: calc(7 * 1.5rem);
}
.max-height--7ms, .max-h--7ms {
  height: calc(7 * 2rem);
}
.max-height--7md, .max-h--7md {
  height: calc(7 * 3rem);
}
.max-height--7ml, .max-h--7ml {
  height: calc(7 * 5rem);
}
.max-height--7lg, .max-h--7lg {
  height: calc(7 * 6rem);
}
.max-height--7xl, .max-h--7xl {
  height: calc(7 * 8rem);
}
.max-height--7xxl, .max-h--7xxl {
  height: calc(7 * 10rem);
}
.max-height--8xxs, .max