@charset "UTF-8";
:root {
  --color--primary--lightest: #fef5eb;
  --color--primary--lighter: #fddccc;
  --color--primary--light: #ee4a42;
  --color--primary: #e40913;
  --color--primary--dark: #c40620;
  --color--primary--darker: #84022b;
  --color--primary--darkest: #6d012c;
  --color--secondary--lightest: #d5defe;
  --color--secondary--lighter: #acbcfe;
  --color--secondary--light: #637dfe;
  --color--secondary: #304ffe;
  --color--secondary--dark: #233bda;
  --color--secondary--darker: #182bb6;
  --color--secondary--darkest: #0f1c93;
  --color--accent--lightest: #fff3e0;
  --color--accent--lighter: #ffcc80;
  --color--accent--light: #ffb74d;
  --color--accent: #ff9800;
  --color--accent--dark: #f57c00;
  --color--accent--darker: #ef6c00;
  --color--accent--darkest: #e65100;
  --color--danger--lightest: #ffebee;
  --color--danger--lighter: #ef9a9a;
  --color--danger--light: #e57373;
  --color--danger: #f44336;
  --color--danger--dark: #d32f2f;
  --color--danger--darker: #c62828;
  --color--danger--darkest: #b71c1c;
  --color--warning--lightest: #fff3e0;
  --color--warning--lighter: #ffcc80;
  --color--warning--light: #ffb74d;
  --color--warning: #ff9800;
  --color--warning--dark: #f57c00;
  --color--warning--darker: #ef6c00;
  --color--warning--darkest: #e65100;
  --color--success--lightest: #e8f5e9;
  --color--success--lighter: #a5d6a7;
  --color--success--light: #81c784;
  --color--success: #4caf50;
  --color--success--dark: #388e3c;
  --color--success--darker: #2e7d32;
  --color--success--darkest: #1b5e20;
  --color--info--lightest: #e3f2fd;
  --color--info--lighter: #90caf9;
  --color--info--light: #64b5f6;
  --color--info: #2196f3;
  --color--info--dark: #1976d2;
  --color--info--darker: #1565c0;
  --color--info--darkest: #0d47a1;
  --color--grey--lightest: #e2e8f0;
  --color--grey--lighter: #cbd5e1;
  --color--grey--light: #94a3b8;
  --color--grey: #64748b;
  --color--grey--dark: #475569;
  --color--grey--darker: #334155;
  --color--grey--darkest: #1e293b;
  --color--light: #ffffff;
  --color--dark: #000000;
  --color--orange--lightest: #fff3e0;
  --color--orange--lighter: #ffe0b2;
  --color--orange--light: #ffb74d;
  --color--orange: #ff9800;
  --color--orange--dark: #fb8c00;
  --color--orange--darker: #ef6c00;
  --color--orange--darkest: #e65100;
  --color--amber--lightest: #fff8e1;
  --color--amber--lighter: #ffecb3;
  --color--amber--light: #ffd54f;
  --color--amber: #ffc107;
  --color--amber--dark: #ffa000;
  --color--amber--darker: #ff8f00;
  --color--amber--darkest: #ff6f00;
  --color--lime--lightest: #f9fbe7;
  --color--lime--lighter: #f0f4c3;
  --color--lime--light: #dce775;
  --color--lime: #cddc39;
  --color--lime--dark: #afb42b;
  --color--lime--darker: #9e9d24;
  --color--lime--darkest: #827717;
  --color--green--lightest: #e8f5e9;
  --color--green--lighter: #c8e6c9;
  --color--green--light: #81c784;
  --color--green: #4caf50;
  --color--green--dark: #388e3c;
  --color--green--darker: #2e7d32;
  --color--green--darkest: #1b5e20;
  --color--cyan--lightest: #e0f7fa;
  --color--cyan--lighter: #b2ebf2;
  --color--cyan--light: #4dd0e1;
  --color--cyan: #00bcd4;
  --color--cyan--dark: #0097a7;
  --color--cyan--darker: #00838f;
  --color--cyan--darkest: #006064;
  --color--blue--lightest: #e3f2fd;
  --color--blue--lighter: #bbdefb;
  --color--blue--light: #64b5f6;
  --color--blue: #2196f3;
  --color--blue--dark: #1976d2;
  --color--blue--darker: #1565c0;
  --color--blue--darkest: #0d47a1;
  --color--indigo--lightest: #e8eaf6;
  --color--indigo--lighter: #c5cae9;
  --color--indigo--light: #7986cb;
  --color--indigo: #3f51b5;
  --color--indigo--dark: #303f9f;
  --color--indigo--darker: #283593;
  --color--indigo--darkest: #1a237e;
  --color--purple--lightest: #f3e5f5;
  --color--purple--lighter: #e1bee7;
  --color--purple--light: #ba68c8;
  --color--purple: #9c27b0;
  --color--purple--dark: #7b1fa2;
  --color--purple--darker: #6a1b9a;
  --color--purple--darkest: #4a148c;
  --color--pink--lightest: #fce4ec;
  --color--pink--lighter: #f8bbd0;
  --color--pink--light: #f06292;
  --color--pink: #e91e63;
  --color--pink--dark: #c2185b;
  --color--pink--darker: #ad1457;
  --color--pink--darkest: #880e4f;
  --color--red--lightest: #ffebee;
  --color--red--lighter: #ffcdd2;
  --color--red--light: #e57373;
  --color--red: #f44336;
  --color--red--dark: #d32f2f;
  --color--red--darker: #c62828;
  --color--red--darkest: #b71c1c;
  --gradient--primary--1: #bd00cc;
  --gradient--primary--2: #f67f29;
  --gradient--secondary--1: #a745ef;
  --gradient--secondary--2: #44bffd;
  --text--xxl: 48px;
  --text--xl: 36px;
  --text--lg: 24px;
  --text--md: 18px;
  --text--sm: 14px;
  --text--xs: 12px;
  --text--system: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, "Segoe UI",Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text--heading: DM Sans,-apple-system, BlinkMacSystemFont, Roboto, Helvetica, "Segoe UI",Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text--content: DM Sans,-apple-system, BlinkMacSystemFont, Roboto, Helvetica, "Segoe UI",Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text--code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace,-apple-system, BlinkMacSystemFont, Roboto, Helvetica, "Segoe UI",Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text--emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --field--xxs: 18px;
  --field--xs: 24px;
  --field--sm: 32px;
  --field--md: 40px;
  --field--lg: 48px;
  --field--xl: 56px;
  --field-text--xxs: var(--text--xs);
  --field-text--xs: var(--text--xs);
  --field-text--sm: var(--text--xs);
  --field-text--md: var(--text--sm);
  --field-text--lg: var(--text--sm);
  --field-text--xl: var(--text--md);
  --field-icon--xxs: 12px;
  --field-icon--xs: 14px;
  --field-icon--sm: 16px;
  --field-icon--md: 20px;
  --field-icon--lg: 24px;
  --field-icon--xl: 28px;
  --radius--1: 2px;
  --radius--2: 4px;
  --radius--3: 6px;
  --radius--4: 12px;
  --radius--5: 18px;
  --radius--6: 24px;
  --radius--7: 30px;
  --space--1: 4px;
  --space--2: 8px;
  --space--3: 16px;
  --space--4: 24px;
  --space--5: 48px;
  --space--6: 72px;
  --space--7: 96px;
  --shadow--1: 0px 4px 0px 0px rgba(0, 0, 0, 0.2);
  --shadow--2: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --shadow--3: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow--4: 0px 16px 32px 0px rgba(0, 0, 0, 0.2);
  --shadow--5: 0px 24px 48px 0px rgba(0, 0, 0, 0.2);
  --shadow--6: 0px 32px 64px 0px rgba(0, 0, 0, 0.2);
  --shadow--7: 0px 40px 80px 0px rgba(0, 0, 0, 0.2);
}
body {
  margin: 0;
  padding: 0;
  font-size: var(--text--sm);
  font-family: var(--text--content);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
img,
svg {
  vertical-align: top;
}
strong,
b {
  font-weight: bold;
}
a {
  color: inherit;
}
small {
  font-size: var(--text--xs);
}
code {
  font-family: var(--text--code);
}
p,
pre {
  margin-top: 0;
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--text--heading);
  font-weight: bold;
  margin: 0;
}
input,
button,
select,
textarea {
  font-family: var(--text--content);
}
h1 {
  font-size: var(--text--xxl);
}
h2 {
  font-size: var(--text--xl);
}
h3 {
  font-size: var(--text--lg);
}
h4 {
  font-size: var(--text--md);
}
h5 {
  font-size: var(--text--sm);
}
h6 {
  font-size: var(--text--xs);
}
.box {
  --box--size: 100%;
  --box--padding: 16px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--box--padding);
  padding-right: var(--box--padding);
}
.box:not(.box--fluid) {
    max-width: var(--box--size);
}
.-box {
  margin-left: -16px;
  margin-right: -16px;
}
.box--fluid {
  --box--size: "none";
}
@media only screen and (min-width: 576px) {
.box:not(.box--fluid) {
    --box--size: 576px;
}
}
@media only screen and (min-width: 768px) {
.box:not(.box--fluid) {
    --box--size: 768px;
}
}
@media only screen and (min-width: 992px) {
.box:not(.box--fluid) {
    --box--size: 992px;
}
}
@media only screen and (min-width: 1200px) {
.box:not(.box--fluid) {
    --box--size: 1200px;
}
}
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.column {
  grid-column-end: span 12;
}
.column--1 {
  grid-column-end: span 1;
}
.column--2 {
  grid-column-end: span 2;
}
.column--3 {
  grid-column-end: span 3;
}
.column--4 {
  grid-column-end: span 4;
}
.column--5 {
  grid-column-end: span 5;
}
.column--6 {
  grid-column-end: span 6;
}
.column--7 {
  grid-column-end: span 7;
}
.column--8 {
  grid-column-end: span 8;
}
.column--9 {
  grid-column-end: span 9;
}
.column--10 {
  grid-column-end: span 10;
}
.column--11 {
  grid-column-end: span 11;
}
.column--12 {
  grid-column-end: span 12;
}
.c-1 {
  grid-column-start: 1;
}
.r-1 {
  grid-row-start: 1;
}
.c-2 {
  grid-column-start: 2;
}
.r-2 {
  grid-row-start: 2;
}
.c-3 {
  grid-column-start: 3;
}
.r-3 {
  grid-row-start: 3;
}
.c-4 {
  grid-column-start: 4;
}
.r-4 {
  grid-row-start: 4;
}
.c-5 {
  grid-column-start: 5;
}
.r-5 {
  grid-row-start: 5;
}
.c-6 {
  grid-column-start: 6;
}
.r-6 {
  grid-row-start: 6;
}
.c-7 {
  grid-column-start: 7;
}
.r-7 {
  grid-row-start: 7;
}
.c-8 {
  grid-column-start: 8;
}
.r-8 {
  grid-row-start: 8;
}
.c-9 {
  grid-column-start: 9;
}
.r-9 {
  grid-row-start: 9;
}
.c-10 {
  grid-column-start: 10;
}
.r-10 {
  grid-row-start: 10;
}
.c-11 {
  grid-column-start: 11;
}
.r-11 {
  grid-row-start: 11;
}
.c-12 {
  grid-column-start: 12;
}
.r-12 {
  grid-row-start: 12;
}
@media only screen and (min-width: 576px) {
.column--1\:phablet {
    grid-column-end: span 1;
}
.column--2\:phablet {
    grid-column-end: span 2;
}
.column--3\:phablet {
    grid-column-end: span 3;
}
.column--4\:phablet {
    grid-column-end: span 4;
}
.column--5\:phablet {
    grid-column-end: span 5;
}
.column--6\:phablet {
    grid-column-end: span 6;
}
.column--7\:phablet {
    grid-column-end: span 7;
}
.column--8\:phablet {
    grid-column-end: span 8;
}
.column--9\:phablet {
    grid-column-end: span 9;
}
.column--10\:phablet {
    grid-column-end: span 10;
}
.column--11\:phablet {
    grid-column-end: span 11;
}
.column--12\:phablet {
    grid-column-end: span 12;
}
.c-1\:phablet {
    grid-column-start: 1;
}
.r-1\:phablet {
    grid-row-start: 1;
}
.c-2\:phablet {
    grid-column-start: 2;
}
.r-2\:phablet {
    grid-row-start: 2;
}
.c-3\:phablet {
    grid-column-start: 3;
}
.r-3\:phablet {
    grid-row-start: 3;
}
.c-4\:phablet {
    grid-column-start: 4;
}
.r-4\:phablet {
    grid-row-start: 4;
}
.c-5\:phablet {
    grid-column-start: 5;
}
.r-5\:phablet {
    grid-row-start: 5;
}
.c-6\:phablet {
    grid-column-start: 6;
}
.r-6\:phablet {
    grid-row-start: 6;
}
.c-7\:phablet {
    grid-column-start: 7;
}
.r-7\:phablet {
    grid-row-start: 7;
}
.c-8\:phablet {
    grid-column-start: 8;
}
.r-8\:phablet {
    grid-row-start: 8;
}
.c-9\:phablet {
    grid-column-start: 9;
}
.r-9\:phablet {
    grid-row-start: 9;
}
.c-10\:phablet {
    grid-column-start: 10;
}
.r-10\:phablet {
    grid-row-start: 10;
}
.c-11\:phablet {
    grid-column-start: 11;
}
.r-11\:phablet {
    grid-row-start: 11;
}
.c-12\:phablet {
    grid-column-start: 12;
}
.r-12\:phablet {
    grid-row-start: 12;
}
}
@media only screen and (min-width: 768px) {
.column--1\:tablet {
    grid-column-end: span 1;
}
.column--2\:tablet {
    grid-column-end: span 2;
}
.column--3\:tablet {
    grid-column-end: span 3;
}
.column--4\:tablet {
    grid-column-end: span 4;
}
.column--5\:tablet {
    grid-column-end: span 5;
}
.column--6\:tablet {
    grid-column-end: span 6;
}
.column--7\:tablet {
    grid-column-end: span 7;
}
.column--8\:tablet {
    grid-column-end: span 8;
}
.column--9\:tablet {
    grid-column-end: span 9;
}
.column--10\:tablet {
    grid-column-end: span 10;
}
.column--11\:tablet {
    grid-column-end: span 11;
}
.column--12\:tablet {
    grid-column-end: span 12;
}
.c-1\:tablet {
    grid-column-start: 1;
}
.r-1\:tablet {
    grid-row-start: 1;
}
.c-2\:tablet {
    grid-column-start: 2;
}
.r-2\:tablet {
    grid-row-start: 2;
}
.c-3\:tablet {
    grid-column-start: 3;
}
.r-3\:tablet {
    grid-row-start: 3;
}
.c-4\:tablet {
    grid-column-start: 4;
}
.r-4\:tablet {
    grid-row-start: 4;
}
.c-5\:tablet {
    grid-column-start: 5;
}
.r-5\:tablet {
    grid-row-start: 5;
}
.c-6\:tablet {
    grid-column-start: 6;
}
.r-6\:tablet {
    grid-row-start: 6;
}
.c-7\:tablet {
    grid-column-start: 7;
}
.r-7\:tablet {
    grid-row-start: 7;
}
.c-8\:tablet {
    grid-column-start: 8;
}
.r-8\:tablet {
    grid-row-start: 8;
}
.c-9\:tablet {
    grid-column-start: 9;
}
.r-9\:tablet {
    grid-row-start: 9;
}
.c-10\:tablet {
    grid-column-start: 10;
}
.r-10\:tablet {
    grid-row-start: 10;
}
.c-11\:tablet {
    grid-column-start: 11;
}
.r-11\:tablet {
    grid-row-start: 11;
}
.c-12\:tablet {
    grid-column-start: 12;
}
.r-12\:tablet {
    grid-row-start: 12;
}
}
@media only screen and (min-width: 992px) {
.column--1\:laptop {
    grid-column-end: span 1;
}
.column--2\:laptop {
    grid-column-end: span 2;
}
.column--3\:laptop {
    grid-column-end: span 3;
}
.column--4\:laptop {
    grid-column-end: span 4;
}
.column--5\:laptop {
    grid-column-end: span 5;
}
.column--6\:laptop {
    grid-column-end: span 6;
}
.column--7\:laptop {
    grid-column-end: span 7;
}
.column--8\:laptop {
    grid-column-end: span 8;
}
.column--9\:laptop {
    grid-column-end: span 9;
}
.column--10\:laptop {
    grid-column-end: span 10;
}
.column--11\:laptop {
    grid-column-end: span 11;
}
.column--12\:laptop {
    grid-column-end: span 12;
}
.c-1\:laptop {
    grid-column-start: 1;
}
.r-1\:laptop {
    grid-row-start: 1;
}
.c-2\:laptop {
    grid-column-start: 2;
}
.r-2\:laptop {
    grid-row-start: 2;
}
.c-3\:laptop {
    grid-column-start: 3;
}
.r-3\:laptop {
    grid-row-start: 3;
}
.c-4\:laptop {
    grid-column-start: 4;
}
.r-4\:laptop {
    grid-row-start: 4;
}
.c-5\:laptop {
    grid-column-start: 5;
}
.r-5\:laptop {
    grid-row-start: 5;
}
.c-6\:laptop {
    grid-column-start: 6;
}
.r-6\:laptop {
    grid-row-start: 6;
}
.c-7\:laptop {
    grid-column-start: 7;
}
.r-7\:laptop {
    grid-row-start: 7;
}
.c-8\:laptop {
    grid-column-start: 8;
}
.r-8\:laptop {
    grid-row-start: 8;
}
.c-9\:laptop {
    grid-column-start: 9;
}
.r-9\:laptop {
    grid-row-start: 9;
}
.c-10\:laptop {
    grid-column-start: 10;
}
.r-10\:laptop {
    grid-row-start: 10;
}
.c-11\:laptop {
    grid-column-start: 11;
}
.r-11\:laptop {
    grid-row-start: 11;
}
.c-12\:laptop {
    grid-column-start: 12;
}
.r-12\:laptop {
    grid-row-start: 12;
}
}
@media only screen and (min-width: 1200px) {
.column--1\:desktop {
    grid-column-end: span 1;
}
.column--2\:desktop {
    grid-column-end: span 2;
}
.column--3\:desktop {
    grid-column-end: span 3;
}
.column--4\:desktop {
    grid-column-end: span 4;
}
.column--5\:desktop {
    grid-column-end: span 5;
}
.column--6\:desktop {
    grid-column-end: span 6;
}
.column--7\:desktop {
    grid-column-end: span 7;
}
.column--8\:desktop {
    grid-column-end: span 8;
}
.column--9\:desktop {
    grid-column-end: span 9;
}
.column--10\:desktop {
    grid-column-end: span 10;
}
.column--11\:desktop {
    grid-column-end: span 11;
}
.column--12\:desktop {
    grid-column-end: span 12;
}
.c-1\:desktop {
    grid-column-start: 1;
}
.r-1\:desktop {
    grid-row-start: 1;
}
.c-2\:desktop {
    grid-column-start: 2;
}
.r-2\:desktop {
    grid-row-start: 2;
}
.c-3\:desktop {
    grid-column-start: 3;
}
.r-3\:desktop {
    grid-row-start: 3;
}
.c-4\:desktop {
    grid-column-start: 4;
}
.r-4\:desktop {
    grid-row-start: 4;
}
.c-5\:desktop {
    grid-column-start: 5;
}
.r-5\:desktop {
    grid-row-start: 5;
}
.c-6\:desktop {
    grid-column-start: 6;
}
.r-6\:desktop {
    grid-row-start: 6;
}
.c-7\:desktop {
    grid-column-start: 7;
}
.r-7\:desktop {
    grid-row-start: 7;
}
.c-8\:desktop {
    grid-column-start: 8;
}
.r-8\:desktop {
    grid-row-start: 8;
}
.c-9\:desktop {
    grid-column-start: 9;
}
.r-9\:desktop {
    grid-row-start: 9;
}
.c-10\:desktop {
    grid-column-start: 10;
}
.r-10\:desktop {
    grid-row-start: 10;
}
.c-11\:desktop {
    grid-column-start: 11;
}
.r-11\:desktop {
    grid-row-start: 11;
}
.c-12\:desktop {
    grid-column-start: 12;
}
.r-12\:desktop {
    grid-row-start: 12;
}
}
.grid {
  --grid--items: 4;
  display: grid !important;
  grid-template-columns: repeat(var(--grid--items), 1fr);
}
.grid--1 {
  --grid--items: 1;
}
.grid--2 {
  --grid--items: 2;
}
.grid--3 {
  --grid--items: 3;
}
.grid--4 {
  --grid--items: 4;
}
.grid--5 {
  --grid--items: 5;
}
.grid--6 {
  --grid--items: 6;
}
.grid--7 {
  --grid--items: 7;
}
.grid--8 {
  --grid--items: 8;
}
@media only screen and (min-width: 576px) {
.grid--1\:phablet {
    --grid--items: 1;
}
.grid--2\:phablet {
    --grid--items: 2;
}
.grid--3\:phablet {
    --grid--items: 3;
}
.grid--4\:phablet {
    --grid--items: 4;
}
.grid--5\:phablet {
    --grid--items: 5;
}
.grid--6\:phablet {
    --grid--items: 6;
}
.grid--7\:phablet {
    --grid--items: 7;
}
.grid--8\:phablet {
    --grid--items: 8;
}
}
@media only screen and (min-width: 768px) {
.grid--1\:tablet {
    --grid--items: 1;
}
.grid--2\:tablet {
    --grid--items: 2;
}
.grid--3\:tablet {
    --grid--items: 3;
}
.grid--4\:tablet {
    --grid--items: 4;
}
.grid--5\:tablet {
    --grid--items: 5;
}
.grid--6\:tablet {
    --grid--items: 6;
}
.grid--7\:tablet {
    --grid--items: 7;
}
.grid--8\:tablet {
    --grid--items: 8;
}
}
@media only screen and (min-width: 992px) {
.grid--1\:laptop {
    --grid--items: 1;
}
.grid--2\:laptop {
    --grid--items: 2;
}
.grid--3\:laptop {
    --grid--items: 3;
}
.grid--4\:laptop {
    --grid--items: 4;
}
.grid--5\:laptop {
    --grid--items: 5;
}
.grid--6\:laptop {
    --grid--items: 6;
}
.grid--7\:laptop {
    --grid--items: 7;
}
.grid--8\:laptop {
    --grid--items: 8;
}
}
@media only screen and (min-width: 1200px) {
.grid--1\:desktop {
    --grid--items: 1;
}
.grid--2\:desktop {
    --grid--items: 2;
}
.grid--3\:desktop {
    --grid--items: 3;
}
.grid--4\:desktop {
    --grid--items: 4;
}
.grid--5\:desktop {
    --grid--items: 5;
}
.grid--6\:desktop {
    --grid--items: 6;
}
.grid--7\:desktop {
    --grid--items: 7;
}
.grid--8\:desktop {
    --grid--items: 8;
}
}
.button,
.button-group {
  --button--bg: transparent;
  --button--color: var(--color--dark);
  --button--hover-bg: transparent;
  --button--hover-color: var(--color--dark);
  --button--border: 0px;
  --button--size: var(--field--md);
  --button--font-size: var(--field-text--md);
  --button--icon-size: var(--field-icon--md);
  --button--radius: 4px;
  --button--tab-border-size: 2px;
}
.button {
  background: transparent;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-family: var(--text--content);
  text-decoration: none;
  line-height: 1;
  justify-content: center;
  background-color: var(--button--bg);
  color: var(--button--color);
  border: var(--button--border) solid var(--button--color);
  height: var(--button--size);
  padding: 0px calc(var(--button--size) / 2);
  font-size: var(--button--font-size);
  border-radius: var(--button--radius);
  position: relative;
}
.button svg {
    height: var(--button--icon-size) !important;
    width: var(--button--icon-size) !important;
}
.button path {
    fill: currentColor;
}
.button:hover {
    text-decoration: none;
}
.button:hover:not(:disabled) {
      color: var(--button--hover-color);
      background-color: var(--button--hover-bg);
}
.button:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}
.button.loader span,
  .button.loader .button__icon {
    visibility: hidden;
}
.button__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.button__icon ~ .button__label {
    -webkit-margin-start: var(--space--2);
            margin-inline-start: var(--space--2);
}
.button__emoji {
  font-family: var(--text--emoji);
}
.button--fluid {
  display: flex;
  width: 100%;
}
.button--left {
  justify-content: flex-start;
}
.button--left .button__icon ~ .button__label {
    -webkit-margin-start: var(--space--2);
            margin-inline-start: var(--space--2);
    -webkit-margin-end: 0;
            margin-inline-end: 0;
}
.button--right {
  flex-direction: row-reverse;
  justify-content: space-between;
  text-align: right;
}
.button--right .button__icon ~ .button__label {
    -webkit-margin-end: var(--space--2);
            margin-inline-end: var(--space--2);
    -webkit-margin-start: 0;
            margin-inline-start: 0;
}
.button--primary {
  --button--bg: var(--color--primary);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--primary--darker);
}
.button--secondary {
  --button--bg: var(--color--secondary);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--secondary--darker);
}
.button--accent {
  --button--bg: var(--color--accent);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--accent--darker);
}
.button--danger {
  --button--bg: var(--color--danger);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--danger--darker);
}
.button--warning {
  --button--bg: var(--color--warning);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--warning--darker);
}
.button--success {
  --button--bg: var(--color--success);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--success--darker);
}
.button--info {
  --button--bg: var(--color--info);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--info--darker);
}
.button--grey {
  --button--bg: var(--color--grey);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--grey--darker);
}
.button--light {
  --button--bg: var(--color--light);
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--hover-bg: var(--color--light);
}
.button--dark {
  --button--bg: var(--color--dark);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--dark);
}
.button--orange {
  --button--bg: var(--color--orange);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--orange--darker);
}
.button--amber {
  --button--bg: var(--color--amber);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--amber--darker);
}
.button--lime {
  --button--bg: var(--color--lime);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--lime--darker);
}
.button--green {
  --button--bg: var(--color--green);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--green--darker);
}
.button--cyan {
  --button--bg: var(--color--cyan);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--cyan--darker);
}
.button--blue {
  --button--bg: var(--color--blue);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--blue--darker);
}
.button--indigo {
  --button--bg: var(--color--indigo);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--indigo--darker);
}
.button--purple {
  --button--bg: var(--color--purple);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--purple--darker);
}
.button--pink {
  --button--bg: var(--color--pink);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--pink--darker);
}
.button--red {
  --button--bg: var(--color--red);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--red--darker);
}
.button--primary.button--trn {
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--secondary.button--trn {
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--accent.button--trn {
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--danger.button--trn {
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--warning.button--trn {
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--success.button--trn {
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--info.button--trn {
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--grey.button--trn {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--light.button--trn {
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--dark.button--trn {
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--orange.button--trn {
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--amber.button--trn {
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--lime.button--trn {
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--green.button--trn {
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--cyan.button--trn {
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--blue.button--trn {
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--indigo.button--trn {
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--purple.button--trn {
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--pink.button--trn {
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--red.button--trn {
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--primary.button--solid {
  --button--bg: var(--color--primary);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--primary--darker);
}
.button--secondary.button--solid {
  --button--bg: var(--color--secondary);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--secondary--darker);
}
.button--accent.button--solid {
  --button--bg: var(--color--accent);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--accent--darker);
}
.button--danger.button--solid {
  --button--bg: var(--color--danger);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--danger--darker);
}
.button--warning.button--solid {
  --button--bg: var(--color--warning);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--warning--darker);
}
.button--success.button--solid {
  --button--bg: var(--color--success);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--success--darker);
}
.button--info.button--solid {
  --button--bg: var(--color--info);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--info--darker);
}
.button--grey.button--solid {
  --button--bg: var(--color--grey);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--grey--darker);
}
.button--light.button--solid {
  --button--bg: var(--color--light);
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--hover-bg: var(--color--light);
}
.button--dark.button--solid {
  --button--bg: var(--color--dark);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--dark);
}
.button--orange.button--solid {
  --button--bg: var(--color--orange);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--orange--darker);
}
.button--amber.button--solid {
  --button--bg: var(--color--amber);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--amber--darker);
}
.button--lime.button--solid {
  --button--bg: var(--color--lime);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--lime--darker);
}
.button--green.button--solid {
  --button--bg: var(--color--green);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--green--darker);
}
.button--cyan.button--solid {
  --button--bg: var(--color--cyan);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--cyan--darker);
}
.button--blue.button--solid {
  --button--bg: var(--color--blue);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--blue--darker);
}
.button--indigo.button--solid {
  --button--bg: var(--color--indigo);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--indigo--darker);
}
.button--purple.button--solid {
  --button--bg: var(--color--purple);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--purple--darker);
}
.button--pink.button--solid {
  --button--bg: var(--color--pink);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--pink--darker);
}
.button--red.button--solid {
  --button--bg: var(--color--red);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--red--darker);
}
.button--primary.button--outline {
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary);
  --button--hover-bg: var(--color--primary--lightest);
}
.button--secondary.button--outline {
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary);
  --button--hover-bg: var(--color--secondary--lightest);
}
.button--accent.button--outline {
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent);
  --button--hover-bg: var(--color--accent--lightest);
}
.button--danger.button--outline {
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger);
  --button--hover-bg: var(--color--danger--lightest);
}
.button--warning.button--outline {
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning);
  --button--hover-bg: var(--color--warning--lightest);
}
.button--success.button--outline {
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success);
  --button--hover-bg: var(--color--success--lightest);
}
.button--info.button--outline {
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info);
  --button--hover-bg: var(--color--info--lightest);
}
.button--grey.button--outline {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey);
  --button--hover-bg: var(--color--grey--lightest);
}
.button--light.button--outline {
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--light--lightest);
}
.button--dark.button--outline {
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--hover-bg: var(--color--dark--lightest);
}
.button--orange.button--outline {
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange);
  --button--hover-bg: var(--color--orange--lightest);
}
.button--amber.button--outline {
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber);
  --button--hover-bg: var(--color--amber--lightest);
}
.button--lime.button--outline {
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime);
  --button--hover-bg: var(--color--lime--lightest);
}
.button--green.button--outline {
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green);
  --button--hover-bg: var(--color--green--lightest);
}
.button--cyan.button--outline {
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan);
  --button--hover-bg: var(--color--cyan--lightest);
}
.button--blue.button--outline {
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue);
  --button--hover-bg: var(--color--blue--lightest);
}
.button--indigo.button--outline {
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo);
  --button--hover-bg: var(--color--indigo--lightest);
}
.button--purple.button--outline {
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple);
  --button--hover-bg: var(--color--purple--lightest);
}
.button--pink.button--outline {
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink);
  --button--hover-bg: var(--color--pink--lightest);
}
.button--red.button--outline {
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red);
  --button--hover-bg: var(--color--red--lightest);
}
.button--primary.button--muted {
  --button--bg: var(--color--primary--lightest);
  --button--hover-bg: var(--color--primary--lightest);
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary--darkest);
}
.button--secondary.button--muted {
  --button--bg: var(--color--secondary--lightest);
  --button--hover-bg: var(--color--secondary--lightest);
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary--darkest);
}
.button--accent.button--muted {
  --button--bg: var(--color--accent--lightest);
  --button--hover-bg: var(--color--accent--lightest);
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent--darkest);
}
.button--danger.button--muted {
  --button--bg: var(--color--danger--lightest);
  --button--hover-bg: var(--color--danger--lightest);
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger--darkest);
}
.button--warning.button--muted {
  --button--bg: var(--color--warning--lightest);
  --button--hover-bg: var(--color--warning--lightest);
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning--darkest);
}
.button--success.button--muted {
  --button--bg: var(--color--success--lightest);
  --button--hover-bg: var(--color--success--lightest);
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success--darkest);
}
.button--info.button--muted {
  --button--bg: var(--color--info--lightest);
  --button--hover-bg: var(--color--info--lightest);
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info--darkest);
}
.button--grey.button--muted {
  --button--bg: var(--color--grey--lightest);
  --button--hover-bg: var(--color--grey--lightest);
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey--darkest);
}
.button--light.button--muted {
  --button--bg: var(--color--light--lightest);
  --button--hover-bg: var(--color--light--lightest);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light--darkest);
}
.button--dark.button--muted {
  --button--bg: var(--color--dark--lightest);
  --button--hover-bg: var(--color--dark--lightest);
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark--darkest);
}
.button--orange.button--muted {
  --button--bg: var(--color--orange--lightest);
  --button--hover-bg: var(--color--orange--lightest);
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange--darkest);
}
.button--amber.button--muted {
  --button--bg: var(--color--amber--lightest);
  --button--hover-bg: var(--color--amber--lightest);
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber--darkest);
}
.button--lime.button--muted {
  --button--bg: var(--color--lime--lightest);
  --button--hover-bg: var(--color--lime--lightest);
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime--darkest);
}
.button--green.button--muted {
  --button--bg: var(--color--green--lightest);
  --button--hover-bg: var(--color--green--lightest);
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green--darkest);
}
.button--cyan.button--muted {
  --button--bg: var(--color--cyan--lightest);
  --button--hover-bg: var(--color--cyan--lightest);
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan--darkest);
}
.button--blue.button--muted {
  --button--bg: var(--color--blue--lightest);
  --button--hover-bg: var(--color--blue--lightest);
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue--darkest);
}
.button--indigo.button--muted {
  --button--bg: var(--color--indigo--lightest);
  --button--hover-bg: var(--color--indigo--lightest);
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo--darkest);
}
.button--purple.button--muted {
  --button--bg: var(--color--purple--lightest);
  --button--hover-bg: var(--color--purple--lightest);
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple--darkest);
}
.button--pink.button--muted {
  --button--bg: var(--color--pink--lightest);
  --button--hover-bg: var(--color--pink--lightest);
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink--darkest);
}
.button--red.button--muted {
  --button--bg: var(--color--red--lightest);
  --button--hover-bg: var(--color--red--lightest);
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red--darkest);
}
.button--primary.button--gradient {
  background: linear-gradient(90deg, var(--gradient--primary--1) 0%, var(--gradient--primary--2) 100%);
}
.button--secondary.button--gradient {
  background: linear-gradient(90deg, var(--gradient--secondary--1) 0%, var(--gradient--secondary--2) 100%);
}
.button--accent.button--gradient {
  background: linear-gradient(90deg, var(--gradient--accent--1) 0%, var(--gradient--accent--2) 100%);
}
.button--danger.button--gradient {
  background: linear-gradient(90deg, var(--gradient--danger--1) 0%, var(--gradient--danger--2) 100%);
}
.button--warning.button--gradient {
  background: linear-gradient(90deg, var(--gradient--warning--1) 0%, var(--gradient--warning--2) 100%);
}
.button--success.button--gradient {
  background: linear-gradient(90deg, var(--gradient--success--1) 0%, var(--gradient--success--2) 100%);
}
.button--info.button--gradient {
  background: linear-gradient(90deg, var(--gradient--info--1) 0%, var(--gradient--info--2) 100%);
}
.button--grey.button--gradient {
  background: linear-gradient(90deg, var(--gradient--grey--1) 0%, var(--gradient--grey--2) 100%);
}
.button--light.button--gradient {
  background: linear-gradient(90deg, var(--gradient--light--1) 0%, var(--gradient--light--2) 100%);
}
.button--dark.button--gradient {
  background: linear-gradient(90deg, var(--gradient--dark--1) 0%, var(--gradient--dark--2) 100%);
}
.button--orange.button--gradient {
  background: linear-gradient(90deg, var(--gradient--orange--1) 0%, var(--gradient--orange--2) 100%);
}
.button--amber.button--gradient {
  background: linear-gradient(90deg, var(--gradient--amber--1) 0%, var(--gradient--amber--2) 100%);
}
.button--lime.button--gradient {
  background: linear-gradient(90deg, var(--gradient--lime--1) 0%, var(--gradient--lime--2) 100%);
}
.button--green.button--gradient {
  background: linear-gradient(90deg, var(--gradient--green--1) 0%, var(--gradient--green--2) 100%);
}
.button--cyan.button--gradient {
  background: linear-gradient(90deg, var(--gradient--cyan--1) 0%, var(--gradient--cyan--2) 100%);
}
.button--blue.button--gradient {
  background: linear-gradient(90deg, var(--gradient--blue--1) 0%, var(--gradient--blue--2) 100%);
}
.button--indigo.button--gradient {
  background: linear-gradient(90deg, var(--gradient--indigo--1) 0%, var(--gradient--indigo--2) 100%);
}
.button--purple.button--gradient {
  background: linear-gradient(90deg, var(--gradient--purple--1) 0%, var(--gradient--purple--2) 100%);
}
.button--pink.button--gradient {
  background: linear-gradient(90deg, var(--gradient--pink--1) 0%, var(--gradient--pink--2) 100%);
}
.button--red.button--gradient {
  background: linear-gradient(90deg, var(--gradient--red--1) 0%, var(--gradient--red--2) 100%);
}
.button--primary.button--tab.button--active {
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary);
  --button--bg: var(--color--primary);
  --button--hover-bg: var(--color--primary);
}
.button--secondary.button--tab.button--active {
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary);
  --button--bg: var(--color--secondary);
  --button--hover-bg: var(--color--secondary);
}
.button--accent.button--tab.button--active {
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent);
  --button--bg: var(--color--accent);
  --button--hover-bg: var(--color--accent);
}
.button--danger.button--tab.button--active {
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger);
  --button--bg: var(--color--danger);
  --button--hover-bg: var(--color--danger);
}
.button--warning.button--tab.button--active {
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning);
  --button--bg: var(--color--warning);
  --button--hover-bg: var(--color--warning);
}
.button--success.button--tab.button--active {
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success);
  --button--bg: var(--color--success);
  --button--hover-bg: var(--color--success);
}
.button--info.button--tab.button--active {
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info);
  --button--bg: var(--color--info);
  --button--hover-bg: var(--color--info);
}
.button--grey.button--tab.button--active {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey);
  --button--bg: var(--color--grey);
  --button--hover-bg: var(--color--grey);
}
.button--light.button--tab.button--active {
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--bg: var(--color--light);
  --button--hover-bg: var(--color--light);
}
.button--dark.button--tab.button--active {
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--bg: var(--color--dark);
  --button--hover-bg: var(--color--dark);
}
.button--orange.button--tab.button--active {
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange);
  --button--bg: var(--color--orange);
  --button--hover-bg: var(--color--orange);
}
.button--amber.button--tab.button--active {
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber);
  --button--bg: var(--color--amber);
  --button--hover-bg: var(--color--amber);
}
.button--lime.button--tab.button--active {
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime);
  --button--bg: var(--color--lime);
  --button--hover-bg: var(--color--lime);
}
.button--green.button--tab.button--active {
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green);
  --button--bg: var(--color--green);
  --button--hover-bg: var(--color--green);
}
.button--cyan.button--tab.button--active {
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan);
  --button--bg: var(--color--cyan);
  --button--hover-bg: var(--color--cyan);
}
.button--blue.button--tab.button--active {
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue);
  --button--bg: var(--color--blue);
  --button--hover-bg: var(--color--blue);
}
.button--indigo.button--tab.button--active {
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo);
  --button--bg: var(--color--indigo);
  --button--hover-bg: var(--color--indigo);
}
.button--purple.button--tab.button--active {
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple);
  --button--bg: var(--color--purple);
  --button--hover-bg: var(--color--purple);
}
.button--pink.button--tab.button--active {
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink);
  --button--bg: var(--color--pink);
  --button--hover-bg: var(--color--pink);
}
.button--red.button--tab.button--active {
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red);
  --button--bg: var(--color--red);
  --button--hover-bg: var(--color--red);
}
.button--primary.button--link {
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--secondary.button--link {
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--accent.button--link {
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--danger.button--link {
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--warning.button--link {
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--success.button--link {
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--info.button--link {
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--grey.button--link {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--light.button--link {
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--dark.button--link {
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--orange.button--link {
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--amber.button--link {
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--lime.button--link {
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--green.button--link {
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--cyan.button--link {
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--blue.button--link {
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--indigo.button--link {
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--purple.button--link {
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--pink.button--link {
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--red.button--link {
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--xxs {
  --button--size: var(--field--xxs);
  --button--font-size: var(--field-text--xxs);
  --button--icon-size: 12px;
}
.button--xs {
  --button--size: var(--field--xs);
  --button--font-size: var(--field-text--xs);
  --button--icon-size: 14px;
}
.button--sm {
  --button--size: var(--field--sm);
  --button--font-size: var(--field-text--sm);
  --button--icon-size: 16px;
}
.button--md {
  --button--size: var(--field--md);
  --button--font-size: var(--field-text--md);
  --button--icon-size: 20px;
}
.button--lg {
  --button--size: var(--field--lg);
  --button--font-size: var(--field-text--lg);
  --button--icon-size: 24px;
}
.button--xl {
  --button--size: var(--field--xl);
  --button--font-size: var(--field-text--xl);
  --button--icon-size: 28px;
}
.button--outline {
  --button--border: 1px;
  --button--bg: transparent;
}
.button--tab {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey);
  --button--bg: var(--color--grey--lighter);
  --button--hover-bg: var(--color--grey--lighter);
  position: relative;
  background-color: transparent;
  color: var(--button--color);
}
.button--tab:after {
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--button--tab-border-size);
    background-color: var(--button--color);
    display: none;
}
.button--tab:hover:not(:disabled) {
    background-color: transparent;
    --button--hover-color: var(--color--primary);
}
.button--tab.button--active {
    --button--color: var(--color--primary);
    --button--hover-color: var(--color--primary);
    background: transparent;
}
.button--tab.button--active:after {
      display: block;
}
.button--square,
.button--circle {
  padding: 0 !important;
  justify-content: center;
  width: var(--button--size);
}
.button--circle {
  --button--radius: 50%;
}
.button--pill {
  --button--radius: 9999px;
}
.button--rectangle {
  --button--radius: 0px;
}
.button--badge {
  pointer-events: none;
  vertical-align: top;
}
.button--wrap {
  word-break: break-word;
  white-space: initial;
  padding-top: calc(var(--button--size) / 3);
  padding-bottom: calc(var(--button--size) / 3);
  height: auto;
  line-height: initial;
}
.button-group--join {
  display: inline-flex;
}
.button-group--join > .button:not(:nth-of-type(1)):not(:nth-last-of-type(1)),
  .button-group--join > .choice:not(:nth-of-type(1)):not(:nth-last-of-type(1)) .button {
    border-radius: 0;
}
.button-group--join:not(.button-group--stack) > .button:nth-of-type(1),
  .button-group--join:not(.button-group--stack) > .choice:nth-of-type(1) .button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.button-group--join:not(.button-group--stack) > .button:nth-last-of-type(1),
  .button-group--join:not(.button-group--stack) > .choice:nth-last-of-type(1) .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.button-group--join:not(.button-group--stack) > .button + .button,
  .button-group--join:not(.button-group--stack) > .choice + .choice .button {
    border-left: none;
}
.button-group--join.button-group--stack > .button:nth-of-type(1),
  .button-group--join.button-group--stack > .choice:nth-of-type(1) .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.button-group--join.button-group--stack > .button:nth-last-of-type(1),
  .button-group--join.button-group--stack > .choice:nth-last-of-type(1) .button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.button-group--join.button-group--stack > .button + .button,
  .button-group--join.button-group--stack > .choice + .choice .button {
    border-top: none;
}
.button-group--stack {
  flex-direction: column;
}
.button-group--fluid {
  display: flex;
}
.button-group--fluid .button {
    flex: 1 1 auto;
}
.field {
  --field--radius: 4px;
  --field--border-width: 0px;
  --field--border-color: var(--color--grey--light);
  --field--optional-text: "— Optional";
  --field--circum-color: var(--color--grey);
  --field--circum-bg: var(--color--grey--lightest);
  --field--focus-color: var(--color--grey--lightest);
  --field--size: var(--field--md);
  --field--text-size: var(--field-text--md);
  --field--icon-size: var(--field-icon--md);
  position: relative;
}
.field .material-design-icon {
    display: flex;
}
.field__label {
  display: flex;
  margin-bottom: 4px;
  color: var(--color--grey--dark);
  align-items: center;
}
.field__desc {
  display: flex;
  margin-top: var(--space--2);
  color: var(--color--grey);
}
.field__message {
  color: var(--field--border-color);
}
.field-block {
  font-family: var(--text--content);
  color: #000;
  width: 100%;
  outline: 0;
  padding: 0 var(--space--2);
  border: var(--field--border-width) solid var(--field--border-color);
  border-radius: var(--field--radius);
  min-width: 0px;
  font-size: var(--field--text-size);
  overflow: hidden;
  background-color: var(--field--circum-bg);
}
.field-block > * {
    font-size: var(--field--text-size);
}
.field-block:not(textarea) {
    height: var(--field--size);
    line-height: var(--field--size);
}
.field-block:focus {
    box-shadow: inset 0 0 0 3px var(--field--focus-color);
    position: relative;
}
.field-block:disabled {
    color: var(--color--grey);
    background-color: var(--color--grey--lightest);
}
textarea.field-block {
  padding: var(--space--2);
  overflow: auto;
}
.field__content {
  display: flex;
  align-items: stretch;
}
.field__content > * {
    border-radius: 0;
}
.field__content > *:first-child {
      border-radius: var(--field--radius) 0 0 var(--field--radius);
}
.field__content > *:last-child {
      border-radius: 0 var(--field--radius) var(--field--radius) 0;
}
.field__content > *:only-child {
      border-radius: var(--field--radius);
      flex: 1 1 auto;
}
.field__content > .field + .field {
    margin-top: 0;
}
.field__before,
.field__after {
  flex: 0 0 auto;
  min-width: var(--field--size);
  border: var(--field--border-width) solid var(--field--border-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px var(--space--2);
  background-color: var(--field--circum-bg);
  color: var(--field--circum-color);
}
.field__before {
  border-right: none;
}
.field__after {
  border-left: none;
}
.field__icon svg {
  height: var(--field--icon-size) !important;
  width: var(--field--icon-size) !important;
}
.field--xxs {
  --field--size: var(--field--xxs);
  --field--text-size: var(--field-text--xxs);
  --field--icon-size: var(--field-icon--xxs);
}
.field--xs {
  --field--size: var(--field--xs);
  --field--text-size: var(--field-text--xs);
  --field--icon-size: var(--field-icon--xs);
}
.field--sm {
  --field--size: var(--field--sm);
  --field--text-size: var(--field-text--sm);
  --field--icon-size: var(--field-icon--sm);
}
.field--md {
  --field--size: var(--field--md);
  --field--text-size: var(--field-text--md);
  --field--icon-size: var(--field-icon--md);
}
.field--lg {
  --field--size: var(--field--lg);
  --field--text-size: var(--field-text--lg);
  --field--icon-size: var(--field-icon--lg);
}
.field--xl {
  --field--size: var(--field--xl);
  --field--text-size: var(--field-text--xl);
  --field--icon-size: var(--field-icon--xl);
}
.field--inline {
  display: grid;
  grid-template-rows: 1fr -webkit-min-content;
  grid-template-rows: 1fr min-content;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
}
.field--inline .field__label {
    margin: 0;
}
.field--inline .field__content {
    justify-content: flex-end;
}
.field--inline .field__desc {
    grid-column: 1 / 3;
}
.field--auto {
  --field--size: auto;
}
.field--danger {
  --field--border-color: var(--color--danger);
  --field--circum-bg: var(--color--danger--lightest);
  --field--circum-color: var(--color--danger--darker);
  --field--focus-color: var(--color--danger--lightest);
}
.field--warning {
  --field--border-color: var(--color--warning);
  --field--circum-bg: var(--color--warning--lightest);
  --field--circum-color: var(--color--warning--darker);
  --field--focus-color: var(--color--warning--lightest);
}
.field--success {
  --field--border-color: var(--color--success);
  --field--circum-bg: var(--color--success--lightest);
  --field--circum-color: var(--color--success--darker);
  --field--focus-color: var(--color--success--lightest);
}
.field--info {
  --field--border-color: var(--color--info);
  --field--circum-bg: var(--color--info--lightest);
  --field--circum-color: var(--color--info--darker);
  --field--focus-color: var(--color--info--lightest);
}
.field--optional > label:after {
  content: var(--field--optional-text);
  font-style: italic;
  margin-left: var(--space--1);
  color: var(--color--grey);
  font-size: 11px;
}
.field-block--view {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.field-block--view > * {
    margin: 0;
}
.field--underline,
.field-group--underline .field {
  --field--radius: 0;
  --field--circum-bg: --color(light);
}
.field--underline .field__before,
  .field--underline .field__after,
  .field--underline .field-block:not(textarea),
  .field-group--underline .field .field__before,
  .field-group--underline .field .field__after,
  .field-group--underline .field .field-block:not(textarea) {
    border-top: none;
    border-left: none;
    border-right: none;
}
.field--outline,
.field-group--outline .field {
  --field--border-width: 1px;
  --field--circum-bg: transparent;
}
.field-group {
  display: grid;
}
.field-group--xxs .field {
  --field--size: var(--field--xxs);
  --field--text-size: var(--field-text--xxs);
  --field--icon-size: var(--field-icon--xxs);
}
.field-group--xs .field {
  --field--size: var(--field--xs);
  --field--text-size: var(--field-text--xs);
  --field--icon-size: var(--field-icon--xs);
}
.field-group--sm .field {
  --field--size: var(--field--sm);
  --field--text-size: var(--field-text--sm);
  --field--icon-size: var(--field-icon--sm);
}
.field-group--md .field {
  --field--size: var(--field--md);
  --field--text-size: var(--field-text--md);
  --field--icon-size: var(--field-icon--md);
}
.field-group--lg .field {
  --field--size: var(--field--lg);
  --field--text-size: var(--field-text--lg);
  --field--icon-size: var(--field-icon--lg);
}
.field-group--xl .field {
  --field--size: var(--field--xl);
  --field--text-size: var(--field-text--xl);
  --field--icon-size: var(--field-icon--xl);
}
.choices {
  display: flex;
  font-size: var(--field--text-size);
}
.choices .choice {
    margin-right: var(--space--3);
}
.choices .choice:last-child {
      margin-right: 0;
}
.choice {
  display: flex;
  align-items: center;
  height: var(--field--size);
  line-height: var(--field--size);
}
.choice > input {
    margin: 0;
}
.choice__label:not(.button) {
  margin-bottom: 0;
  -webkit-margin-start: var(--space--1);
          margin-inline-start: var(--space--1);
  color: #000;
  cursor: pointer;
}
.choice > label.button {
  width: 100%;
}
.choice.choice--custom {
  height: initial;
  line-height: initial;
}
.choice.choice--custom input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.choice.choice--custom .choice__label {
    margin: 0;
    display: block;
    width: 100%;
}
.choice:not(.choice--native):not(.choice--custom) {
  height: auto;
  line-height: initial;
}
.choice:not(.choice--native):not(.choice--custom) input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.choice:not(.choice--native):not(.choice--custom) input:checked ~ .choice__label:before {
      background-color: var(--field--color, var(--color--primary));
      border-color: var(--field--color, var(--color--primary));
}
.choice:not(.choice--native):not(.choice--custom) input[type="checkbox"]:checked ~ .choice__label:before {
      padding: 2px;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%22width:24px;height:24px%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z%22%20/%3E%3C/svg%3E");
}
.choice:not(.choice--native):not(.choice--custom) input[type="radio"] ~ .choice__label:before {
      border-radius: 50%;
}
.choice:not(.choice--native):not(.choice--custom) input[type="radio"]:checked ~ .choice__label:before {
      padding: 4px;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%22width:24px;height:24px%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M12,2A10,10%200%200,0%202,12A10,10%200%200,0%2012,22A10,10%200%200,0%2022,12A10,10%200%200,0%2012,2Z%22%20/%3E%3C/svg%3E");
}
.choice:not(.choice--native):not(.choice--custom) .choice__label {
    display: flex;
    align-items: center;
    margin-left: 0;
}
.choice:not(.choice--native):not(.choice--custom) .choice__label:before {
      content: "";
      width: 18px;
      height: 18px;
      margin-right: 8px;
      border: 2px solid var(--field--border-color, var(--color--grey--light));
      display: flex;
      border-radius: 4px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 10px;
}
.select {
  position: relative;
  padding: 0;
}
.select select {
    font-family: var(--text--content);
    color: #000;
    width: 100%;
    outline: 0;
    padding: 0 var(--space--2);
    border-radius: var(--field--radius);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    padding-right: 32px;
    z-index: 2;
    height: 100%;
    vertical-align: top;
    position: relative;
    outline: none;
}
.select select:disabled {
      background: var(--color--grey--lightest);
      color: var(--color--grey--light);
}
.select:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 32px;
    height: 100%;
    display: block;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%22width:24px;height:24px%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%2364748b%22%20d=%22M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z%22%20/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    z-index: 1;
}
.select.loader:after {
    background-image: none;
}
.file {
  position: relative;
}
.file input[type="file"],
  .file input[type="text"] {
    font-family: var(--text--content);
    color: #000;
    width: 100%;
    outline: 0;
    padding: 0 var(--space--2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: var(--field--radius);
    background-color: transparent;
}
.file input[type="file"] {
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}
.file :not(.file--button) .button {
    position: absolute;
    right: -1px;
    top: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.file--button {
  display: inline-block;
}
.nav {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav--stack {
  flex-direction: column;
}
.nav--stack .nav__link {
    width: 100%;
}
.ratio {
  --ratio--width: 1;
  --ratio--height: 1;
  overflow: hidden;
  padding-bottom: calc(calc(var(--ratio--height) / var(--ratio--width)) * 100%);
  position: relative;
}
.ratio > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ratio--1x1 {
  --ratio--width: 1;
  --ratio--height: 1;
}
.ratio--4x3 {
  --ratio--width: 4;
  --ratio--height: 3;
}
.ratio--3x4 {
  --ratio--width: 3;
  --ratio--height: 4;
}
.ratio--16x9 {
  --ratio--width: 16;
  --ratio--height: 9;
}
.ratio--9x16 {
  --ratio--width: 9;
  --ratio--height: 16;
}
.ratio--18x9 {
  --ratio--width: 18;
  --ratio--height: 9;
}
.ratio--9x18 {
  --ratio--width: 9;
  --ratio--height: 18;
}
.loader {
  --loader--thickness: 3px;
  --loader--base-color: rgba(255, 255, 255, 0.4);
  --loader--color: rgba(255, 255, 255, 0.8);
  --loader--size: 20px;
  position: relative;
  pointer-events: none;
  cursor: wait;
}
.loader:after {
    border-width: var(--loader--thickness);
    width: var(--loader--size);
    height: var(--loader--size);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: var(--loader--color) var(--loader--base-color) var(--loader--base-color) var(--loader--base-color);
    content: "";
    border-radius: 50%;
    border-style: solid;
    display: block;
    z-index: 3;
    -webkit-animation-name: shilp-loader;
            animation-name: shilp-loader;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    margin: auto;
}
.loader--dark {
  --loader--color: rgba(0, 0, 0, 0.6);
  --loader--base-color: rgba(0, 0, 0, 0.2);
}
.loader--xxs {
  --loader--size: 12px;
}
.loader--xs {
  --loader--size: 14px;
}
.loader--sm {
  --loader--size: 16px;
}
.loader--md {
  --loader--size: 20px;
}
.loader--lg {
  --loader--size: 24px;
}
.loader--xl {
  --loader--size: 28px;
}
.alert {
  --alert--bg: transparent;
  --alert--color: #000000;
  --alert--border: 0px;
  --alert--border-color: transparent;
  --alert--padding: var(--space--3);
  --alert--radius: 4px;
  display: inline-grid;
  background-color: var(--alert--bg);
  color: var(--alert--color);
  border: var(--alert--border) solid var(--alert--border-color);
  padding: var(--alert--padding);
  border-radius: var(--alert--radius);
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
.alert__message {
  font-size: var(--text--md);
}
.alert__body {
  color: var(--alert--body-color);
  grid-row: 2 / 3;
  grid-column: 1 / 3;
}
.alert--fluid {
  display: grid;
}
.alert--primary {
  --alert--bg: var(--color--primary);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--primary--lightest);
}
.alert--secondary {
  --alert--bg: var(--color--secondary);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--secondary--lightest);
}
.alert--accent {
  --alert--bg: var(--color--accent);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--accent--lightest);
}
.alert--danger {
  --alert--bg: var(--color--danger);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--danger--lightest);
}
.alert--warning {
  --alert--bg: var(--color--warning);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--warning--lightest);
}
.alert--success {
  --alert--bg: var(--color--success);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--success--lightest);
}
.alert--info {
  --alert--bg: var(--color--info);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--info--lightest);
}
.alert--grey {
  --alert--bg: var(--color--grey);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--grey--lightest);
}
.alert--light {
  --alert--bg: var(--color--light);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--light--lightest);
}
.alert--dark {
  --alert--bg: var(--color--dark);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--dark--lightest);
}
.alert--orange {
  --alert--bg: var(--color--orange);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--orange--lightest);
}
.alert--amber {
  --alert--bg: var(--color--amber);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--amber--lightest);
}
.alert--lime {
  --alert--bg: var(--color--lime);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--lime--lightest);
}
.alert--green {
  --alert--bg: var(--color--green);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--green--lightest);
}
.alert--cyan {
  --alert--bg: var(--color--cyan);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--cyan--lightest);
}
.alert--blue {
  --alert--bg: var(--color--blue);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--blue--lightest);
}
.alert--indigo {
  --alert--bg: var(--color--indigo);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--indigo--lightest);
}
.alert--purple {
  --alert--bg: var(--color--purple);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--purple--lightest);
}
.alert--pink {
  --alert--bg: var(--color--pink);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--pink--lightest);
}
.alert--red {
  --alert--bg: var(--color--red);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--red--lightest);
}
.alert--primary.alert--solid {
  --alert--bg: var(--color--primary);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--primary--lightest);
}
.alert--primary.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--primary--lighter);
  --alert--color: var(--color--primary--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--primary--darker);
}
.alert--primary.alert--muted {
  --alert--bg: var(--color--primary--lightest);
  --alert--color: var(--color--primary);
  --alert--body-color: var(--color--primary);
}
.alert--secondary.alert--solid {
  --alert--bg: var(--color--secondary);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--secondary--lightest);
}
.alert--secondary.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--secondary--lighter);
  --alert--color: var(--color--secondary--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--secondary--darker);
}
.alert--secondary.alert--muted {
  --alert--bg: var(--color--secondary--lightest);
  --alert--color: var(--color--secondary);
  --alert--body-color: var(--color--secondary);
}
.alert--accent.alert--solid {
  --alert--bg: var(--color--accent);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--accent--lightest);
}
.alert--accent.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--accent--lighter);
  --alert--color: var(--color--accent--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--accent--darker);
}
.alert--accent.alert--muted {
  --alert--bg: var(--color--accent--lightest);
  --alert--color: var(--color--accent);
  --alert--body-color: var(--color--accent);
}
.alert--danger.alert--solid {
  --alert--bg: var(--color--danger);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--danger--lightest);
}
.alert--danger.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--danger--lighter);
  --alert--color: var(--color--danger--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--danger--darker);
}
.alert--danger.alert--muted {
  --alert--bg: var(--color--danger--lightest);
  --alert--color: var(--color--danger);
  --alert--body-color: var(--color--danger);
}
.alert--warning.alert--solid {
  --alert--bg: var(--color--warning);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--warning--lightest);
}
.alert--warning.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--warning--lighter);
  --alert--color: var(--color--warning--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--warning--darker);
}
.alert--warning.alert--muted {
  --alert--bg: var(--color--warning--lightest);
  --alert--color: var(--color--warning);
  --alert--body-color: var(--color--warning);
}
.alert--success.alert--solid {
  --alert--bg: var(--color--success);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--success--lightest);
}
.alert--success.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--success--lighter);
  --alert--color: var(--color--success--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--success--darker);
}
.alert--success.alert--muted {
  --alert--bg: var(--color--success--lightest);
  --alert--color: var(--color--success);
  --alert--body-color: var(--color--success);
}
.alert--info.alert--solid {
  --alert--bg: var(--color--info);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--info--lightest);
}
.alert--info.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--info--lighter);
  --alert--color: var(--color--info--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--info--darker);
}
.alert--info.alert--muted {
  --alert--bg: var(--color--info--lightest);
  --alert--color: var(--color--info);
  --alert--body-color: var(--color--info);
}
.alert--grey.alert--solid {
  --alert--bg: var(--color--grey);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--grey--lightest);
}
.alert--grey.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--grey--lighter);
  --alert--color: var(--color--grey--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--grey--darker);
}
.alert--grey.alert--muted {
  --alert--bg: var(--color--grey--lightest);
  --alert--color: var(--color--grey);
  --alert--body-color: var(--color--grey);
}
.alert--light.alert--solid {
  --alert--bg: var(--color--light);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--light--lightest);
}
.alert--light.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--light--lighter);
  --alert--color: var(--color--light--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--light--darker);
}
.alert--light.alert--muted {
  --alert--bg: var(--color--light--lightest);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--light);
}
.alert--dark.alert--solid {
  --alert--bg: var(--color--dark);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--dark--lightest);
}
.alert--dark.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--dark--lighter);
  --alert--color: var(--color--dark--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--dark--darker);
}
.alert--dark.alert--muted {
  --alert--bg: var(--color--dark--lightest);
  --alert--color: var(--color--dark);
  --alert--body-color: var(--color--dark);
}
.alert--orange.alert--solid {
  --alert--bg: var(--color--orange);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--orange--lightest);
}
.alert--orange.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--orange--lighter);
  --alert--color: var(--color--orange--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--orange--darker);
}
.alert--orange.alert--muted {
  --alert--bg: var(--color--orange--lightest);
  --alert--color: var(--color--orange);
  --alert--body-color: var(--color--orange);
}
.alert--amber.alert--solid {
  --alert--bg: var(--color--amber);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--amber--lightest);
}
.alert--amber.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--amber--lighter);
  --alert--color: var(--color--amber--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--amber--darker);
}
.alert--amber.alert--muted {
  --alert--bg: var(--color--amber--lightest);
  --alert--color: var(--color--amber);
  --alert--body-color: var(--color--amber);
}
.alert--lime.alert--solid {
  --alert--bg: var(--color--lime);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--lime--lightest);
}
.alert--lime.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--lime--lighter);
  --alert--color: var(--color--lime--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--lime--darker);
}
.alert--lime.alert--muted {
  --alert--bg: var(--color--lime--lightest);
  --alert--color: var(--color--lime);
  --alert--body-color: var(--color--lime);
}
.alert--green.alert--solid {
  --alert--bg: var(--color--green);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--green--lightest);
}
.alert--green.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--green--lighter);
  --alert--color: var(--color--green--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--green--darker);
}
.alert--green.alert--muted {
  --alert--bg: var(--color--green--lightest);
  --alert--color: var(--color--green);
  --alert--body-color: var(--color--green);
}
.alert--cyan.alert--solid {
  --alert--bg: var(--color--cyan);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--cyan--lightest);
}
.alert--cyan.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--cyan--lighter);
  --alert--color: var(--color--cyan--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--cyan--darker);
}
.alert--cyan.alert--muted {
  --alert--bg: var(--color--cyan--lightest);
  --alert--color: var(--color--cyan);
  --alert--body-color: var(--color--cyan);
}
.alert--blue.alert--solid {
  --alert--bg: var(--color--blue);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--blue--lightest);
}
.alert--blue.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--blue--lighter);
  --alert--color: var(--color--blue--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--blue--darker);
}
.alert--blue.alert--muted {
  --alert--bg: var(--color--blue--lightest);
  --alert--color: var(--color--blue);
  --alert--body-color: var(--color--blue);
}
.alert--indigo.alert--solid {
  --alert--bg: var(--color--indigo);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--indigo--lightest);
}
.alert--indigo.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--indigo--lighter);
  --alert--color: var(--color--indigo--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--indigo--darker);
}
.alert--indigo.alert--muted {
  --alert--bg: var(--color--indigo--lightest);
  --alert--color: var(--color--indigo);
  --alert--body-color: var(--color--indigo);
}
.alert--purple.alert--solid {
  --alert--bg: var(--color--purple);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--purple--lightest);
}
.alert--purple.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--purple--lighter);
  --alert--color: var(--color--purple--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--purple--darker);
}
.alert--purple.alert--muted {
  --alert--bg: var(--color--purple--lightest);
  --alert--color: var(--color--purple);
  --alert--body-color: var(--color--purple);
}
.alert--pink.alert--solid {
  --alert--bg: var(--color--pink);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--pink--lightest);
}
.alert--pink.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--pink--lighter);
  --alert--color: var(--color--pink--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--pink--darker);
}
.alert--pink.alert--muted {
  --alert--bg: var(--color--pink--lightest);
  --alert--color: var(--color--pink);
  --alert--body-color: var(--color--pink);
}
.alert--red.alert--solid {
  --alert--bg: var(--color--red);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--red--lightest);
}
.alert--red.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--red--lighter);
  --alert--color: var(--color--red--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--red--darker);
}
.alert--red.alert--muted {
  --alert--bg: var(--color--red--lightest);
  --alert--color: var(--color--red);
  --alert--body-color: var(--color--red);
}
.alert--rectangle {
  border-radius: 0;
}
.alert--rounded {
  border-radius: var(--radius--3);
}
.alert--pill {
  border-radius: 9999px;
}
.overlay {
  position: relative;
}
.overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 3;
}
.overlay--light:before {
  background-color: rgba(255, 255, 255, 0.8);
}
.overlay--dark:before {
  background-color: rgba(0, 0, 0, 0.8);
}
.item {
  display: inline-grid;
  grid-template-rows: minmax(0, -webkit-min-content) 1fr;
  grid-template-rows: minmax(0, min-content) 1fr;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  gap: var(--item--gap);
}
.item > .media {
    grid-row: 1 / 3;
}
.item__media {
  grid-row: 1 / 3;
}
.item__title {
  grid-column: 2 / 3;
}
.item__title ~ .item__body {
    grid-row: 2 / 3;
}
.item__body {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.item--middle {
  grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto);
}
.item--middle .item__title {
    align-self: flex-end;
}
.item--fluid {
  display: grid;
}
.modal {
  --modal--size: 576px;
  --modal--space-around: var(--space--1);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 98;
  overflow: auto;
  display: none;
  align-items: center;
  justify-content: center;
}
.modal__overlay {
  z-index: 99;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal__wrapper {
  z-index: 100;
  overflow: auto;
  width: 100%;
  max-width: var(--modal--size);
  max-height: calc(100% - var(--modal--space-around) * 2);
  margin: var(--modal--space-around);
}
.modal__close {
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 101;
  padding: var(--space--3);
  border: none;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.modal--xs {
  --modal--size: 320px;
}
.modal--sm {
  --modal--size: 480px;
}
.modal--md {
  --modal--size: 576px;
}
.modal--lg {
  --modal--size: 768px;
}
.modal--xl {
  --modal--size: 992px;
}
.modal--fluid {
  --modal--size: 100%;
}
.modal--show {
  display: flex;
}
.modal--fullscreen {
  --modal--size: none;
  --modal--space-around: var(--space--3) !important;
}
.modal--fullscreen .modal__wrapper {
    height: 100%;
}
.modal--full-height .modal__wrapper {
  height: 100%;
}
@media only screen and (min-width: 576px) {
.modal {
    --modal--space-around: var(--space--2);
}
}
@media only screen and (min-width: 768px) {
.modal {
    --modal--space-around: var(--space--3);
}
}
@media only screen and (min-width: 992px) {
.modal {
    --modal--space-around: var(--space--4);
}
}
@media only screen and (min-width: 1200px) {
.modal {
    --modal--space-around: var(--space--5);
}
}
.list {
  display: inline-grid;
  grid-auto-flow: column;
}
.list--stack {
  grid-auto-flow: row;
}
.list--stack.list--fit {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}
.list--fluid {
  display: grid;
}
.list--fit {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}
.media {
  --media--size: ;
  --media--fit: contain;
  --media--position: center;
  width: var(--media--size, 100%);
}
.media__wrap {
  height: 100%;
}
.media__wrap > img,
  .media__wrap > video,
  .media__wrap > iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: var(--media--fit);
       object-fit: var(--media--fit);
    -o-object-position: var(--media--position);
       object-position: var(--media--position);
}
.media--avatar {
  width: var(--media--size, 100%);
  height: var(--media--size, 100%);
  background-color: var(--color--primary--lightest);
  color: var(--color--primary);
  font-size: var(--media--size);
  line-height: 1;
  position: relative;
  overflow: hidden;
  background-clip: padding-box;
}
.media--avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    position: relative;
    z-index: 2;
}
.media--avatar:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: attr(data-initials);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40%;
    z-index: 1;
}
.media--cover {
  --media--fit: cover;
}
.media--1 {
  --media--size: 16px;
  display: inline-block;
}
.media--2 {
  --media--size: 32px;
  display: inline-block;
}
.media--3 {
  --media--size: 48px;
  display: inline-block;
}
.media--4 {
  --media--size: 64px;
  display: inline-block;
}
.media--5 {
  --media--size: 96px;
  display: inline-block;
}
.media--6 {
  --media--size: 128px;
  display: inline-block;
}
.media--7 {
  --media--size: 160px;
  display: inline-block;
}
.media--8 {
  --media--size: 192px;
  display: inline-block;
}
.media--9 {
  --media--size: 256px;
  display: inline-block;
}
.media--10 {
  --media--size: 320px;
  display: inline-block;
}
.block--bg {
  background-color: var(--block--bg-color);
  position: relative;
}
.block--bg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: var(--block--bg-image);
    opacity: var(--block--bg-opacity, 1);
}
.block--bg > * {
    position: relative;
    z-index: 1;
}
.switch {
  --switch--size: var(--field--md);
  --switch--padding: 4px;
  --switch--border-width: 0px;
  --switch--radius: 0;
  --switch--color: var(--color--primary);
  --switch--bg: var(--color--grey--lightest);
  display: inline-block;
  vertical-align: top;
}
.switch__wrapper {
  display: flex;
  width: calc(var(--switch--size) * 2);
  height: var(--switch--size);
  border-radius: var(--switch--radius);
  border: var(--switch--border-width) solid var(--color--grey--lighter);
  background: var(--switch--bg);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease 0s;
}
.switch__input {
  position: absolute;
  width: 0px;
  height: 0px;
  opacity: 0.01;
}
.switch__input:checked ~ .switch__wrapper {
    background-color: var(--switch--color);
}
.switch__input:checked ~ .switch__wrapper .switch__indicator {
      background-color: var(--color--light);
      left: calc(100% - var(--switch--size) + var(--switch--padding));
}
.switch__indicator {
  width: calc( var(--switch--size) - var(--switch--padding) * 2 - var(--switch--border-width) * 2);
  height: calc( var(--switch--size) - var(--switch--padding) * 2 - var(--switch--border-width) * 2);
  top: var(--switch--padding);
  left: var(--switch--padding);
  border-radius: calc(var(--switch--radius) / 2);
  background-color: var(--color--grey);
  position: absolute;
  transition: all 0.3s ease 0s;
}
.switch--primary {
  --switch--color: var(--color--primary);
}
.switch--secondary {
  --switch--color: var(--color--secondary);
}
.switch--accent {
  --switch--color: var(--color--accent);
}
.switch--danger {
  --switch--color: var(--color--danger);
}
.switch--warning {
  --switch--color: var(--color--warning);
}
.switch--success {
  --switch--color: var(--color--success);
}
.switch--info {
  --switch--color: var(--color--info);
}
.switch--grey {
  --switch--color: var(--color--grey);
}
.switch--light {
  --switch--color: var(--color--light);
}
.switch--dark {
  --switch--color: var(--color--dark);
}
.switch--orange {
  --switch--color: var(--color--orange);
}
.switch--amber {
  --switch--color: var(--color--amber);
}
.switch--lime {
  --switch--color: var(--color--lime);
}
.switch--green {
  --switch--color: var(--color--green);
}
.switch--cyan {
  --switch--color: var(--color--cyan);
}
.switch--blue {
  --switch--color: var(--color--blue);
}
.switch--indigo {
  --switch--color: var(--color--indigo);
}
.switch--purple {
  --switch--color: var(--color--purple);
}
.switch--pink {
  --switch--color: var(--color--pink);
}
.switch--red {
  --switch--color: var(--color--red);
}
.switch--xxs {
  --switch--size: 18px;
}
.switch--xs {
  --switch--size: 24px;
}
.switch--sm {
  --switch--size: 32px;
}
.switch--md {
  --switch--size: 40px;
}
.switch--lg {
  --switch--size: 48px;
}
.switch--xl {
  --switch--size: 56px;
}
.switch--pill {
  --switch--radius: 9999px;
}
.switch--rounded {
  --switch--radius: 4px;
}
.switch--outline {
  --switch--border-width: 1px;
  --switch--bg: --color(light);
}
.shimmer {
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: shilp-shimmer;
          animation-name: shilp-shimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: linear-gradient(to right, var(--color--grey--lightest) 5%, var(--color--grey--lighter) 50%, var(--color--grey--lightest) 95%);
  background-size: 1200px 100%;
  width: 100%;
  position: relative;
}
.table {
  --table--border-color: var(--color--grey--lightest);
  border-collapse: collapse;
}
.table th,
  .table td {
    padding: var(--table--py) var(--table--px) var(--table--py) var(--table--px);
}
.table__fit {
  width: 1px;
  white-space: nowrap;
}
.table--fix {
  table-layout: fixed;
}
.table--border td,
.table--border th {
  border: 1px solid var(--table--border-color);
}
.table--border-x td,
.table--border-x th {
  border-left: 1px solid var(--table--border-color);
  border-right: 1px solid var(--table--border-color);
}
.table--border-y td,
.table--border-y th {
  border-top: 1px solid var(--table--border-color);
  border-bottom: 1px solid var(--table--border-color);
}
.table--edge thead th {
  border-top: none;
}
.table--edge td:first-child,
.table--edge th:first-child {
  padding-left: 0;
  border-left: none;
}
.table--edge td:last-child,
.table--edge th:last-child {
  padding-right: 0;
  border-right: none;
}
.table--edge tr:last-child > td {
  border-bottom: none;
}
.table--0 {
  --table--py: 0px;
  --table--px: 0px;
}
.table--1 {
  --table--py: 2px;
  --table--px: 4px;
}
.table--2 {
  --table--py: 4px;
  --table--px: 6px;
}
.table--3 {
  --table--py: 6px;
  --table--px: 10px;
}
.table--4 {
  --table--py: 8px;
  --table--px: 12px;
}
.p-1 {
  padding: var(--space--1) !important;
}
.pt-1 {
  -webkit-padding-before: var(--space--1) !important;
          padding-block-start: var(--space--1) !important;
}
.pb-1 {
  -webkit-padding-after: var(--space--1) !important;
          padding-block-end: var(--space--1) !important;
}
.pl-1 {
  -webkit-padding-start: var(--space--1) !important;
          padding-inline-start: var(--space--1) !important;
}
.pr-1 {
  -webkit-padding-end: var(--space--1) !important;
          padding-inline-end: var(--space--1) !important;
}
.px-1 {
  -webkit-padding-start: var(--space--1) !important;
          padding-inline-start: var(--space--1) !important;
  -webkit-padding-end: var(--space--1) !important;
          padding-inline-end: var(--space--1) !important;
}
.py-1 {
  -webkit-padding-before: var(--space--1) !important;
          padding-block-start: var(--space--1) !important;
  -webkit-padding-after: var(--space--1) !important;
          padding-block-end: var(--space--1) !important;
}
.p-2 {
  padding: var(--space--2) !important;
}
.pt-2 {
  -webkit-padding-before: var(--space--2) !important;
          padding-block-start: var(--space--2) !important;
}
.pb-2 {
  -webkit-padding-after: var(--space--2) !important;
          padding-block-end: var(--space--2) !important;
}
.pl-2 {
  -webkit-padding-start: var(--space--2) !important;
          padding-inline-start: var(--space--2) !important;
}
.pr-2 {
  -webkit-padding-end: var(--space--2) !important;
          padding-inline-end: var(--space--2) !important;
}
.px-2 {
  -webkit-padding-start: var(--space--2) !important;
          padding-inline-start: var(--space--2) !important;
  -webkit-padding-end: var(--space--2) !important;
          padding-inline-end: var(--space--2) !important;
}
.py-2 {
  -webkit-padding-before: var(--space--2) !important;
          padding-block-start: var(--space--2) !important;
  -webkit-padding-after: var(--space--2) !important;
          padding-block-end: var(--space--2) !important;
}
.p-3 {
  padding: var(--space--3) !important;
}
.pt-3 {
  -webkit-padding-before: var(--space--3) !important;
          padding-block-start: var(--space--3) !important;
}
.pb-3 {
  -webkit-padding-after: var(--space--3) !important;
          padding-block-end: var(--space--3) !important;
}
.pl-3 {
  -webkit-padding-start: var(--space--3) !important;
          padding-inline-start: var(--space--3) !important;
}
.pr-3 {
  -webkit-padding-end: var(--space--3) !important;
          padding-inline-end: var(--space--3) !important;
}
.px-3 {
  -webkit-padding-start: var(--space--3) !important;
          padding-inline-start: var(--space--3) !important;
  -webkit-padding-end: var(--space--3) !important;
          padding-inline-end: var(--space--3) !important;
}
.py-3 {
  -webkit-padding-before: var(--space--3) !important;
          padding-block-start: var(--space--3) !important;
  -webkit-padding-after: var(--space--3) !important;
          padding-block-end: var(--space--3) !important;
}
.p-4 {
  padding: var(--space--4) !important;
}
.pt-4 {
  -webkit-padding-before: var(--space--4) !important;
          padding-block-start: var(--space--4) !important;
}
.pb-4 {
  -webkit-padding-after: var(--space--4) !important;
          padding-block-end: var(--space--4) !important;
}
.pl-4 {
  -webkit-padding-start: var(--space--4) !important;
          padding-inline-start: var(--space--4) !important;
}
.pr-4 {
  -webkit-padding-end: var(--space--4) !important;
          padding-inline-end: var(--space--4) !important;
}
.px-4 {
  -webkit-padding-start: var(--space--4) !important;
          padding-inline-start: var(--space--4) !important;
  -webkit-padding-end: var(--space--4) !important;
          padding-inline-end: var(--space--4) !important;
}
.py-4 {
  -webkit-padding-before: var(--space--4) !important;
          padding-block-start: var(--space--4) !important;
  -webkit-padding-after: var(--space--4) !important;
          padding-block-end: var(--space--4) !important;
}
.p-5 {
  padding: var(--space--5) !important;
}
.pt-5 {
  -webkit-padding-before: var(--space--5) !important;
          padding-block-start: var(--space--5) !important;
}
.pb-5 {
  -webkit-padding-after: var(--space--5) !important;
          padding-block-end: var(--space--5) !important;
}
.pl-5 {
  -webkit-padding-start: var(--space--5) !important;
          padding-inline-start: var(--space--5) !important;
}
.pr-5 {
  -webkit-padding-end: var(--space--5) !important;
          padding-inline-end: var(--space--5) !important;
}
.px-5 {
  -webkit-padding-start: var(--space--5) !important;
          padding-inline-start: var(--space--5) !important;
  -webkit-padding-end: var(--space--5) !important;
          padding-inline-end: var(--space--5) !important;
}
.py-5 {
  -webkit-padding-before: var(--space--5) !important;
          padding-block-start: var(--space--5) !important;
  -webkit-padding-after: var(--space--5) !important;
          padding-block-end: var(--space--5) !important;
}
.p-6 {
  padding: var(--space--6) !important;
}
.pt-6 {
  -webkit-padding-before: var(--space--6) !important;
          padding-block-start: var(--space--6) !important;
}
.pb-6 {
  -webkit-padding-after: var(--space--6) !important;
          padding-block-end: var(--space--6) !important;
}
.pl-6 {
  -webkit-padding-start: var(--space--6) !important;
          padding-inline-start: var(--space--6) !important;
}
.pr-6 {
  -webkit-padding-end: var(--space--6) !important;
          padding-inline-end: var(--space--6) !important;
}
.px-6 {
  -webkit-padding-start: var(--space--6) !important;
          padding-inline-start: var(--space--6) !important;
  -webkit-padding-end: var(--space--6) !important;
          padding-inline-end: var(--space--6) !important;
}
.py-6 {
  -webkit-padding-before: var(--space--6) !important;
          padding-block-start: var(--space--6) !important;
  -webkit-padding-after: var(--space--6) !important;
          padding-block-end: var(--space--6) !important;
}
.p-7 {
  padding: var(--space--7) !important;
}
.pt-7 {
  -webkit-padding-before: var(--space--7) !important;
          padding-block-start: var(--space--7) !important;
}
.pb-7 {
  -webkit-padding-after: var(--space--7) !important;
          padding-block-end: var(--space--7) !important;
}
.pl-7 {
  -webkit-padding-start: var(--space--7) !important;
          padding-inline-start: var(--space--7) !important;
}
.pr-7 {
  -webkit-padding-end: var(--space--7) !important;
          padding-inline-end: var(--space--7) !important;
}
.px-7 {
  -webkit-padding-start: var(--space--7) !important;
          padding-inline-start: var(--space--7) !important;
  -webkit-padding-end: var(--space--7) !important;
          padding-inline-end: var(--space--7) !important;
}
.py-7 {
  -webkit-padding-before: var(--space--7) !important;
          padding-block-start: var(--space--7) !important;
  -webkit-padding-after: var(--space--7) !important;
          padding-block-end: var(--space--7) !important;
}
.p-0 {
  padding: 0px !important;
}
.pt-0 {
  -webkit-padding-before: 0px !important;
          padding-block-start: 0px !important;
}
.pb-0 {
  -webkit-padding-after: 0px !important;
          padding-block-end: 0px !important;
}
.pl-0 {
  -webkit-padding-start: 0px !important;
          padding-inline-start: 0px !important;
}
.pr-0 {
  -webkit-padding-end: 0px !important;
          padding-inline-end: 0px !important;
}
.px-0 {
  -webkit-padding-start: 0px !important;
          padding-inline-start: 0px !important;
  -webkit-padding-end: 0px !important;
          padding-inline-end: 0px !important;
}
.py-0 {
  -webkit-padding-before: 0px !important;
          padding-block-start: 0px !important;
  -webkit-padding-after: 0px !important;
          padding-block-end: 0px !important;
}
.p-auto {
  padding: auto !important;
}
.pt-auto {
  -webkit-padding-before: auto !important;
          padding-block-start: auto !important;
}
.pb-auto {
  -webkit-padding-after: auto !important;
          padding-block-end: auto !important;
}
.pl-auto {
  -webkit-padding-start: auto !important;
          padding-inline-start: auto !important;
}
.pr-auto {
  -webkit-padding-end: auto !important;
          padding-inline-end: auto !important;
}
.px-auto {
  -webkit-padding-start: auto !important;
          padding-inline-start: auto !important;
  -webkit-padding-end: auto !important;
          padding-inline-end: auto !important;
}
.py-auto {
  -webkit-padding-before: auto !important;
          padding-block-start: auto !important;
  -webkit-padding-after: auto !important;
          padding-block-end: auto !important;
}
.m-1 {
  margin: var(--space--1) !important;
}
.mt-1 {
  -webkit-margin-before: var(--space--1) !important;
          margin-block-start: var(--space--1) !important;
}
.mb-1 {
  -webkit-margin-after: var(--space--1) !important;
          margin-block-end: var(--space--1) !important;
}
.ml-1 {
  -webkit-margin-start: var(--space--1) !important;
          margin-inline-start: var(--space--1) !important;
}
.mr-1 {
  -webkit-margin-end: var(--space--1) !important;
          margin-inline-end: var(--space--1) !important;
}
.mx-1 {
  -webkit-margin-start: var(--space--1) !important;
          margin-inline-start: var(--space--1) !important;
  -webkit-margin-end: var(--space--1) !important;
          margin-inline-end: var(--space--1) !important;
}
.my-1 {
  -webkit-margin-before: var(--space--1) !important;
          margin-block-start: var(--space--1) !important;
  -webkit-margin-after: var(--space--1) !important;
          margin-block-end: var(--space--1) !important;
}
.m-2 {
  margin: var(--space--2) !important;
}
.mt-2 {
  -webkit-margin-before: var(--space--2) !important;
          margin-block-start: var(--space--2) !important;
}
.mb-2 {
  -webkit-margin-after: var(--space--2) !important;
          margin-block-end: var(--space--2) !important;
}
.ml-2 {
  -webkit-margin-start: var(--space--2) !important;
          margin-inline-start: var(--space--2) !important;
}
.mr-2 {
  -webkit-margin-end: var(--space--2) !important;
          margin-inline-end: var(--space--2) !important;
}
.mx-2 {
  -webkit-margin-start: var(--space--2) !important;
          margin-inline-start: var(--space--2) !important;
  -webkit-margin-end: var(--space--2) !important;
          margin-inline-end: var(--space--2) !important;
}
.my-2 {
  -webkit-margin-before: var(--space--2) !important;
          margin-block-start: var(--space--2) !important;
  -webkit-margin-after: var(--space--2) !important;
          margin-block-end: var(--space--2) !important;
}
.m-3 {
  margin: var(--space--3) !important;
}
.mt-3 {
  -webkit-margin-before: var(--space--3) !important;
          margin-block-start: var(--space--3) !important;
}
.mb-3 {
  -webkit-margin-after: var(--space--3) !important;
          margin-block-end: var(--space--3) !important;
}
.ml-3 {
  -webkit-margin-start: var(--space--3) !important;
          margin-inline-start: var(--space--3) !important;
}
.mr-3 {
  -webkit-margin-end: var(--space--3) !important;
          margin-inline-end: var(--space--3) !important;
}
.mx-3 {
  -webkit-margin-start: var(--space--3) !important;
          margin-inline-start: var(--space--3) !important;
  -webkit-margin-end: var(--space--3) !important;
          margin-inline-end: var(--space--3) !important;
}
.my-3 {
  -webkit-margin-before: var(--space--3) !important;
          margin-block-start: var(--space--3) !important;
  -webkit-margin-after: var(--space--3) !important;
          margin-block-end: var(--space--3) !important;
}
.m-4 {
  margin: var(--space--4) !important;
}
.mt-4 {
  -webkit-margin-before: var(--space--4) !important;
          margin-block-start: var(--space--4) !important;
}
.mb-4 {
  -webkit-margin-after: var(--space--4) !important;
          margin-block-end: var(--space--4) !important;
}
.ml-4 {
  -webkit-margin-start: var(--space--4) !important;
          margin-inline-start: var(--space--4) !important;
}
.mr-4 {
  -webkit-margin-end: var(--space--4) !important;
          margin-inline-end: var(--space--4) !important;
}
.mx-4 {
  -webkit-margin-start: var(--space--4) !important;
          margin-inline-start: var(--space--4) !important;
  -webkit-margin-end: var(--space--4) !important;
          margin-inline-end: var(--space--4) !important;
}
.my-4 {
  -webkit-margin-before: var(--space--4) !important;
          margin-block-start: var(--space--4) !important;
  -webkit-margin-after: var(--space--4) !important;
          margin-block-end: var(--space--4) !important;
}
.m-5 {
  margin: var(--space--5) !important;
}
.mt-5 {
  -webkit-margin-before: var(--space--5) !important;
          margin-block-start: var(--space--5) !important;
}
.mb-5 {
  -webkit-margin-after: var(--space--5) !important;
          margin-block-end: var(--space--5) !important;
}
.ml-5 {
  -webkit-margin-start: var(--space--5) !important;
          margin-inline-start: var(--space--5) !important;
}
.mr-5 {
  -webkit-margin-end: var(--space--5) !important;
          margin-inline-end: var(--space--5) !important;
}
.mx-5 {
  -webkit-margin-start: var(--space--5) !important;
          margin-inline-start: var(--space--5) !important;
  -webkit-margin-end: var(--space--5) !important;
          margin-inline-end: var(--space--5) !important;
}
.my-5 {
  -webkit-margin-before: var(--space--5) !important;
          margin-block-start: var(--space--5) !important;
  -webkit-margin-after: var(--space--5) !important;
          margin-block-end: var(--space--5) !important;
}
.m-6 {
  margin: var(--space--6) !important;
}
.mt-6 {
  -webkit-margin-before: var(--space--6) !important;
          margin-block-start: var(--space--6) !important;
}
.mb-6 {
  -webkit-margin-after: var(--space--6) !important;
          margin-block-end: var(--space--6) !important;
}
.ml-6 {
  -webkit-margin-start: var(--space--6) !important;
          margin-inline-start: var(--space--6) !important;
}
.mr-6 {
  -webkit-margin-end: var(--space--6) !important;
          margin-inline-end: var(--space--6) !important;
}
.mx-6 {
  -webkit-margin-start: var(--space--6) !important;
          margin-inline-start: var(--space--6) !important;
  -webkit-margin-end: var(--space--6) !important;
          margin-inline-end: var(--space--6) !important;
}
.my-6 {
  -webkit-margin-before: var(--space--6) !important;
          margin-block-start: var(--space--6) !important;
  -webkit-margin-after: var(--space--6) !important;
          margin-block-end: var(--space--6) !important;
}
.m-7 {
  margin: var(--space--7) !important;
}
.mt-7 {
  -webkit-margin-before: var(--space--7) !important;
          margin-block-start: var(--space--7) !important;
}
.mb-7 {
  -webkit-margin-after: var(--space--7) !important;
          margin-block-end: var(--space--7) !important;
}
.ml-7 {
  -webkit-margin-start: var(--space--7) !important;
          margin-inline-start: var(--space--7) !important;
}
.mr-7 {
  -webkit-margin-end: var(--space--7) !important;
          margin-inline-end: var(--space--7) !important;
}
.mx-7 {
  -webkit-margin-start: var(--space--7) !important;
          margin-inline-start: var(--space--7) !important;
  -webkit-margin-end: var(--space--7) !important;
          margin-inline-end: var(--space--7) !important;
}
.my-7 {
  -webkit-margin-before: var(--space--7) !important;
          margin-block-start: var(--space--7) !important;
  -webkit-margin-after: var(--space--7) !important;
          margin-block-end: var(--space--7) !important;
}
.m-0 {
  margin: 0px !important;
}
.mt-0 {
  -webkit-margin-before: 0px !important;
          margin-block-start: 0px !important;
}
.mb-0 {
  -webkit-margin-after: 0px !important;
          margin-block-end: 0px !important;
}
.ml-0 {
  -webkit-margin-start: 0px !important;
          margin-inline-start: 0px !important;
}
.mr-0 {
  -webkit-margin-end: 0px !important;
          margin-inline-end: 0px !important;
}
.mx-0 {
  -webkit-margin-start: 0px !important;
          margin-inline-start: 0px !important;
  -webkit-margin-end: 0px !important;
          margin-inline-end: 0px !important;
}
.my-0 {
  -webkit-margin-before: 0px !important;
          margin-block-start: 0px !important;
  -webkit-margin-after: 0px !important;
          margin-block-end: 0px !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  -webkit-margin-before: auto !important;
          margin-block-start: auto !important;
}
.mb-auto {
  -webkit-margin-after: auto !important;
          margin-block-end: auto !important;
}
.ml-auto {
  -webkit-margin-start: auto !important;
          margin-inline-start: auto !important;
}
.mr-auto {
  -webkit-margin-end: auto !important;
          margin-inline-end: auto !important;
}
.mx-auto {
  -webkit-margin-start: auto !important;
          margin-inline-start: auto !important;
  -webkit-margin-end: auto !important;
          margin-inline-end: auto !important;
}
.my-auto {
  -webkit-margin-before: auto !important;
          margin-block-start: auto !important;
  -webkit-margin-after: auto !important;
          margin-block-end: auto !important;
}
@media only screen and (min-width: 576px) {
.p-1\:phablet {
    padding: var(--space--1) !important;
}
.pt-1\:phablet {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
}
.pb-1\:phablet {
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.pl-1\:phablet {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
}
.pr-1\:phablet {
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.px-1\:phablet {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.py-1\:phablet {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.p-2\:phablet {
    padding: var(--space--2) !important;
}
.pt-2\:phablet {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
}
.pb-2\:phablet {
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.pl-2\:phablet {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
}
.pr-2\:phablet {
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.px-2\:phablet {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.py-2\:phablet {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.p-3\:phablet {
    padding: var(--space--3) !important;
}
.pt-3\:phablet {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
}
.pb-3\:phablet {
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.pl-3\:phablet {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
}
.pr-3\:phablet {
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.px-3\:phablet {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.py-3\:phablet {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.p-4\:phablet {
    padding: var(--space--4) !important;
}
.pt-4\:phablet {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
}
.pb-4\:phablet {
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.pl-4\:phablet {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
}
.pr-4\:phablet {
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.px-4\:phablet {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.py-4\:phablet {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.p-5\:phablet {
    padding: var(--space--5) !important;
}
.pt-5\:phablet {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
}
.pb-5\:phablet {
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.pl-5\:phablet {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
}
.pr-5\:phablet {
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.px-5\:phablet {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.py-5\:phablet {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.p-6\:phablet {
    padding: var(--space--6) !important;
}
.pt-6\:phablet {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
}
.pb-6\:phablet {
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.pl-6\:phablet {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
}
.pr-6\:phablet {
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.px-6\:phablet {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.py-6\:phablet {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.p-7\:phablet {
    padding: var(--space--7) !important;
}
.pt-7\:phablet {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
}
.pb-7\:phablet {
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.pl-7\:phablet {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
}
.pr-7\:phablet {
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.px-7\:phablet {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.py-7\:phablet {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.p-0\:phablet {
    padding: 0px !important;
}
.pt-0\:phablet {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
}
.pb-0\:phablet {
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.pl-0\:phablet {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
}
.pr-0\:phablet {
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.px-0\:phablet {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.py-0\:phablet {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.p-auto\:phablet {
    padding: auto !important;
}
.pt-auto\:phablet {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
}
.pb-auto\:phablet {
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.pl-auto\:phablet {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
}
.pr-auto\:phablet {
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.px-auto\:phablet {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.py-auto\:phablet {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.m-1\:phablet {
    margin: var(--space--1) !important;
}
.mt-1\:phablet {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
}
.mb-1\:phablet {
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.ml-1\:phablet {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
}
.mr-1\:phablet {
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.mx-1\:phablet {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.my-1\:phablet {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.m-2\:phablet {
    margin: var(--space--2) !important;
}
.mt-2\:phablet {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
}
.mb-2\:phablet {
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.ml-2\:phablet {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
}
.mr-2\:phablet {
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.mx-2\:phablet {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.my-2\:phablet {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.m-3\:phablet {
    margin: var(--space--3) !important;
}
.mt-3\:phablet {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
}
.mb-3\:phablet {
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.ml-3\:phablet {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
}
.mr-3\:phablet {
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.mx-3\:phablet {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.my-3\:phablet {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.m-4\:phablet {
    margin: var(--space--4) !important;
}
.mt-4\:phablet {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
}
.mb-4\:phablet {
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.ml-4\:phablet {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
}
.mr-4\:phablet {
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.mx-4\:phablet {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.my-4\:phablet {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.m-5\:phablet {
    margin: var(--space--5) !important;
}
.mt-5\:phablet {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
}
.mb-5\:phablet {
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.ml-5\:phablet {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
}
.mr-5\:phablet {
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.mx-5\:phablet {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.my-5\:phablet {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.m-6\:phablet {
    margin: var(--space--6) !important;
}
.mt-6\:phablet {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
}
.mb-6\:phablet {
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.ml-6\:phablet {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
}
.mr-6\:phablet {
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.mx-6\:phablet {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.my-6\:phablet {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.m-7\:phablet {
    margin: var(--space--7) !important;
}
.mt-7\:phablet {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
}
.mb-7\:phablet {
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.ml-7\:phablet {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
}
.mr-7\:phablet {
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.mx-7\:phablet {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.my-7\:phablet {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.m-0\:phablet {
    margin: 0px !important;
}
.mt-0\:phablet {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
}
.mb-0\:phablet {
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.ml-0\:phablet {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
}
.mr-0\:phablet {
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.mx-0\:phablet {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.my-0\:phablet {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.m-auto\:phablet {
    margin: auto !important;
}
.mt-auto\:phablet {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
}
.mb-auto\:phablet {
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
.ml-auto\:phablet {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
}
.mr-auto\:phablet {
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.mx-auto\:phablet {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.my-auto\:phablet {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
}
@media only screen and (min-width: 768px) {
.p-1\:tablet {
    padding: var(--space--1) !important;
}
.pt-1\:tablet {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
}
.pb-1\:tablet {
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.pl-1\:tablet {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
}
.pr-1\:tablet {
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.px-1\:tablet {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.py-1\:tablet {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.p-2\:tablet {
    padding: var(--space--2) !important;
}
.pt-2\:tablet {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
}
.pb-2\:tablet {
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.pl-2\:tablet {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
}
.pr-2\:tablet {
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.px-2\:tablet {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.py-2\:tablet {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.p-3\:tablet {
    padding: var(--space--3) !important;
}
.pt-3\:tablet {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
}
.pb-3\:tablet {
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.pl-3\:tablet {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
}
.pr-3\:tablet {
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.px-3\:tablet {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.py-3\:tablet {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.p-4\:tablet {
    padding: var(--space--4) !important;
}
.pt-4\:tablet {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
}
.pb-4\:tablet {
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.pl-4\:tablet {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
}
.pr-4\:tablet {
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.px-4\:tablet {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.py-4\:tablet {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.p-5\:tablet {
    padding: var(--space--5) !important;
}
.pt-5\:tablet {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
}
.pb-5\:tablet {
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.pl-5\:tablet {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
}
.pr-5\:tablet {
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.px-5\:tablet {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.py-5\:tablet {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.p-6\:tablet {
    padding: var(--space--6) !important;
}
.pt-6\:tablet {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
}
.pb-6\:tablet {
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.pl-6\:tablet {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
}
.pr-6\:tablet {
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.px-6\:tablet {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.py-6\:tablet {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.p-7\:tablet {
    padding: var(--space--7) !important;
}
.pt-7\:tablet {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
}
.pb-7\:tablet {
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.pl-7\:tablet {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
}
.pr-7\:tablet {
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.px-7\:tablet {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.py-7\:tablet {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.p-0\:tablet {
    padding: 0px !important;
}
.pt-0\:tablet {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
}
.pb-0\:tablet {
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.pl-0\:tablet {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
}
.pr-0\:tablet {
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.px-0\:tablet {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.py-0\:tablet {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.p-auto\:tablet {
    padding: auto !important;
}
.pt-auto\:tablet {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
}
.pb-auto\:tablet {
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.pl-auto\:tablet {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
}
.pr-auto\:tablet {
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.px-auto\:tablet {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.py-auto\:tablet {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.m-1\:tablet {
    margin: var(--space--1) !important;
}
.mt-1\:tablet {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
}
.mb-1\:tablet {
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.ml-1\:tablet {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
}
.mr-1\:tablet {
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.mx-1\:tablet {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.my-1\:tablet {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.m-2\:tablet {
    margin: var(--space--2) !important;
}
.mt-2\:tablet {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
}
.mb-2\:tablet {
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.ml-2\:tablet {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
}
.mr-2\:tablet {
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.mx-2\:tablet {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.my-2\:tablet {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.m-3\:tablet {
    margin: var(--space--3) !important;
}
.mt-3\:tablet {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
}
.mb-3\:tablet {
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.ml-3\:tablet {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
}
.mr-3\:tablet {
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.mx-3\:tablet {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.my-3\:tablet {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.m-4\:tablet {
    margin: var(--space--4) !important;
}
.mt-4\:tablet {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
}
.mb-4\:tablet {
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.ml-4\:tablet {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
}
.mr-4\:tablet {
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.mx-4\:tablet {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.my-4\:tablet {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.m-5\:tablet {
    margin: var(--space--5) !important;
}
.mt-5\:tablet {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
}
.mb-5\:tablet {
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.ml-5\:tablet {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
}
.mr-5\:tablet {
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.mx-5\:tablet {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.my-5\:tablet {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.m-6\:tablet {
    margin: var(--space--6) !important;
}
.mt-6\:tablet {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
}
.mb-6\:tablet {
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.ml-6\:tablet {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
}
.mr-6\:tablet {
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.mx-6\:tablet {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.my-6\:tablet {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.m-7\:tablet {
    margin: var(--space--7) !important;
}
.mt-7\:tablet {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
}
.mb-7\:tablet {
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.ml-7\:tablet {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
}
.mr-7\:tablet {
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.mx-7\:tablet {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.my-7\:tablet {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.m-0\:tablet {
    margin: 0px !important;
}
.mt-0\:tablet {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
}
.mb-0\:tablet {
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.ml-0\:tablet {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
}
.mr-0\:tablet {
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.mx-0\:tablet {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.my-0\:tablet {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.m-auto\:tablet {
    margin: auto !important;
}
.mt-auto\:tablet {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
}
.mb-auto\:tablet {
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
.ml-auto\:tablet {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
}
.mr-auto\:tablet {
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.mx-auto\:tablet {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.my-auto\:tablet {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
}
@media only screen and (min-width: 992px) {
.p-1\:laptop {
    padding: var(--space--1) !important;
}
.pt-1\:laptop {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
}
.pb-1\:laptop {
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.pl-1\:laptop {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
}
.pr-1\:laptop {
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.px-1\:laptop {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.py-1\:laptop {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.p-2\:laptop {
    padding: var(--space--2) !important;
}
.pt-2\:laptop {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
}
.pb-2\:laptop {
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.pl-2\:laptop {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
}
.pr-2\:laptop {
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.px-2\:laptop {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.py-2\:laptop {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.p-3\:laptop {
    padding: var(--space--3) !important;
}
.pt-3\:laptop {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
}
.pb-3\:laptop {
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.pl-3\:laptop {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
}
.pr-3\:laptop {
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.px-3\:laptop {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.py-3\:laptop {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.p-4\:laptop {
    padding: var(--space--4) !important;
}
.pt-4\:laptop {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
}
.pb-4\:laptop {
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.pl-4\:laptop {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
}
.pr-4\:laptop {
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.px-4\:laptop {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.py-4\:laptop {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.p-5\:laptop {
    padding: var(--space--5) !important;
}
.pt-5\:laptop {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
}
.pb-5\:laptop {
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.pl-5\:laptop {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
}
.pr-5\:laptop {
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.px-5\:laptop {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.py-5\:laptop {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.p-6\:laptop {
    padding: var(--space--6) !important;
}
.pt-6\:laptop {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
}
.pb-6\:laptop {
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.pl-6\:laptop {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
}
.pr-6\:laptop {
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.px-6\:laptop {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.py-6\:laptop {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.p-7\:laptop {
    padding: var(--space--7) !important;
}
.pt-7\:laptop {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
}
.pb-7\:laptop {
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.pl-7\:laptop {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
}
.pr-7\:laptop {
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.px-7\:laptop {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.py-7\:laptop {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.p-0\:laptop {
    padding: 0px !important;
}
.pt-0\:laptop {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
}
.pb-0\:laptop {
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.pl-0\:laptop {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
}
.pr-0\:laptop {
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.px-0\:laptop {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.py-0\:laptop {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.p-auto\:laptop {
    padding: auto !important;
}
.pt-auto\:laptop {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
}
.pb-auto\:laptop {
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.pl-auto\:laptop {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
}
.pr-auto\:laptop {
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.px-auto\:laptop {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.py-auto\:laptop {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.m-1\:laptop {
    margin: var(--space--1) !important;
}
.mt-1\:laptop {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
}
.mb-1\:laptop {
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.ml-1\:laptop {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
}
.mr-1\:laptop {
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.mx-1\:laptop {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.my-1\:laptop {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.m-2\:laptop {
    margin: var(--space--2) !important;
}
.mt-2\:laptop {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
}
.mb-2\:laptop {
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.ml-2\:laptop {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
}
.mr-2\:laptop {
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.mx-2\:laptop {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.my-2\:laptop {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.m-3\:laptop {
    margin: var(--space--3) !important;
}
.mt-3\:laptop {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
}
.mb-3\:laptop {
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.ml-3\:laptop {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
}
.mr-3\:laptop {
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.mx-3\:laptop {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.my-3\:laptop {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.m-4\:laptop {
    margin: var(--space--4) !important;
}
.mt-4\:laptop {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
}
.mb-4\:laptop {
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.ml-4\:laptop {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
}
.mr-4\:laptop {
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.mx-4\:laptop {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.my-4\:laptop {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.m-5\:laptop {
    margin: var(--space--5) !important;
}
.mt-5\:laptop {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
}
.mb-5\:laptop {
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.ml-5\:laptop {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
}
.mr-5\:laptop {
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.mx-5\:laptop {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.my-5\:laptop {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.m-6\:laptop {
    margin: var(--space--6) !important;
}
.mt-6\:laptop {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
}
.mb-6\:laptop {
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.ml-6\:laptop {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
}
.mr-6\:laptop {
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.mx-6\:laptop {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.my-6\:laptop {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.m-7\:laptop {
    margin: var(--space--7) !important;
}
.mt-7\:laptop {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
}
.mb-7\:laptop {
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.ml-7\:laptop {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
}
.mr-7\:laptop {
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.mx-7\:laptop {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.my-7\:laptop {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.m-0\:laptop {
    margin: 0px !important;
}
.mt-0\:laptop {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
}
.mb-0\:laptop {
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.ml-0\:laptop {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
}
.mr-0\:laptop {
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.mx-0\:laptop {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.my-0\:laptop {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.m-auto\:laptop {
    margin: auto !important;
}
.mt-auto\:laptop {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
}
.mb-auto\:laptop {
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
.ml-auto\:laptop {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
}
.mr-auto\:laptop {
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.mx-auto\:laptop {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.my-auto\:laptop {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
}
@media only screen and (min-width: 1200px) {
.p-1\:desktop {
    padding: var(--space--1) !important;
}
.pt-1\:desktop {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
}
.pb-1\:desktop {
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.pl-1\:desktop {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
}
.pr-1\:desktop {
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.px-1\:desktop {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.py-1\:desktop {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.p-2\:desktop {
    padding: var(--space--2) !important;
}
.pt-2\:desktop {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
}
.pb-2\:desktop {
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.pl-2\:desktop {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
}
.pr-2\:desktop {
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.px-2\:desktop {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.py-2\:desktop {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.p-3\:desktop {
    padding: var(--space--3) !important;
}
.pt-3\:desktop {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
}
.pb-3\:desktop {
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.pl-3\:desktop {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
}
.pr-3\:desktop {
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.px-3\:desktop {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.py-3\:desktop {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.p-4\:desktop {
    padding: var(--space--4) !important;
}
.pt-4\:desktop {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
}
.pb-4\:desktop {
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.pl-4\:desktop {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
}
.pr-4\:desktop {
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.px-4\:desktop {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.py-4\:desktop {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.p-5\:desktop {
    padding: var(--space--5) !important;
}
.pt-5\:desktop {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
}
.pb-5\:desktop {
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.pl-5\:desktop {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
}
.pr-5\:desktop {
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.px-5\:desktop {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.py-5\:desktop {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.p-6\:desktop {
    padding: var(--space--6) !important;
}
.pt-6\:desktop {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
}
.pb-6\:desktop {
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.pl-6\:desktop {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
}
.pr-6\:desktop {
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.px-6\:desktop {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.py-6\:desktop {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.p-7\:desktop {
    padding: var(--space--7) !important;
}
.pt-7\:desktop {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
}
.pb-7\:desktop {
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.pl-7\:desktop {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
}
.pr-7\:desktop {
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.px-7\:desktop {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.py-7\:desktop {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.p-0\:desktop {
    padding: 0px !important;
}
.pt-0\:desktop {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
}
.pb-0\:desktop {
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.pl-0\:desktop {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
}
.pr-0\:desktop {
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.px-0\:desktop {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.py-0\:desktop {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.p-auto\:desktop {
    padding: auto !important;
}
.pt-auto\:desktop {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
}
.pb-auto\:desktop {
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.pl-auto\:desktop {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
}
.pr-auto\:desktop {
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.px-auto\:desktop {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.py-auto\:desktop {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.m-1\:desktop {
    margin: var(--space--1) !important;
}
.mt-1\:desktop {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
}
.mb-1\:desktop {
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.ml-1\:desktop {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
}
.mr-1\:desktop {
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.mx-1\:desktop {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.my-1\:desktop {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.m-2\:desktop {
    margin: var(--space--2) !important;
}
.mt-2\:desktop {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
}
.mb-2\:desktop {
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.ml-2\:desktop {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
}
.mr-2\:desktop {
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.mx-2\:desktop {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.my-2\:desktop {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.m-3\:desktop {
    margin: var(--space--3) !important;
}
.mt-3\:desktop {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
}
.mb-3\:desktop {
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.ml-3\:desktop {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
}
.mr-3\:desktop {
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.mx-3\:desktop {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.my-3\:desktop {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.m-4\:desktop {
    margin: var(--space--4) !important;
}
.mt-4\:desktop {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
}
.mb-4\:desktop {
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.ml-4\:desktop {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
}
.mr-4\:desktop {
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.mx-4\:desktop {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.my-4\:desktop {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.m-5\:desktop {
    margin: var(--space--5) !important;
}
.mt-5\:desktop {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
}
.mb-5\:desktop {
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.ml-5\:desktop {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
}
.mr-5\:desktop {
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.mx-5\:desktop {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.my-5\:desktop {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.m-6\:desktop {
    margin: var(--space--6) !important;
}
.mt-6\:desktop {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
}
.mb-6\:desktop {
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.ml-6\:desktop {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
}
.mr-6\:desktop {
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.mx-6\:desktop {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.my-6\:desktop {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.m-7\:desktop {
    margin: var(--space--7) !important;
}
.mt-7\:desktop {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
}
.mb-7\:desktop {
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.ml-7\:desktop {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
}
.mr-7\:desktop {
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.mx-7\:desktop {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.my-7\:desktop {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.m-0\:desktop {
    margin: 0px !important;
}
.mt-0\:desktop {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
}
.mb-0\:desktop {
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.ml-0\:desktop {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
}
.mr-0\:desktop {
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.mx-0\:desktop {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.my-0\:desktop {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.m-auto\:desktop {
    margin: auto !important;
}
.mt-auto\:desktop {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
}
.mb-auto\:desktop {
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
.ml-auto\:desktop {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
}
.mr-auto\:desktop {
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.mx-auto\:desktop {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.my-auto\:desktop {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
}
.text-italic {
  font-style: italic;
}
.text-underline {
  text-decoration: underline;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-strikethrough {
  text-decoration: line-through;
}
.text-numeric {
  font-variant-numeric: tabular-nums;
}
.text-xxl {
  font-size: var(--text--xxl);
}
.text-xl {
  font-size: var(--text--xl);
}
.text-lg {
  font-size: var(--text--lg);
}
.text-md {
  font-size: var(--text--md);
}
.text-sm {
  font-size: var(--text--sm);
}
.text-xs {
  font-size: var(--text--xs);
}
.text-heading {
  font-family: var(--text--heading);
}
.text-content {
  font-family: var(--text--content);
}
.text-emoji {
  font-family: var(--text--emoji);
}
.text-code {
  font-family: var(--text--code);
}
.text-thin {
  font-weight: lighter;
}
.text-normal {
  font-weight: normal;
}
.text-bold {
  font-weight: bold;
}
.text-primary-lightest {
  color: var(--color--primary--lightest) !important;
}
.text-primary-lighter {
  color: var(--color--primary--lighter) !important;
}
.text-primary-light {
  color: var(--color--primary--light) !important;
}
.text-primary {
  color: var(--color--primary) !important;
}
.text-primary-dark {
  color: var(--color--primary--dark) !important;
}
.text-primary-darker {
  color: var(--color--primary--darker) !important;
}
.text-primary-darkest {
  color: var(--color--primary--darkest) !important;
}
.text-secondary-lightest {
  color: var(--color--secondary--lightest) !important;
}
.text-secondary-lighter {
  color: var(--color--secondary--lighter) !important;
}
.text-secondary-light {
  color: var(--color--secondary--light) !important;
}
.text-secondary {
  color: var(--color--secondary) !important;
}
.text-secondary-dark {
  color: var(--color--secondary--dark) !important;
}
.text-secondary-darker {
  color: var(--color--secondary--darker) !important;
}
.text-secondary-darkest {
  color: var(--color--secondary--darkest) !important;
}
.text-accent-lightest {
  color: var(--color--accent--lightest) !important;
}
.text-accent-lighter {
  color: var(--color--accent--lighter) !important;
}
.text-accent-light {
  color: var(--color--accent--light) !important;
}
.text-accent {
  color: var(--color--accent) !important;
}
.text-accent-dark {
  color: var(--color--accent--dark) !important;
}
.text-accent-darker {
  color: var(--color--accent--darker) !important;
}
.text-accent-darkest {
  color: var(--color--accent--darkest) !important;
}
.text-danger-lightest {
  color: var(--color--danger--lightest) !important;
}
.text-danger-lighter {
  color: var(--color--danger--lighter) !important;
}
.text-danger-light {
  color: var(--color--danger--light) !important;
}
.text-danger {
  color: var(--color--danger) !important;
}
.text-danger-dark {
  color: var(--color--danger--dark) !important;
}
.text-danger-darker {
  color: var(--color--danger--darker) !important;
}
.text-danger-darkest {
  color: var(--color--danger--darkest) !important;
}
.text-warning-lightest {
  color: var(--color--warning--lightest) !important;
}
.text-warning-lighter {
  color: var(--color--warning--lighter) !important;
}
.text-warning-light {
  color: var(--color--warning--light) !important;
}
.text-warning {
  color: var(--color--warning) !important;
}
.text-warning-dark {
  color: var(--color--warning--dark) !important;
}
.text-warning-darker {
  color: var(--color--warning--darker) !important;
}
.text-warning-darkest {
  color: var(--color--warning--darkest) !important;
}
.text-success-lightest {
  color: var(--color--success--lightest) !important;
}
.text-success-lighter {
  color: var(--color--success--lighter) !important;
}
.text-success-light {
  color: var(--color--success--light) !important;
}
.text-success {
  color: var(--color--success) !important;
}
.text-success-dark {
  color: var(--color--success--dark) !important;
}
.text-success-darker {
  color: var(--color--success--darker) !important;
}
.text-success-darkest {
  color: var(--color--success--darkest) !important;
}
.text-info-lightest {
  color: var(--color--info--lightest) !important;
}
.text-info-lighter {
  color: var(--color--info--lighter) !important;
}
.text-info-light {
  color: var(--color--info--light) !important;
}
.text-info {
  color: var(--color--info) !important;
}
.text-info-dark {
  color: var(--color--info--dark) !important;
}
.text-info-darker {
  color: var(--color--info--darker) !important;
}
.text-info-darkest {
  color: var(--color--info--darkest) !important;
}
.text-grey-lightest {
  color: var(--color--grey--lightest) !important;
}
.text-grey-lighter {
  color: var(--color--grey--lighter) !important;
}
.text-grey-light {
  color: var(--color--grey--light) !important;
}
.text-grey {
  color: var(--color--grey) !important;
}
.text-grey-dark {
  color: var(--color--grey--dark) !important;
}
.text-grey-darker {
  color: var(--color--grey--darker) !important;
}
.text-grey-darkest {
  color: var(--color--grey--darkest) !important;
}
.text-light {
  color: var(--color--light) !important;
}
.text-dark {
  color: var(--color--dark) !important;
}
.text-orange-lightest {
  color: var(--color--orange--lightest) !important;
}
.text-orange-lighter {
  color: var(--color--orange--lighter) !important;
}
.text-orange-light {
  color: var(--color--orange--light) !important;
}
.text-orange {
  color: var(--color--orange) !important;
}
.text-orange-dark {
  color: var(--color--orange--dark) !important;
}
.text-orange-darker {
  color: var(--color--orange--darker) !important;
}
.text-orange-darkest {
  color: var(--color--orange--darkest) !important;
}
.text-amber-lightest {
  color: var(--color--amber--lightest) !important;
}
.text-amber-lighter {
  color: var(--color--amber--lighter) !important;
}
.text-amber-light {
  color: var(--color--amber--light) !important;
}
.text-amber {
  color: var(--color--amber) !important;
}
.text-amber-dark {
  color: var(--color--amber--dark) !important;
}
.text-amber-darker {
  color: var(--color--amber--darker) !important;
}
.text-amber-darkest {
  color: var(--color--amber--darkest) !important;
}
.text-lime-lightest {
  color: var(--color--lime--lightest) !important;
}
.text-lime-lighter {
  color: var(--color--lime--lighter) !important;
}
.text-lime-light {
  color: var(--color--lime--light) !important;
}
.text-lime {
  color: var(--color--lime) !important;
}
.text-lime-dark {
  color: var(--color--lime--dark) !important;
}
.text-lime-darker {
  color: var(--color--lime--darker) !important;
}
.text-lime-darkest {
  color: var(--color--lime--darkest) !important;
}
.text-green-lightest {
  color: var(--color--green--lightest) !important;
}
.text-green-lighter {
  color: var(--color--green--lighter) !important;
}
.text-green-light {
  color: var(--color--green--light) !important;
}
.text-green {
  color: var(--color--green) !important;
}
.text-green-dark {
  color: var(--color--green--dark) !important;
}
.text-green-darker {
  color: var(--color--green--darker) !important;
}
.text-green-darkest {
  color: var(--color--green--darkest) !important;
}
.text-cyan-lightest {
  color: var(--color--cyan--lightest) !important;
}
.text-cyan-lighter {
  color: var(--color--cyan--lighter) !important;
}
.text-cyan-light {
  color: var(--color--cyan--light) !important;
}
.text-cyan {
  color: var(--color--cyan) !important;
}
.text-cyan-dark {
  color: var(--color--cyan--dark) !important;
}
.text-cyan-darker {
  color: var(--color--cyan--darker) !important;
}
.text-cyan-darkest {
  color: var(--color--cyan--darkest) !important;
}
.text-blue-lightest {
  color: var(--color--blue--lightest) !important;
}
.text-blue-lighter {
  color: var(--color--blue--lighter) !important;
}
.text-blue-light {
  color: var(--color--blue--light) !important;
}
.text-blue {
  color: var(--color--blue) !important;
}
.text-blue-dark {
  color: var(--color--blue--dark) !important;
}
.text-blue-darker {
  color: var(--color--blue--darker) !important;
}
.text-blue-darkest {
  color: var(--color--blue--darkest) !important;
}
.text-indigo-lightest {
  color: var(--color--indigo--lightest) !important;
}
.text-indigo-lighter {
  color: var(--color--indigo--lighter) !important;
}
.text-indigo-light {
  color: var(--color--indigo--light) !important;
}
.text-indigo {
  color: var(--color--indigo) !important;
}
.text-indigo-dark {
  color: var(--color--indigo--dark) !important;
}
.text-indigo-darker {
  color: var(--color--indigo--darker) !important;
}
.text-indigo-darkest {
  color: var(--color--indigo--darkest) !important;
}
.text-purple-lightest {
  color: var(--color--purple--lightest) !important;
}
.text-purple-lighter {
  color: var(--color--purple--lighter) !important;
}
.text-purple-light {
  color: var(--color--purple--light) !important;
}
.text-purple {
  color: var(--color--purple) !important;
}
.text-purple-dark {
  color: var(--color--purple--dark) !important;
}
.text-purple-darker {
  color: var(--color--purple--darker) !important;
}
.text-purple-darkest {
  color: var(--color--purple--darkest) !important;
}
.text-pink-lightest {
  color: var(--color--pink--lightest) !important;
}
.text-pink-lighter {
  color: var(--color--pink--lighter) !important;
}
.text-pink-light {
  color: var(--color--pink--light) !important;
}
.text-pink {
  color: var(--color--pink) !important;
}
.text-pink-dark {
  color: var(--color--pink--dark) !important;
}
.text-pink-darker {
  color: var(--color--pink--darker) !important;
}
.text-pink-darkest {
  color: var(--color--pink--darkest) !important;
}
.text-red-lightest {
  color: var(--color--red--lightest) !important;
}
.text-red-lighter {
  color: var(--color--red--lighter) !important;
}
.text-red-light {
  color: var(--color--red--light) !important;
}
.text-red {
  color: var(--color--red) !important;
}
.text-red-dark {
  color: var(--color--red--dark) !important;
}
.text-red-darker {
  color: var(--color--red--darker) !important;
}
.text-red-darkest {
  color: var(--color--red--darkest) !important;
}
.lh-1 {
  line-height: 1;
}
.lh-2 {
  line-height: 1.2;
}
.lh-3 {
  line-height: 1.5;
}
.lh-4 {
  line-height: 1.8;
}
.lh-5 {
  line-height: 2;
}
.lh-6 {
  line-height: 2.5;
}
.text-left {
  text-align: left;
  text-align: start;
}
.text-right {
  text-align: right;
  text-align: end;
}
.text-center {
  text-align: center;
  text-align: center;
}
.text-justify {
  text-align: justify;
  text-align: justify;
}
@media only screen and (min-width: 576px) {
.text-left\:phablet {
    text-align: left;
    text-align: start;
}
.text-right\:phablet {
    text-align: right;
    text-align: end;
}
.text-center\:phablet {
    text-align: center;
    text-align: center;
}
.text-justify\:phablet {
    text-align: justify;
    text-align: justify;
}
}
@media only screen and (min-width: 768px) {
.text-left\:tablet {
    text-align: left;
    text-align: start;
}
.text-right\:tablet {
    text-align: right;
    text-align: end;
}
.text-center\:tablet {
    text-align: center;
    text-align: center;
}
.text-justify\:tablet {
    text-align: justify;
    text-align: justify;
}
}
@media only screen and (min-width: 992px) {
.text-left\:laptop {
    text-align: left;
    text-align: start;
}
.text-right\:laptop {
    text-align: right;
    text-align: end;
}
.text-center\:laptop {
    text-align: center;
    text-align: center;
}
.text-justify\:laptop {
    text-align: justify;
    text-align: justify;
}
}
@media only screen and (min-width: 1200px) {
.text-left\:desktop {
    text-align: left;
    text-align: start;
}
.text-right\:desktop {
    text-align: right;
    text-align: end;
}
.text-center\:desktop {
    text-align: center;
    text-align: center;
}
.text-justify\:desktop {
    text-align: justify;
    text-align: justify;
}
}
.bg-primary-lightest {
  background-color: var(--color--primary--lightest) !important;
}
.bg-primary-lighter {
  background-color: var(--color--primary--lighter) !important;
}
.bg-primary-light {
  background-color: var(--color--primary--light) !important;
}
.bg-primary {
  background-color: var(--color--primary) !important;
}
.bg-primary-dark {
  background-color: var(--color--primary--dark) !important;
}
.bg-primary-darker {
  background-color: var(--color--primary--darker) !important;
}
.bg-primary-darkest {
  background-color: var(--color--primary--darkest) !important;
}
.bg-secondary-lightest {
  background-color: var(--color--secondary--lightest) !important;
}
.bg-secondary-lighter {
  background-color: var(--color--secondary--lighter) !important;
}
.bg-secondary-light {
  background-color: var(--color--secondary--light) !important;
}
.bg-secondary {
  background-color: var(--color--secondary) !important;
}
.bg-secondary-dark {
  background-color: var(--color--secondary--dark) !important;
}
.bg-secondary-darker {
  background-color: var(--color--secondary--darker) !important;
}
.bg-secondary-darkest {
  background-color: var(--color--secondary--darkest) !important;
}
.bg-accent-lightest {
  background-color: var(--color--accent--lightest) !important;
}
.bg-accent-lighter {
  background-color: var(--color--accent--lighter) !important;
}
.bg-accent-light {
  background-color: var(--color--accent--light) !important;
}
.bg-accent {
  background-color: var(--color--accent) !important;
}
.bg-accent-dark {
  background-color: var(--color--accent--dark) !important;
}
.bg-accent-darker {
  background-color: var(--color--accent--darker) !important;
}
.bg-accent-darkest {
  background-color: var(--color--accent--darkest) !important;
}
.bg-danger-lightest {
  background-color: var(--color--danger--lightest) !important;
}
.bg-danger-lighter {
  background-color: var(--color--danger--lighter) !important;
}
.bg-danger-light {
  background-color: var(--color--danger--light) !important;
}
.bg-danger {
  background-color: var(--color--danger) !important;
}
.bg-danger-dark {
  background-color: var(--color--danger--dark) !important;
}
.bg-danger-darker {
  background-color: var(--color--danger--darker) !important;
}
.bg-danger-darkest {
  background-color: var(--color--danger--darkest) !important;
}
.bg-warning-lightest {
  background-color: var(--color--warning--lightest) !important;
}
.bg-warning-lighter {
  background-color: var(--color--warning--lighter) !important;
}
.bg-warning-light {
  background-color: var(--color--warning--light) !important;
}
.bg-warning {
  background-color: var(--color--warning) !important;
}
.bg-warning-dark {
  background-color: var(--color--warning--dark) !important;
}
.bg-warning-darker {
  background-color: var(--color--warning--darker) !important;
}
.bg-warning-darkest {
  background-color: var(--color--warning--darkest) !important;
}
.bg-success-lightest {
  background-color: var(--color--success--lightest) !important;
}
.bg-success-lighter {
  background-color: var(--color--success--lighter) !important;
}
.bg-success-light {
  background-color: var(--color--success--light) !important;
}
.bg-success {
  background-color: var(--color--success) !important;
}
.bg-success-dark {
  background-color: var(--color--success--dark) !important;
}
.bg-success-darker {
  background-color: var(--color--success--darker) !important;
}
.bg-success-darkest {
  background-color: var(--color--success--darkest) !important;
}
.bg-info-lightest {
  background-color: var(--color--info--lightest) !important;
}
.bg-info-lighter {
  background-color: var(--color--info--lighter) !important;
}
.bg-info-light {
  background-color: var(--color--info--light) !important;
}
.bg-info {
  background-color: var(--color--info) !important;
}
.bg-info-dark {
  background-color: var(--color--info--dark) !important;
}
.bg-info-darker {
  background-color: var(--color--info--darker) !important;
}
.bg-info-darkest {
  background-color: var(--color--info--darkest) !important;
}
.bg-grey-lightest {
  background-color: var(--color--grey--lightest) !important;
}
.bg-grey-lighter {
  background-color: var(--color--grey--lighter) !important;
}
.bg-grey-light {
  background-color: var(--color--grey--light) !important;
}
.bg-grey {
  background-color: var(--color--grey) !important;
}
.bg-grey-dark {
  background-color: var(--color--grey--dark) !important;
}
.bg-grey-darker {
  background-color: var(--color--grey--darker) !important;
}
.bg-grey-darkest {
  background-color: var(--color--grey--darkest) !important;
}
.bg-light {
  background-color: var(--color--light) !important;
}
.bg-dark {
  background-color: var(--color--dark) !important;
}
.bg-orange-lightest {
  background-color: var(--color--orange--lightest) !important;
}
.bg-orange-lighter {
  background-color: var(--color--orange--lighter) !important;
}
.bg-orange-light {
  background-color: var(--color--orange--light) !important;
}
.bg-orange {
  background-color: var(--color--orange) !important;
}
.bg-orange-dark {
  background-color: var(--color--orange--dark) !important;
}
.bg-orange-darker {
  background-color: var(--color--orange--darker) !important;
}
.bg-orange-darkest {
  background-color: var(--color--orange--darkest) !important;
}
.bg-amber-lightest {
  background-color: var(--color--amber--lightest) !important;
}
.bg-amber-lighter {
  background-color: var(--color--amber--lighter) !important;
}
.bg-amber-light {
  background-color: var(--color--amber--light) !important;
}
.bg-amber {
  background-color: var(--color--amber) !important;
}
.bg-amber-dark {
  background-color: var(--color--amber--dark) !important;
}
.bg-amber-darker {
  background-color: var(--color--amber--darker) !important;
}
.bg-amber-darkest {
  background-color: var(--color--amber--darkest) !important;
}
.bg-lime-lightest {
  background-color: var(--color--lime--lightest) !important;
}
.bg-lime-lighter {
  background-color: var(--color--lime--lighter) !important;
}
.bg-lime-light {
  background-color: var(--color--lime--light) !important;
}
.bg-lime {
  background-color: var(--color--lime) !important;
}
.bg-lime-dark {
  background-color: var(--color--lime--dark) !important;
}
.bg-lime-darker {
  background-color: var(--color--lime--darker) !important;
}
.bg-lime-darkest {
  background-color: var(--color--lime--darkest) !important;
}
.bg-green-lightest {
  background-color: var(--color--green--lightest) !important;
}
.bg-green-lighter {
  background-color: var(--color--green--lighter) !important;
}
.bg-green-light {
  background-color: var(--color--green--light) !important;
}
.bg-green {
  background-color: var(--color--green) !important;
}
.bg-green-dark {
  background-color: var(--color--green--dark) !important;
}
.bg-green-darker {
  background-color: var(--color--green--darker) !important;
}
.bg-green-darkest {
  background-color: var(--color--green--darkest) !important;
}
.bg-cyan-lightest {
  background-color: var(--color--cyan--lightest) !important;
}
.bg-cyan-lighter {
  background-color: var(--color--cyan--lighter) !important;
}
.bg-cyan-light {
  background-color: var(--color--cyan--light) !important;
}
.bg-cyan {
  background-color: var(--color--cyan) !important;
}
.bg-cyan-dark {
  background-color: var(--color--cyan--dark) !important;
}
.bg-cyan-darker {
  background-color: var(--color--cyan--darker) !important;
}
.bg-cyan-darkest {
  background-color: var(--color--cyan--darkest) !important;
}
.bg-blue-lightest {
  background-color: var(--color--blue--lightest) !important;
}
.bg-blue-lighter {
  background-color: var(--color--blue--lighter) !important;
}
.bg-blue-light {
  background-color: var(--color--blue--light) !important;
}
.bg-blue {
  background-color: var(--color--blue) !important;
}
.bg-blue-dark {
  background-color: var(--color--blue--dark) !important;
}
.bg-blue-darker {
  background-color: var(--color--blue--darker) !important;
}
.bg-blue-darkest {
  background-color: var(--color--blue--darkest) !important;
}
.bg-indigo-lightest {
  background-color: var(--color--indigo--lightest) !important;
}
.bg-indigo-lighter {
  background-color: var(--color--indigo--lighter) !important;
}
.bg-indigo-light {
  background-color: var(--color--indigo--light) !important;
}
.bg-indigo {
  background-color: var(--color--indigo) !important;
}
.bg-indigo-dark {
  background-color: var(--color--indigo--dark) !important;
}
.bg-indigo-darker {
  background-color: var(--color--indigo--darker) !important;
}
.bg-indigo-darkest {
  background-color: var(--color--indigo--darkest) !important;
}
.bg-purple-lightest {
  background-color: var(--color--purple--lightest) !important;
}
.bg-purple-lighter {
  background-color: var(--color--purple--lighter) !important;
}
.bg-purple-light {
  background-color: var(--color--purple--light) !important;
}
.bg-purple {
  background-color: var(--color--purple) !important;
}
.bg-purple-dark {
  background-color: var(--color--purple--dark) !important;
}
.bg-purple-darker {
  background-color: var(--color--purple--darker) !important;
}
.bg-purple-darkest {
  background-color: var(--color--purple--darkest) !important;
}
.bg-pink-lightest {
  background-color: var(--color--pink--lightest) !important;
}
.bg-pink-lighter {
  background-color: var(--color--pink--lighter) !important;
}
.bg-pink-light {
  background-color: var(--color--pink--light) !important;
}
.bg-pink {
  background-color: var(--color--pink) !important;
}
.bg-pink-dark {
  background-color: var(--color--pink--dark) !important;
}
.bg-pink-darker {
  background-color: var(--color--pink--darker) !important;
}
.bg-pink-darkest {
  background-color: var(--color--pink--darkest) !important;
}
.bg-red-lightest {
  background-color: var(--color--red--lightest) !important;
}
.bg-red-lighter {
  background-color: var(--color--red--lighter) !important;
}
.bg-red-light {
  background-color: var(--color--red--light) !important;
}
.bg-red {
  background-color: var(--color--red) !important;
}
.bg-red-dark {
  background-color: var(--color--red--dark) !important;
}
.bg-red-darker {
  background-color: var(--color--red--darker) !important;
}
.bg-red-darkest {
  background-color: var(--color--red--darkest) !important;
}
.bt-lightest {
  border-top: 1px solid var(--color--grey--lightest) !important;
}
.bb-lightest {
  border-bottom: 1px solid var(--color--grey--lightest) !important;
}
.bl-lightest {
  border-left: 1px solid var(--color--grey--lightest) !important;
}
.br-lightest {
  border-right: 1px solid var(--color--grey--lightest) !important;
}
.bx-lightest {
  border-left: 1px solid var(--color--grey--lightest) !important;
  border-right: 1px solid var(--color--grey--lightest) !important;
}
.by-lightest {
  border-top: 1px solid var(--color--grey--lightest) !important;
  border-bottom: 1px solid var(--color--grey--lightest) !important;
}
.b-lightest {
  border: 1px solid var(--color--grey--lightest) !important;
}
.bt-lighter {
  border-top: 1px solid var(--color--grey--lighter) !important;
}
.bb-lighter {
  border-bottom: 1px solid var(--color--grey--lighter) !important;
}
.bl-lighter {
  border-left: 1px solid var(--color--grey--lighter) !important;
}
.br-lighter {
  border-right: 1px solid var(--color--grey--lighter) !important;
}
.bx-lighter {
  border-left: 1px solid var(--color--grey--lighter) !important;
  border-right: 1px solid var(--color--grey--lighter) !important;
}
.by-lighter {
  border-top: 1px solid var(--color--grey--lighter) !important;
  border-bottom: 1px solid var(--color--grey--lighter) !important;
}
.b-lighter {
  border: 1px solid var(--color--grey--lighter) !important;
}
.bt-light {
  border-top: 1px solid var(--color--grey--light) !important;
}
.bb-light {
  border-bottom: 1px solid var(--color--grey--light) !important;
}
.bl-light {
  border-left: 1px solid var(--color--grey--light) !important;
}
.br-light {
  border-right: 1px solid var(--color--grey--light) !important;
}
.bx-light {
  border-left: 1px solid var(--color--grey--light) !important;
  border-right: 1px solid var(--color--grey--light) !important;
}
.by-light {
  border-top: 1px solid var(--color--grey--light) !important;
  border-bottom: 1px solid var(--color--grey--light) !important;
}
.b-light {
  border: 1px solid var(--color--grey--light) !important;
}
.bt {
  border-top: 1px solid var(--color--grey) !important;
}
.bb {
  border-bottom: 1px solid var(--color--grey) !important;
}
.bl {
  border-left: 1px solid var(--color--grey) !important;
}
.br {
  border-right: 1px solid var(--color--grey) !important;
}
.bx {
  border-left: 1px solid var(--color--grey) !important;
  border-right: 1px solid var(--color--grey) !important;
}
.by {
  border-top: 1px solid var(--color--grey) !important;
  border-bottom: 1px solid var(--color--grey) !important;
}
.b {
  border: 1px solid var(--color--grey) !important;
}
.bt-dark {
  border-top: 1px solid var(--color--grey--dark) !important;
}
.bb-dark {
  border-bottom: 1px solid var(--color--grey--dark) !important;
}
.bl-dark {
  border-left: 1px solid var(--color--grey--dark) !important;
}
.br-dark {
  border-right: 1px solid var(--color--grey--dark) !important;
}
.bx-dark {
  border-left: 1px solid var(--color--grey--dark) !important;
  border-right: 1px solid var(--color--grey--dark) !important;
}
.by-dark {
  border-top: 1px solid var(--color--grey--dark) !important;
  border-bottom: 1px solid var(--color--grey--dark) !important;
}
.b-dark {
  border: 1px solid var(--color--grey--dark) !important;
}
.bt-darker {
  border-top: 1px solid var(--color--grey--darker) !important;
}
.bb-darker {
  border-bottom: 1px solid var(--color--grey--darker) !important;
}
.bl-darker {
  border-left: 1px solid var(--color--grey--darker) !important;
}
.br-darker {
  border-right: 1px solid var(--color--grey--darker) !important;
}
.bx-darker {
  border-left: 1px solid var(--color--grey--darker) !important;
  border-right: 1px solid var(--color--grey--darker) !important;
}
.by-darker {
  border-top: 1px solid var(--color--grey--darker) !important;
  border-bottom: 1px solid var(--color--grey--darker) !important;
}
.b-darker {
  border: 1px solid var(--color--grey--darker) !important;
}
.bt-darkest {
  border-top: 1px solid var(--color--grey--darkest) !important;
}
.bb-darkest {
  border-bottom: 1px solid var(--color--grey--darkest) !important;
}
.bl-darkest {
  border-left: 1px solid var(--color--grey--darkest) !important;
}
.br-darkest {
  border-right: 1px solid var(--color--grey--darkest) !important;
}
.bx-darkest {
  border-left: 1px solid var(--color--grey--darkest) !important;
  border-right: 1px solid var(--color--grey--darkest) !important;
}
.by-darkest {
  border-top: 1px solid var(--color--grey--darkest) !important;
  border-bottom: 1px solid var(--color--grey--darkest) !important;
}
.b-darkest {
  border: 1px solid var(--color--grey--darkest) !important;
}
.radius-1 {
  border-radius: var(--radius--1) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-2 {
  border-radius: var(--radius--2) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-3 {
  border-radius: var(--radius--3) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-4 {
  border-radius: var(--radius--4) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-5 {
  border-radius: var(--radius--5) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-6 {
  border-radius: var(--radius--6) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-7 {
  border-radius: var(--radius--7) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-0 {
  border-radius: 0 !important;
}
.radius-circle {
  overflow: hidden;
  border-radius: 50% !important;
  background-clip: padding-box;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex > * {
    flex: 1 1 100%;
}
.flex--wrap {
  flex-wrap: wrap;
}
.flex--inline {
  display: inline-flex;
}
.flex--fit > * {
  flex: 0 0 auto;
}
.flex--left {
  justify-content: flex-start;
}
.flex--right {
  justify-content: flex-end;
}
.flex--center {
  justify-content: center;
}
.flex--between {
  justify-content: space-between;
}
.flex--around {
  justify-content: space-around;
}
.flex--evenly {
  justify-content: space-evenly;
}
.flex--top {
  align-items: flex-start;
}
.flex--bottom {
  align-items: flex-end;
}
.flex--middle {
  align-items: center;
}
.flex--stretch {
  align-items: stretch;
}
.flex--column {
  flex-direction: column;
}
.flex--row {
  flex-direction: row;
}
.flex__fluid {
  flex: 1 1 auto;
}
.flex__fit {
  flex: 0 0 auto;
}
.o-1 {
  order: 1;
}
.o-2 {
  order: 2;
}
.o-3 {
  order: 3;
}
.o-4 {
  order: 4;
}
.o-5 {
  order: 5;
}
.o-6 {
  order: 6;
}
.o-7 {
  order: 7;
}
.o-8 {
  order: 8;
}
.o-9 {
  order: 9;
}
.o-10 {
  order: 10;
}
.o-11 {
  order: 11;
}
.o-12 {
  order: 12;
}
.o-first {
  order: -9999;
}
.o-last {
  order: 9999;
}
.o-reset {
  order: initial;
}
.flex--nowrap {
  flex-wrap: nowrap;
}
@media only screen and (min-width: 576px) {
.flex__fluid\:phablet {
    flex: 1 1 auto;
}
.flex__fit\:phablet {
    flex: 0 0 auto;
}
.o-1\:phablet {
    order: 1;
}
.o-2\:phablet {
    order: 2;
}
.o-3\:phablet {
    order: 3;
}
.o-4\:phablet {
    order: 4;
}
.o-5\:phablet {
    order: 5;
}
.o-6\:phablet {
    order: 6;
}
.o-7\:phablet {
    order: 7;
}
.o-8\:phablet {
    order: 8;
}
.o-9\:phablet {
    order: 9;
}
.o-10\:phablet {
    order: 10;
}
.o-11\:phablet {
    order: 11;
}
.o-12\:phablet {
    order: 12;
}
.o-first\:phablet {
    order: -9999;
}
.o-last\:phablet {
    order: 9999;
}
.o-reset\:phablet {
    order: initial;
}
.flex--nowrap\:phablet {
    flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
.flex__fluid\:tablet {
    flex: 1 1 auto;
}
.flex__fit\:tablet {
    flex: 0 0 auto;
}
.o-1\:tablet {
    order: 1;
}
.o-2\:tablet {
    order: 2;
}
.o-3\:tablet {
    order: 3;
}
.o-4\:tablet {
    order: 4;
}
.o-5\:tablet {
    order: 5;
}
.o-6\:tablet {
    order: 6;
}
.o-7\:tablet {
    order: 7;
}
.o-8\:tablet {
    order: 8;
}
.o-9\:tablet {
    order: 9;
}
.o-10\:tablet {
    order: 10;
}
.o-11\:tablet {
    order: 11;
}
.o-12\:tablet {
    order: 12;
}
.o-first\:tablet {
    order: -9999;
}
.o-last\:tablet {
    order: 9999;
}
.o-reset\:tablet {
    order: initial;
}
.flex--nowrap\:tablet {
    flex-wrap: nowrap;
}
}
@media only screen and (min-width: 992px) {
.flex__fluid\:laptop {
    flex: 1 1 auto;
}
.flex__fit\:laptop {
    flex: 0 0 auto;
}
.o-1\:laptop {
    order: 1;
}
.o-2\:laptop {
    order: 2;
}
.o-3\:laptop {
    order: 3;
}
.o-4\:laptop {
    order: 4;
}
.o-5\:laptop {
    order: 5;
}
.o-6\:laptop {
    order: 6;
}
.o-7\:laptop {
    order: 7;
}
.o-8\:laptop {
    order: 8;
}
.o-9\:laptop {
    order: 9;
}
.o-10\:laptop {
    order: 10;
}
.o-11\:laptop {
    order: 11;
}
.o-12\:laptop {
    order: 12;
}
.o-first\:laptop {
    order: -9999;
}
.o-last\:laptop {
    order: 9999;
}
.o-reset\:laptop {
    order: initial;
}
.flex--nowrap\:laptop {
    flex-wrap: nowrap;
}
}
@media only screen and (min-width: 1200px) {
.flex__fluid\:desktop {
    flex: 1 1 auto;
}
.flex__fit\:desktop {
    flex: 0 0 auto;
}
.o-1\:desktop {
    order: 1;
}
.o-2\:desktop {
    order: 2;
}
.o-3\:desktop {
    order: 3;
}
.o-4\:desktop {
    order: 4;
}
.o-5\:desktop {
    order: 5;
}
.o-6\:desktop {
    order: 6;
}
.o-7\:desktop {
    order: 7;
}
.o-8\:desktop {
    order: 8;
}
.o-9\:desktop {
    order: 9;
}
.o-10\:desktop {
    order: 10;
}
.o-11\:desktop {
    order: 11;
}
.o-12\:desktop {
    order: 12;
}
.o-first\:desktop {
    order: -9999;
}
.o-last\:desktop {
    order: 9999;
}
.o-reset\:desktop {
    order: initial;
}
.flex--nowrap\:desktop {
    flex-wrap: nowrap;
}
}
.shadow-1 {
  box-shadow: var(--shadow--1);
}
.shadow-2 {
  box-shadow: var(--shadow--2);
}
.shadow-3 {
  box-shadow: var(--shadow--3);
}
.shadow-4 {
  box-shadow: var(--shadow--4);
}
.shadow-5 {
  box-shadow: var(--shadow--5);
}
.shadow-6 {
  box-shadow: var(--shadow--6);
}
.shadow-7 {
  box-shadow: var(--shadow--7);
}
.w-1 {
  width: 4px;
}
.w-2 {
  width: 8px;
}
.w-3 {
  width: 16px;
}
.w-4 {
  width: 24px;
}
.w-5 {
  width: 48px;
}
.w-6 {
  width: 72px;
}
.w-7 {
  width: 96px;
}
.w-auto {
  width: auto;
}
.w-100 {
  width: 100%;
}
@media only screen and (min-width: 576px) {
.w-auto\:phablet {
    width: auto;
}
.w-100\:phablet {
    width: 100%;
}
}
@media only screen and (min-width: 768px) {
.w-auto\:tablet {
    width: auto;
}
.w-100\:tablet {
    width: 100%;
}
}
@media only screen and (min-width: 992px) {
.w-auto\:laptop {
    width: auto;
}
.w-100\:laptop {
    width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.w-auto\:desktop {
    width: auto;
}
.w-100\:desktop {
    width: 100%;
}
}
.h-1 {
  height: 4px;
}
.h-2 {
  height: 8px;
}
.h-3 {
  height: 16px;
}
.h-4 {
  height: 24px;
}
.h-5 {
  height: 48px;
}
.h-6 {
  height: 72px;
}
.h-7 {
  height: 96px;
}
.h-auto {
  height: auto;
}
.h-100 {
  height: 100%;
}
@media only screen and (min-width: 576px) {
.h-auto\:phablet {
    height: auto;
}
.h-100\:phablet {
    height: 100%;
}
}
@media only screen and (min-width: 768px) {
.h-auto\:tablet {
    height: auto;
}
.h-100\:tablet {
    height: 100%;
}
}
@media only screen and (min-width: 992px) {
.h-auto\:laptop {
    height: auto;
}
.h-100\:laptop {
    height: 100%;
}
}
@media only screen and (min-width: 1200px) {
.h-auto\:desktop {
    height: auto;
}
.h-100\:desktop {
    height: 100%;
}
}
.g-1 {
  gap: 4px;
}
.gx-1 {
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.gy-1 {
  row-gap: 4px;
}
.g-2 {
  gap: 8px;
}
.gx-2 {
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.gy-2 {
  row-gap: 8px;
}
.g-3 {
  gap: 16px;
}
.gx-3 {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.gy-3 {
  row-gap: 16px;
}
.g-4 {
  gap: 24px;
}
.gx-4 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.gy-4 {
  row-gap: 24px;
}
.g-5 {
  gap: 48px;
}
.gx-5 {
  -moz-column-gap: 48px;
       column-gap: 48px;
}
.gy-5 {
  row-gap: 48px;
}
.g-6 {
  gap: 72px;
}
.gx-6 {
  -moz-column-gap: 72px;
       column-gap: 72px;
}
.gy-6 {
  row-gap: 72px;
}
.g-7 {
  gap: 96px;
}
.gx-7 {
  -moz-column-gap: 96px;
       column-gap: 96px;
}
.gy-7 {
  row-gap: 96px;
}
.g-0 {
  gap: 0px;
}
.gx-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.gy-0 {
  row-gap: 0px;
}
@media only screen and (min-width: 576px) {
.g-1\:phablet {
    gap: 4px;
}
.gx-1\:phablet {
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.gy-1\:phablet {
    row-gap: 4px;
}
.g-2\:phablet {
    gap: 8px;
}
.gx-2\:phablet {
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.gy-2\:phablet {
    row-gap: 8px;
}
.g-3\:phablet {
    gap: 16px;
}
.gx-3\:phablet {
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.gy-3\:phablet {
    row-gap: 16px;
}
.g-4\:phablet {
    gap: 24px;
}
.gx-4\:phablet {
    -moz-column-gap: 24px;
         column-gap: 24px;
}
.gy-4\:phablet {
    row-gap: 24px;
}
.g-5\:phablet {
    gap: 48px;
}
.gx-5\:phablet {
    -moz-column-gap: 48px;
         column-gap: 48px;
}
.gy-5\:phablet {
    row-gap: 48px;
}
.g-6\:phablet {
    gap: 72px;
}
.gx-6\:phablet {
    -moz-column-gap: 72px;
         column-gap: 72px;
}
.gy-6\:phablet {
    row-gap: 72px;
}
.g-7\:phablet {
    gap: 96px;
}
.gx-7\:phablet {
    -moz-column-gap: 96px;
         column-gap: 96px;
}
.gy-7\:phablet {
    row-gap: 96px;
}
.g-0\:phablet {
    gap: 0px;
}
.gx-0\:phablet {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gy-0\:phablet {
    row-gap: 0px;
}
}
@media only screen and (min-width: 768px) {
.g-1\:tablet {
    gap: 4px;
}
.gx-1\:tablet {
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.gy-1\:tablet {
    row-gap: 4px;
}
.g-2\:tablet {
    gap: 8px;
}
.gx-2\:tablet {
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.gy-2\:tablet {
    row-gap: 8px;
}
.g-3\:tablet {
    gap: 16px;
}
.gx-3\:tablet {
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.gy-3\:tablet {
    row-gap: 16px;
}
.g-4\:tablet {
    gap: 24px;
}
.gx-4\:tablet {
    -moz-column-gap: 24px;
         column-gap: 24px;
}
.gy-4\:tablet {
    row-gap: 24px;
}
.g-5\:tablet {
    gap: 48px;
}
.gx-5\:tablet {
    -moz-column-gap: 48px;
         column-gap: 48px;
}
.gy-5\:tablet {
    row-gap: 48px;
}
.g-6\:tablet {
    gap: 72px;
}
.gx-6\:tablet {
    -moz-column-gap: 72px;
         column-gap: 72px;
}
.gy-6\:tablet {
    row-gap: 72px;
}
.g-7\:tablet {
    gap: 96px;
}
.gx-7\:tablet {
    -moz-column-gap: 96px;
         column-gap: 96px;
}
.gy-7\:tablet {
    row-gap: 96px;
}
.g-0\:tablet {
    gap: 0px;
}
.gx-0\:tablet {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gy-0\:tablet {
    row-gap: 0px;
}
}
@media only screen and (min-width: 992px) {
.g-1\:laptop {
    gap: 4px;
}
.gx-1\:laptop {
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.gy-1\:laptop {
    row-gap: 4px;
}
.g-2\:laptop {
    gap: 8px;
}
.gx-2\:laptop {
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.gy-2\:laptop {
    row-gap: 8px;
}
.g-3\:laptop {
    gap: 16px;
}
.gx-3\:laptop {
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.gy-3\:laptop {
    row-gap: 16px;
}
.g-4\:laptop {
    gap: 24px;
}
.gx-4\:laptop {
    -moz-column-gap: 24px;
         column-gap: 24px;
}
.gy-4\:laptop {
    row-gap: 24px;
}
.g-5\:laptop {
    gap: 48px;
}
.gx-5\:laptop {
    -moz-column-gap: 48px;
         column-gap: 48px;
}
.gy-5\:laptop {
    row-gap: 48px;
}
.g-6\:laptop {
    gap: 72px;
}
.gx-6\:laptop {
    -moz-column-gap: 72px;
         column-gap: 72px;
}
.gy-6\:laptop {
    row-gap: 72px;
}
.g-7\:laptop {
    gap: 96px;
}
.gx-7\:laptop {
    -moz-column-gap: 96px;
         column-gap: 96px;
}
.gy-7\:laptop {
    row-gap: 96px;
}
.g-0\:laptop {
    gap: 0px;
}
.gx-0\:laptop {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gy-0\:laptop {
    row-gap: 0px;
}
}
@media only screen and (min-width: 1200px) {
.g-1\:desktop {
    gap: 4px;
}
.gx-1\:desktop {
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.gy-1\:desktop {
    row-gap: 4px;
}
.g-2\:desktop {
    gap: 8px;
}
.gx-2\:desktop {
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.gy-2\:desktop {
    row-gap: 8px;
}
.g-3\:desktop {
    gap: 16px;
}
.gx-3\:desktop {
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.gy-3\:desktop {
    row-gap: 16px;
}
.g-4\:desktop {
    gap: 24px;
}
.gx-4\:desktop {
    -moz-column-gap: 24px;
         column-gap: 24px;
}
.gy-4\:desktop {
    row-gap: 24px;
}
.g-5\:desktop {
    gap: 48px;
}
.gx-5\:desktop {
    -moz-column-gap: 48px;
         column-gap: 48px;
}
.gy-5\:desktop {
    row-gap: 48px;
}
.g-6\:desktop {
    gap: 72px;
}
.gx-6\:desktop {
    -moz-column-gap: 72px;
         column-gap: 72px;
}
.gy-6\:desktop {
    row-gap: 72px;
}
.g-7\:desktop {
    gap: 96px;
}
.gx-7\:desktop {
    -moz-column-gap: 96px;
         column-gap: 96px;
}
.gy-7\:desktop {
    row-gap: 96px;
}
.g-0\:desktop {
    gap: 0px;
}
.gx-0\:desktop {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gy-0\:desktop {
    row-gap: 0px;
}
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 0.1;
}
.opacity-2 {
  opacity: 0.2;
}
.opacity-3 {
  opacity: 0.3;
}
.opacity-4 {
  opacity: 0.4;
}
.opacity-5 {
  opacity: 0.5;
}
.opacity-6 {
  opacity: 0.6;
}
.opacity-7 {
  opacity: 0.7;
}
.opacity-8 {
  opacity: 0.8;
}
.opacity-9 {
  opacity: 0.9;
}
.hide {
  display: none !important;
}
.list-reset {
  list-style: none;
  padding: 0;
  margin: 0;
}
@-webkit-keyframes shilp-loader {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes shilp-loader {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@-webkit-keyframes shilp-shimmer {
0% {
    background-position: -1200px 0;
}
100% {
    background-position: 1200px 0;
}
}
@keyframes shilp-shimmer {
0% {
    background-position: -1200px 0;
}
100% {
    background-position: 1200px 0;
}
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
*::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.button {
  font-weight: bold;
}
.is-sticky {
  position: sticky;
  top: 20px;
  z-index: 10;
}
.default-image {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #eaeaea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-wrap {
  white-space: nowrap;
}
.select-modify .vs__dropdown-toggle {
  height: auto !important;
  min-height: 40px !important;
  background: var(--color--primary--lightest);
  border: none;
}
.select-modify .vs__actions .vs__clear {
  display: none;
}
.select-modify.vs--single.vs--open .vs__selected {
  margin-top: 10px;
}
.select-modify.select-disable .vs__dropdown-toggle {
  background-color: var(--color--primary--lightest);
}
.custom-file {
  display: flex;
}
.custom-file .button {
    margin-left: auto;
    margin-right: -8px;
}
.is-disabled {
  opacity: 0.8;
  pointer-events: none;
  cursor: not-allowed;
}
.max-400 {
  width: 400px;
}
.text-break {
  height: auto !important;
  white-space: nowrap;
}
.text-break span {
    white-space: normal;
    font-weight: normal !important;
    line-height: 20px;
}
.table.max-400 td {
  vertical-align: top;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transform-capitalize {
  text-transform: capitalize !important;
}
.user-profile {
  display: flex;
  align-items: center;
}
.user-profile__image {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color--primary--dark);
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-profile__image img {
      width: 100%;
}
.user-profile__image svg {
      fill: var(--color--light);
      opacity: 0.5;
}
.user-profile__image__lg {
      width: 50px !important;
      height: 50px !important;
      flex: 0 0 50px !important;
}
.user-profile__content {
    margin-left: 10px;
}
.text-fb {
  color: #3b5998;
}
.text-google {
  color: #db4a39;
}
a.breadcrumbs__item:hover {
  color: var(--color--primary) !important;
}
:root {
  --color--primary--lightest: #fef5eb;
  --color--primary--lighter: #fddccc;
  --color--primary--light: #ee4a42;
  --color--primary: #e40913;
  --color--primary--dark: #c40620;
  --color--primary--darker: #84022b;
  --color--primary--darkest: #6d012c;
  --color--secondary--lightest: #d5defe;
  --color--secondary--lighter: #acbcfe;
  --color--secondary--light: #637dfe;
  --color--secondary: #304ffe;
  --color--secondary--dark: #233bda;
  --color--secondary--darker: #182bb6;
  --color--secondary--darkest: #0f1c93;
  --color--accent--lightest: #fff3e0;
  --color--accent--lighter: #ffcc80;
  --color--accent--light: #ffb74d;
  --color--accent: #ff9800;
  --color--accent--dark: #f57c00;
  --color--accent--darker: #ef6c00;
  --color--accent--darkest: #e65100;
  --color--danger--lightest: #ffebee;
  --color--danger--lighter: #ef9a9a;
  --color--danger--light: #e57373;
  --color--danger: #f44336;
  --color--danger--dark: #d32f2f;
  --color--danger--darker: #c62828;
  --color--danger--darkest: #b71c1c;
  --color--warning--lightest: #fff3e0;
  --color--warning--lighter: #ffcc80;
  --color--warning--light: #ffb74d;
  --color--warning: #ff9800;
  --color--warning--dark: #f57c00;
  --color--warning--darker: #ef6c00;
  --color--warning--darkest: #e65100;
  --color--success--lightest: #e8f5e9;
  --color--success--lighter: #a5d6a7;
  --color--success--light: #81c784;
  --color--success: #4caf50;
  --color--success--dark: #388e3c;
  --color--success--darker: #2e7d32;
  --color--success--darkest: #1b5e20;
  --color--info--lightest: #e3f2fd;
  --color--info--lighter: #90caf9;
  --color--info--light: #64b5f6;
  --color--info: #2196f3;
  --color--info--dark: #1976d2;
  --color--info--darker: #1565c0;
  --color--info--darkest: #0d47a1;
  --color--grey--lightest: #e2e8f0;
  --color--grey--lighter: #cbd5e1;
  --color--grey--light: #94a3b8;
  --color--grey: #64748b;
  --color--grey--dark: #475569;
  --color--grey--darker: #334155;
  --color--grey--darkest: #1e293b;
  --color--light: #ffffff;
  --color--dark: #000000;
  --color--orange--lightest: #fff3e0;
  --color--orange--lighter: #ffe0b2;
  --color--orange--light: #ffb74d;
  --color--orange: #ff9800;
  --color--orange--dark: #fb8c00;
  --color--orange--darker: #ef6c00;
  --color--orange--darkest: #e65100;
  --color--amber--lightest: #fff8e1;
  --color--amber--lighter: #ffecb3;
  --color--amber--light: #ffd54f;
  --color--amber: #ffc107;
  --color--amber--dark: #ffa000;
  --color--amber--darker: #ff8f00;
  --color--amber--darkest: #ff6f00;
  --color--lime--lightest: #f9fbe7;
  --color--lime--lighter: #f0f4c3;
  --color--lime--light: #dce775;
  --color--lime: #cddc39;
  --color--lime--dark: #afb42b;
  --color--lime--darker: #9e9d24;
  --color--lime--darkest: #827717;
  --color--green--lightest: #e8f5e9;
  --color--green--lighter: #c8e6c9;
  --color--green--light: #81c784;
  --color--green: #4caf50;
  --color--green--dark: #388e3c;
  --color--green--darker: #2e7d32;
  --color--green--darkest: #1b5e20;
  --color--cyan--lightest: #e0f7fa;
  --color--cyan--lighter: #b2ebf2;
  --color--cyan--light: #4dd0e1;
  --color--cyan: #00bcd4;
  --color--cyan--dark: #0097a7;
  --color--cyan--darker: #00838f;
  --color--cyan--darkest: #006064;
  --color--blue--lightest: #e3f2fd;
  --color--blue--lighter: #bbdefb;
  --color--blue--light: #64b5f6;
  --color--blue: #2196f3;
  --color--blue--dark: #1976d2;
  --color--blue--darker: #1565c0;
  --color--blue--darkest: #0d47a1;
  --color--indigo--lightest: #e8eaf6;
  --color--indigo--lighter: #c5cae9;
  --color--indigo--light: #7986cb;
  --color--indigo: #3f51b5;
  --color--indigo--dark: #303f9f;
  --color--indigo--darker: #283593;
  --color--indigo--darkest: #1a237e;
  --color--purple--lightest: #f3e5f5;
  --color--purple--lighter: #e1bee7;
  --color--purple--light: #ba68c8;
  --color--purple: #9c27b0;
  --color--purple--dark: #7b1fa2;
  --color--purple--darker: #6a1b9a;
  --color--purple--darkest: #4a148c;
  --color--pink--lightest: #fce4ec;
  --color--pink--lighter: #f8bbd0;
  --color--pink--light: #f06292;
  --color--pink: #e91e63;
  --color--pink--dark: #c2185b;
  --color--pink--darker: #ad1457;
  --color--pink--darkest: #880e4f;
  --color--red--lightest: #ffebee;
  --color--red--lighter: #ffcdd2;
  --color--red--light: #e57373;
  --color--red: #f44336;
  --color--red--dark: #d32f2f;
  --color--red--darker: #c62828;
  --color--red--darkest: #b71c1c;
  --gradient--primary--1: #bd00cc;
  --gradient--primary--2: #f67f29;
  --gradient--secondary--1: #a745ef;
  --gradient--secondary--2: #44bffd;
  --text--xxl: 48px;
  --text--xl: 36px;
  --text--lg: 24px;
  --text--md: 18px;
  --text--sm: 14px;
  --text--xs: 12px;
  --text--system: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, "Segoe UI",Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text--heading: DM Sans,-apple-system, BlinkMacSystemFont, Roboto, Helvetica, "Segoe UI",Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text--content: DM Sans,-apple-system, BlinkMacSystemFont, Roboto, Helvetica, "Segoe UI",Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text--code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace,-apple-system, BlinkMacSystemFont, Roboto, Helvetica, "Segoe UI",Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --text--emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --field--xxs: 18px;
  --field--xs: 24px;
  --field--sm: 32px;
  --field--md: 40px;
  --field--lg: 48px;
  --field--xl: 56px;
  --field-text--xxs: var(--text--xs);
  --field-text--xs: var(--text--xs);
  --field-text--sm: var(--text--xs);
  --field-text--md: var(--text--sm);
  --field-text--lg: var(--text--sm);
  --field-text--xl: var(--text--md);
  --field-icon--xxs: 12px;
  --field-icon--xs: 14px;
  --field-icon--sm: 16px;
  --field-icon--md: 20px;
  --field-icon--lg: 24px;
  --field-icon--xl: 28px;
  --radius--1: 2px;
  --radius--2: 4px;
  --radius--3: 6px;
  --radius--4: 12px;
  --radius--5: 18px;
  --radius--6: 24px;
  --radius--7: 30px;
  --space--1: 4px;
  --space--2: 8px;
  --space--3: 16px;
  --space--4: 24px;
  --space--5: 48px;
  --space--6: 72px;
  --space--7: 96px;
  --shadow--1: 0px 4px 0px 0px rgba(0, 0, 0, 0.2);
  --shadow--2: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --shadow--3: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow--4: 0px 16px 32px 0px rgba(0, 0, 0, 0.2);
  --shadow--5: 0px 24px 48px 0px rgba(0, 0, 0, 0.2);
  --shadow--6: 0px 32px 64px 0px rgba(0, 0, 0, 0.2);
  --shadow--7: 0px 40px 80px 0px rgba(0, 0, 0, 0.2);
}
body {
  margin: 0;
  padding: 0;
  font-size: var(--text--sm);
  font-family: var(--text--content);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
img,
svg {
  vertical-align: top;
}
strong,
b {
  font-weight: bold;
}
a {
  color: inherit;
}
small {
  font-size: var(--text--xs);
}
code {
  font-family: var(--text--code);
}
p,
pre {
  margin-top: 0;
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--text--heading);
  font-weight: bold;
  margin: 0;
}
input,
button,
select,
textarea {
  font-family: var(--text--content);
}
h1 {
  font-size: var(--text--xxl);
}
h2 {
  font-size: var(--text--xl);
}
h3 {
  font-size: var(--text--lg);
}
h4 {
  font-size: var(--text--md);
}
h5 {
  font-size: var(--text--sm);
}
h6 {
  font-size: var(--text--xs);
}
.box {
  --box--size: 100%;
  --box--padding: 16px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--box--padding);
  padding-right: var(--box--padding);
}
.box:not(.box--fluid) {
    max-width: var(--box--size);
}
.-box {
  margin-left: -16px;
  margin-right: -16px;
}
.box--fluid {
  --box--size: "none";
}
@media only screen and (min-width: 576px) {
.box:not(.box--fluid) {
    --box--size: 576px;
}
}
@media only screen and (min-width: 768px) {
.box:not(.box--fluid) {
    --box--size: 768px;
}
}
@media only screen and (min-width: 992px) {
.box:not(.box--fluid) {
    --box--size: 992px;
}
}
@media only screen and (min-width: 1200px) {
.box:not(.box--fluid) {
    --box--size: 1200px;
}
}
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.column {
  grid-column-end: span 12;
}
.column--1 {
  grid-column-end: span 1;
}
.column--2 {
  grid-column-end: span 2;
}
.column--3 {
  grid-column-end: span 3;
}
.column--4 {
  grid-column-end: span 4;
}
.column--5 {
  grid-column-end: span 5;
}
.column--6 {
  grid-column-end: span 6;
}
.column--7 {
  grid-column-end: span 7;
}
.column--8 {
  grid-column-end: span 8;
}
.column--9 {
  grid-column-end: span 9;
}
.column--10 {
  grid-column-end: span 10;
}
.column--11 {
  grid-column-end: span 11;
}
.column--12 {
  grid-column-end: span 12;
}
.c-1 {
  grid-column-start: 1;
}
.r-1 {
  grid-row-start: 1;
}
.c-2 {
  grid-column-start: 2;
}
.r-2 {
  grid-row-start: 2;
}
.c-3 {
  grid-column-start: 3;
}
.r-3 {
  grid-row-start: 3;
}
.c-4 {
  grid-column-start: 4;
}
.r-4 {
  grid-row-start: 4;
}
.c-5 {
  grid-column-start: 5;
}
.r-5 {
  grid-row-start: 5;
}
.c-6 {
  grid-column-start: 6;
}
.r-6 {
  grid-row-start: 6;
}
.c-7 {
  grid-column-start: 7;
}
.r-7 {
  grid-row-start: 7;
}
.c-8 {
  grid-column-start: 8;
}
.r-8 {
  grid-row-start: 8;
}
.c-9 {
  grid-column-start: 9;
}
.r-9 {
  grid-row-start: 9;
}
.c-10 {
  grid-column-start: 10;
}
.r-10 {
  grid-row-start: 10;
}
.c-11 {
  grid-column-start: 11;
}
.r-11 {
  grid-row-start: 11;
}
.c-12 {
  grid-column-start: 12;
}
.r-12 {
  grid-row-start: 12;
}
@media only screen and (min-width: 576px) {
.column--1\:phablet {
    grid-column-end: span 1;
}
.column--2\:phablet {
    grid-column-end: span 2;
}
.column--3\:phablet {
    grid-column-end: span 3;
}
.column--4\:phablet {
    grid-column-end: span 4;
}
.column--5\:phablet {
    grid-column-end: span 5;
}
.column--6\:phablet {
    grid-column-end: span 6;
}
.column--7\:phablet {
    grid-column-end: span 7;
}
.column--8\:phablet {
    grid-column-end: span 8;
}
.column--9\:phablet {
    grid-column-end: span 9;
}
.column--10\:phablet {
    grid-column-end: span 10;
}
.column--11\:phablet {
    grid-column-end: span 11;
}
.column--12\:phablet {
    grid-column-end: span 12;
}
.c-1\:phablet {
    grid-column-start: 1;
}
.r-1\:phablet {
    grid-row-start: 1;
}
.c-2\:phablet {
    grid-column-start: 2;
}
.r-2\:phablet {
    grid-row-start: 2;
}
.c-3\:phablet {
    grid-column-start: 3;
}
.r-3\:phablet {
    grid-row-start: 3;
}
.c-4\:phablet {
    grid-column-start: 4;
}
.r-4\:phablet {
    grid-row-start: 4;
}
.c-5\:phablet {
    grid-column-start: 5;
}
.r-5\:phablet {
    grid-row-start: 5;
}
.c-6\:phablet {
    grid-column-start: 6;
}
.r-6\:phablet {
    grid-row-start: 6;
}
.c-7\:phablet {
    grid-column-start: 7;
}
.r-7\:phablet {
    grid-row-start: 7;
}
.c-8\:phablet {
    grid-column-start: 8;
}
.r-8\:phablet {
    grid-row-start: 8;
}
.c-9\:phablet {
    grid-column-start: 9;
}
.r-9\:phablet {
    grid-row-start: 9;
}
.c-10\:phablet {
    grid-column-start: 10;
}
.r-10\:phablet {
    grid-row-start: 10;
}
.c-11\:phablet {
    grid-column-start: 11;
}
.r-11\:phablet {
    grid-row-start: 11;
}
.c-12\:phablet {
    grid-column-start: 12;
}
.r-12\:phablet {
    grid-row-start: 12;
}
}
@media only screen and (min-width: 768px) {
.column--1\:tablet {
    grid-column-end: span 1;
}
.column--2\:tablet {
    grid-column-end: span 2;
}
.column--3\:tablet {
    grid-column-end: span 3;
}
.column--4\:tablet {
    grid-column-end: span 4;
}
.column--5\:tablet {
    grid-column-end: span 5;
}
.column--6\:tablet {
    grid-column-end: span 6;
}
.column--7\:tablet {
    grid-column-end: span 7;
}
.column--8\:tablet {
    grid-column-end: span 8;
}
.column--9\:tablet {
    grid-column-end: span 9;
}
.column--10\:tablet {
    grid-column-end: span 10;
}
.column--11\:tablet {
    grid-column-end: span 11;
}
.column--12\:tablet {
    grid-column-end: span 12;
}
.c-1\:tablet {
    grid-column-start: 1;
}
.r-1\:tablet {
    grid-row-start: 1;
}
.c-2\:tablet {
    grid-column-start: 2;
}
.r-2\:tablet {
    grid-row-start: 2;
}
.c-3\:tablet {
    grid-column-start: 3;
}
.r-3\:tablet {
    grid-row-start: 3;
}
.c-4\:tablet {
    grid-column-start: 4;
}
.r-4\:tablet {
    grid-row-start: 4;
}
.c-5\:tablet {
    grid-column-start: 5;
}
.r-5\:tablet {
    grid-row-start: 5;
}
.c-6\:tablet {
    grid-column-start: 6;
}
.r-6\:tablet {
    grid-row-start: 6;
}
.c-7\:tablet {
    grid-column-start: 7;
}
.r-7\:tablet {
    grid-row-start: 7;
}
.c-8\:tablet {
    grid-column-start: 8;
}
.r-8\:tablet {
    grid-row-start: 8;
}
.c-9\:tablet {
    grid-column-start: 9;
}
.r-9\:tablet {
    grid-row-start: 9;
}
.c-10\:tablet {
    grid-column-start: 10;
}
.r-10\:tablet {
    grid-row-start: 10;
}
.c-11\:tablet {
    grid-column-start: 11;
}
.r-11\:tablet {
    grid-row-start: 11;
}
.c-12\:tablet {
    grid-column-start: 12;
}
.r-12\:tablet {
    grid-row-start: 12;
}
}
@media only screen and (min-width: 992px) {
.column--1\:laptop {
    grid-column-end: span 1;
}
.column--2\:laptop {
    grid-column-end: span 2;
}
.column--3\:laptop {
    grid-column-end: span 3;
}
.column--4\:laptop {
    grid-column-end: span 4;
}
.column--5\:laptop {
    grid-column-end: span 5;
}
.column--6\:laptop {
    grid-column-end: span 6;
}
.column--7\:laptop {
    grid-column-end: span 7;
}
.column--8\:laptop {
    grid-column-end: span 8;
}
.column--9\:laptop {
    grid-column-end: span 9;
}
.column--10\:laptop {
    grid-column-end: span 10;
}
.column--11\:laptop {
    grid-column-end: span 11;
}
.column--12\:laptop {
    grid-column-end: span 12;
}
.c-1\:laptop {
    grid-column-start: 1;
}
.r-1\:laptop {
    grid-row-start: 1;
}
.c-2\:laptop {
    grid-column-start: 2;
}
.r-2\:laptop {
    grid-row-start: 2;
}
.c-3\:laptop {
    grid-column-start: 3;
}
.r-3\:laptop {
    grid-row-start: 3;
}
.c-4\:laptop {
    grid-column-start: 4;
}
.r-4\:laptop {
    grid-row-start: 4;
}
.c-5\:laptop {
    grid-column-start: 5;
}
.r-5\:laptop {
    grid-row-start: 5;
}
.c-6\:laptop {
    grid-column-start: 6;
}
.r-6\:laptop {
    grid-row-start: 6;
}
.c-7\:laptop {
    grid-column-start: 7;
}
.r-7\:laptop {
    grid-row-start: 7;
}
.c-8\:laptop {
    grid-column-start: 8;
}
.r-8\:laptop {
    grid-row-start: 8;
}
.c-9\:laptop {
    grid-column-start: 9;
}
.r-9\:laptop {
    grid-row-start: 9;
}
.c-10\:laptop {
    grid-column-start: 10;
}
.r-10\:laptop {
    grid-row-start: 10;
}
.c-11\:laptop {
    grid-column-start: 11;
}
.r-11\:laptop {
    grid-row-start: 11;
}
.c-12\:laptop {
    grid-column-start: 12;
}
.r-12\:laptop {
    grid-row-start: 12;
}
}
@media only screen and (min-width: 1200px) {
.column--1\:desktop {
    grid-column-end: span 1;
}
.column--2\:desktop {
    grid-column-end: span 2;
}
.column--3\:desktop {
    grid-column-end: span 3;
}
.column--4\:desktop {
    grid-column-end: span 4;
}
.column--5\:desktop {
    grid-column-end: span 5;
}
.column--6\:desktop {
    grid-column-end: span 6;
}
.column--7\:desktop {
    grid-column-end: span 7;
}
.column--8\:desktop {
    grid-column-end: span 8;
}
.column--9\:desktop {
    grid-column-end: span 9;
}
.column--10\:desktop {
    grid-column-end: span 10;
}
.column--11\:desktop {
    grid-column-end: span 11;
}
.column--12\:desktop {
    grid-column-end: span 12;
}
.c-1\:desktop {
    grid-column-start: 1;
}
.r-1\:desktop {
    grid-row-start: 1;
}
.c-2\:desktop {
    grid-column-start: 2;
}
.r-2\:desktop {
    grid-row-start: 2;
}
.c-3\:desktop {
    grid-column-start: 3;
}
.r-3\:desktop {
    grid-row-start: 3;
}
.c-4\:desktop {
    grid-column-start: 4;
}
.r-4\:desktop {
    grid-row-start: 4;
}
.c-5\:desktop {
    grid-column-start: 5;
}
.r-5\:desktop {
    grid-row-start: 5;
}
.c-6\:desktop {
    grid-column-start: 6;
}
.r-6\:desktop {
    grid-row-start: 6;
}
.c-7\:desktop {
    grid-column-start: 7;
}
.r-7\:desktop {
    grid-row-start: 7;
}
.c-8\:desktop {
    grid-column-start: 8;
}
.r-8\:desktop {
    grid-row-start: 8;
}
.c-9\:desktop {
    grid-column-start: 9;
}
.r-9\:desktop {
    grid-row-start: 9;
}
.c-10\:desktop {
    grid-column-start: 10;
}
.r-10\:desktop {
    grid-row-start: 10;
}
.c-11\:desktop {
    grid-column-start: 11;
}
.r-11\:desktop {
    grid-row-start: 11;
}
.c-12\:desktop {
    grid-column-start: 12;
}
.r-12\:desktop {
    grid-row-start: 12;
}
}
.grid {
  --grid--items: 4;
  display: grid !important;
  grid-template-columns: repeat(var(--grid--items), 1fr);
}
.grid--1 {
  --grid--items: 1;
}
.grid--2 {
  --grid--items: 2;
}
.grid--3 {
  --grid--items: 3;
}
.grid--4 {
  --grid--items: 4;
}
.grid--5 {
  --grid--items: 5;
}
.grid--6 {
  --grid--items: 6;
}
.grid--7 {
  --grid--items: 7;
}
.grid--8 {
  --grid--items: 8;
}
@media only screen and (min-width: 576px) {
.grid--1\:phablet {
    --grid--items: 1;
}
.grid--2\:phablet {
    --grid--items: 2;
}
.grid--3\:phablet {
    --grid--items: 3;
}
.grid--4\:phablet {
    --grid--items: 4;
}
.grid--5\:phablet {
    --grid--items: 5;
}
.grid--6\:phablet {
    --grid--items: 6;
}
.grid--7\:phablet {
    --grid--items: 7;
}
.grid--8\:phablet {
    --grid--items: 8;
}
}
@media only screen and (min-width: 768px) {
.grid--1\:tablet {
    --grid--items: 1;
}
.grid--2\:tablet {
    --grid--items: 2;
}
.grid--3\:tablet {
    --grid--items: 3;
}
.grid--4\:tablet {
    --grid--items: 4;
}
.grid--5\:tablet {
    --grid--items: 5;
}
.grid--6\:tablet {
    --grid--items: 6;
}
.grid--7\:tablet {
    --grid--items: 7;
}
.grid--8\:tablet {
    --grid--items: 8;
}
}
@media only screen and (min-width: 992px) {
.grid--1\:laptop {
    --grid--items: 1;
}
.grid--2\:laptop {
    --grid--items: 2;
}
.grid--3\:laptop {
    --grid--items: 3;
}
.grid--4\:laptop {
    --grid--items: 4;
}
.grid--5\:laptop {
    --grid--items: 5;
}
.grid--6\:laptop {
    --grid--items: 6;
}
.grid--7\:laptop {
    --grid--items: 7;
}
.grid--8\:laptop {
    --grid--items: 8;
}
}
@media only screen and (min-width: 1200px) {
.grid--1\:desktop {
    --grid--items: 1;
}
.grid--2\:desktop {
    --grid--items: 2;
}
.grid--3\:desktop {
    --grid--items: 3;
}
.grid--4\:desktop {
    --grid--items: 4;
}
.grid--5\:desktop {
    --grid--items: 5;
}
.grid--6\:desktop {
    --grid--items: 6;
}
.grid--7\:desktop {
    --grid--items: 7;
}
.grid--8\:desktop {
    --grid--items: 8;
}
}
.button,
.button-group {
  --button--bg: transparent;
  --button--color: var(--color--dark);
  --button--hover-bg: transparent;
  --button--hover-color: var(--color--dark);
  --button--border: 0px;
  --button--size: var(--field--md);
  --button--font-size: var(--field-text--md);
  --button--icon-size: var(--field-icon--md);
  --button--radius: 4px;
  --button--tab-border-size: 2px;
}
.button {
  background: transparent;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-family: var(--text--content);
  text-decoration: none;
  line-height: 1;
  justify-content: center;
  background-color: var(--button--bg);
  color: var(--button--color);
  border: var(--button--border) solid var(--button--color);
  height: var(--button--size);
  padding: 0px calc(var(--button--size) / 2);
  font-size: var(--button--font-size);
  border-radius: var(--button--radius);
  position: relative;
}
.button svg {
    height: var(--button--icon-size) !important;
    width: var(--button--icon-size) !important;
}
.button path {
    fill: currentColor;
}
.button:hover {
    text-decoration: none;
}
.button:hover:not(:disabled) {
      color: var(--button--hover-color);
      background-color: var(--button--hover-bg);
}
.button:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}
.button.loader span,
  .button.loader .button__icon {
    visibility: hidden;
}
.button__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.button__icon ~ .button__label {
    -webkit-margin-start: var(--space--2);
            margin-inline-start: var(--space--2);
}
.button__emoji {
  font-family: var(--text--emoji);
}
.button--fluid {
  display: flex;
  width: 100%;
}
.button--left {
  justify-content: flex-start;
}
.button--left .button__icon ~ .button__label {
    -webkit-margin-start: var(--space--2);
            margin-inline-start: var(--space--2);
    -webkit-margin-end: 0;
            margin-inline-end: 0;
}
.button--right {
  flex-direction: row-reverse;
  justify-content: space-between;
  text-align: right;
}
.button--right .button__icon ~ .button__label {
    -webkit-margin-end: var(--space--2);
            margin-inline-end: var(--space--2);
    -webkit-margin-start: 0;
            margin-inline-start: 0;
}
.button--primary {
  --button--bg: var(--color--primary);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--primary--darker);
}
.button--secondary {
  --button--bg: var(--color--secondary);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--secondary--darker);
}
.button--accent {
  --button--bg: var(--color--accent);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--accent--darker);
}
.button--danger {
  --button--bg: var(--color--danger);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--danger--darker);
}
.button--warning {
  --button--bg: var(--color--warning);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--warning--darker);
}
.button--success {
  --button--bg: var(--color--success);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--success--darker);
}
.button--info {
  --button--bg: var(--color--info);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--info--darker);
}
.button--grey {
  --button--bg: var(--color--grey);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--grey--darker);
}
.button--light {
  --button--bg: var(--color--light);
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--hover-bg: var(--color--light);
}
.button--dark {
  --button--bg: var(--color--dark);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--dark);
}
.button--orange {
  --button--bg: var(--color--orange);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--orange--darker);
}
.button--amber {
  --button--bg: var(--color--amber);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--amber--darker);
}
.button--lime {
  --button--bg: var(--color--lime);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--lime--darker);
}
.button--green {
  --button--bg: var(--color--green);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--green--darker);
}
.button--cyan {
  --button--bg: var(--color--cyan);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--cyan--darker);
}
.button--blue {
  --button--bg: var(--color--blue);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--blue--darker);
}
.button--indigo {
  --button--bg: var(--color--indigo);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--indigo--darker);
}
.button--purple {
  --button--bg: var(--color--purple);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--purple--darker);
}
.button--pink {
  --button--bg: var(--color--pink);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--pink--darker);
}
.button--red {
  --button--bg: var(--color--red);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--red--darker);
}
.button--primary.button--trn {
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--secondary.button--trn {
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--accent.button--trn {
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--danger.button--trn {
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--warning.button--trn {
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--success.button--trn {
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--info.button--trn {
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--grey.button--trn {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--light.button--trn {
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--dark.button--trn {
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--orange.button--trn {
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--amber.button--trn {
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--lime.button--trn {
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--green.button--trn {
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--cyan.button--trn {
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--blue.button--trn {
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--indigo.button--trn {
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--purple.button--trn {
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--pink.button--trn {
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--red.button--trn {
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
}
.button--primary.button--solid {
  --button--bg: var(--color--primary);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--primary--darker);
}
.button--secondary.button--solid {
  --button--bg: var(--color--secondary);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--secondary--darker);
}
.button--accent.button--solid {
  --button--bg: var(--color--accent);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--accent--darker);
}
.button--danger.button--solid {
  --button--bg: var(--color--danger);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--danger--darker);
}
.button--warning.button--solid {
  --button--bg: var(--color--warning);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--warning--darker);
}
.button--success.button--solid {
  --button--bg: var(--color--success);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--success--darker);
}
.button--info.button--solid {
  --button--bg: var(--color--info);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--info--darker);
}
.button--grey.button--solid {
  --button--bg: var(--color--grey);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--grey--darker);
}
.button--light.button--solid {
  --button--bg: var(--color--light);
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--hover-bg: var(--color--light);
}
.button--dark.button--solid {
  --button--bg: var(--color--dark);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--dark);
}
.button--orange.button--solid {
  --button--bg: var(--color--orange);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--orange--darker);
}
.button--amber.button--solid {
  --button--bg: var(--color--amber);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--amber--darker);
}
.button--lime.button--solid {
  --button--bg: var(--color--lime);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--lime--darker);
}
.button--green.button--solid {
  --button--bg: var(--color--green);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--green--darker);
}
.button--cyan.button--solid {
  --button--bg: var(--color--cyan);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--cyan--darker);
}
.button--blue.button--solid {
  --button--bg: var(--color--blue);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--blue--darker);
}
.button--indigo.button--solid {
  --button--bg: var(--color--indigo);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--indigo--darker);
}
.button--purple.button--solid {
  --button--bg: var(--color--purple);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--purple--darker);
}
.button--pink.button--solid {
  --button--bg: var(--color--pink);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--pink--darker);
}
.button--red.button--solid {
  --button--bg: var(--color--red);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--red--darker);
}
.button--primary.button--outline {
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary);
  --button--hover-bg: var(--color--primary--lightest);
}
.button--secondary.button--outline {
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary);
  --button--hover-bg: var(--color--secondary--lightest);
}
.button--accent.button--outline {
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent);
  --button--hover-bg: var(--color--accent--lightest);
}
.button--danger.button--outline {
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger);
  --button--hover-bg: var(--color--danger--lightest);
}
.button--warning.button--outline {
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning);
  --button--hover-bg: var(--color--warning--lightest);
}
.button--success.button--outline {
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success);
  --button--hover-bg: var(--color--success--lightest);
}
.button--info.button--outline {
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info);
  --button--hover-bg: var(--color--info--lightest);
}
.button--grey.button--outline {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey);
  --button--hover-bg: var(--color--grey--lightest);
}
.button--light.button--outline {
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--light--lightest);
}
.button--dark.button--outline {
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--hover-bg: var(--color--dark--lightest);
}
.button--orange.button--outline {
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange);
  --button--hover-bg: var(--color--orange--lightest);
}
.button--amber.button--outline {
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber);
  --button--hover-bg: var(--color--amber--lightest);
}
.button--lime.button--outline {
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime);
  --button--hover-bg: var(--color--lime--lightest);
}
.button--green.button--outline {
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green);
  --button--hover-bg: var(--color--green--lightest);
}
.button--cyan.button--outline {
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan);
  --button--hover-bg: var(--color--cyan--lightest);
}
.button--blue.button--outline {
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue);
  --button--hover-bg: var(--color--blue--lightest);
}
.button--indigo.button--outline {
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo);
  --button--hover-bg: var(--color--indigo--lightest);
}
.button--purple.button--outline {
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple);
  --button--hover-bg: var(--color--purple--lightest);
}
.button--pink.button--outline {
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink);
  --button--hover-bg: var(--color--pink--lightest);
}
.button--red.button--outline {
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red);
  --button--hover-bg: var(--color--red--lightest);
}
.button--primary.button--muted {
  --button--bg: var(--color--primary--lightest);
  --button--hover-bg: var(--color--primary--lightest);
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary--darkest);
}
.button--secondary.button--muted {
  --button--bg: var(--color--secondary--lightest);
  --button--hover-bg: var(--color--secondary--lightest);
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary--darkest);
}
.button--accent.button--muted {
  --button--bg: var(--color--accent--lightest);
  --button--hover-bg: var(--color--accent--lightest);
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent--darkest);
}
.button--danger.button--muted {
  --button--bg: var(--color--danger--lightest);
  --button--hover-bg: var(--color--danger--lightest);
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger--darkest);
}
.button--warning.button--muted {
  --button--bg: var(--color--warning--lightest);
  --button--hover-bg: var(--color--warning--lightest);
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning--darkest);
}
.button--success.button--muted {
  --button--bg: var(--color--success--lightest);
  --button--hover-bg: var(--color--success--lightest);
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success--darkest);
}
.button--info.button--muted {
  --button--bg: var(--color--info--lightest);
  --button--hover-bg: var(--color--info--lightest);
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info--darkest);
}
.button--grey.button--muted {
  --button--bg: var(--color--grey--lightest);
  --button--hover-bg: var(--color--grey--lightest);
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey--darkest);
}
.button--light.button--muted {
  --button--bg: var(--color--light--lightest);
  --button--hover-bg: var(--color--light--lightest);
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light--darkest);
}
.button--dark.button--muted {
  --button--bg: var(--color--dark--lightest);
  --button--hover-bg: var(--color--dark--lightest);
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark--darkest);
}
.button--orange.button--muted {
  --button--bg: var(--color--orange--lightest);
  --button--hover-bg: var(--color--orange--lightest);
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange--darkest);
}
.button--amber.button--muted {
  --button--bg: var(--color--amber--lightest);
  --button--hover-bg: var(--color--amber--lightest);
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber--darkest);
}
.button--lime.button--muted {
  --button--bg: var(--color--lime--lightest);
  --button--hover-bg: var(--color--lime--lightest);
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime--darkest);
}
.button--green.button--muted {
  --button--bg: var(--color--green--lightest);
  --button--hover-bg: var(--color--green--lightest);
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green--darkest);
}
.button--cyan.button--muted {
  --button--bg: var(--color--cyan--lightest);
  --button--hover-bg: var(--color--cyan--lightest);
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan--darkest);
}
.button--blue.button--muted {
  --button--bg: var(--color--blue--lightest);
  --button--hover-bg: var(--color--blue--lightest);
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue--darkest);
}
.button--indigo.button--muted {
  --button--bg: var(--color--indigo--lightest);
  --button--hover-bg: var(--color--indigo--lightest);
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo--darkest);
}
.button--purple.button--muted {
  --button--bg: var(--color--purple--lightest);
  --button--hover-bg: var(--color--purple--lightest);
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple--darkest);
}
.button--pink.button--muted {
  --button--bg: var(--color--pink--lightest);
  --button--hover-bg: var(--color--pink--lightest);
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink--darkest);
}
.button--red.button--muted {
  --button--bg: var(--color--red--lightest);
  --button--hover-bg: var(--color--red--lightest);
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red--darkest);
}
.button--primary.button--gradient {
  background: linear-gradient(90deg, var(--gradient--primary--1) 0%, var(--gradient--primary--2) 100%);
}
.button--secondary.button--gradient {
  background: linear-gradient(90deg, var(--gradient--secondary--1) 0%, var(--gradient--secondary--2) 100%);
}
.button--accent.button--gradient {
  background: linear-gradient(90deg, var(--gradient--accent--1) 0%, var(--gradient--accent--2) 100%);
}
.button--danger.button--gradient {
  background: linear-gradient(90deg, var(--gradient--danger--1) 0%, var(--gradient--danger--2) 100%);
}
.button--warning.button--gradient {
  background: linear-gradient(90deg, var(--gradient--warning--1) 0%, var(--gradient--warning--2) 100%);
}
.button--success.button--gradient {
  background: linear-gradient(90deg, var(--gradient--success--1) 0%, var(--gradient--success--2) 100%);
}
.button--info.button--gradient {
  background: linear-gradient(90deg, var(--gradient--info--1) 0%, var(--gradient--info--2) 100%);
}
.button--grey.button--gradient {
  background: linear-gradient(90deg, var(--gradient--grey--1) 0%, var(--gradient--grey--2) 100%);
}
.button--light.button--gradient {
  background: linear-gradient(90deg, var(--gradient--light--1) 0%, var(--gradient--light--2) 100%);
}
.button--dark.button--gradient {
  background: linear-gradient(90deg, var(--gradient--dark--1) 0%, var(--gradient--dark--2) 100%);
}
.button--orange.button--gradient {
  background: linear-gradient(90deg, var(--gradient--orange--1) 0%, var(--gradient--orange--2) 100%);
}
.button--amber.button--gradient {
  background: linear-gradient(90deg, var(--gradient--amber--1) 0%, var(--gradient--amber--2) 100%);
}
.button--lime.button--gradient {
  background: linear-gradient(90deg, var(--gradient--lime--1) 0%, var(--gradient--lime--2) 100%);
}
.button--green.button--gradient {
  background: linear-gradient(90deg, var(--gradient--green--1) 0%, var(--gradient--green--2) 100%);
}
.button--cyan.button--gradient {
  background: linear-gradient(90deg, var(--gradient--cyan--1) 0%, var(--gradient--cyan--2) 100%);
}
.button--blue.button--gradient {
  background: linear-gradient(90deg, var(--gradient--blue--1) 0%, var(--gradient--blue--2) 100%);
}
.button--indigo.button--gradient {
  background: linear-gradient(90deg, var(--gradient--indigo--1) 0%, var(--gradient--indigo--2) 100%);
}
.button--purple.button--gradient {
  background: linear-gradient(90deg, var(--gradient--purple--1) 0%, var(--gradient--purple--2) 100%);
}
.button--pink.button--gradient {
  background: linear-gradient(90deg, var(--gradient--pink--1) 0%, var(--gradient--pink--2) 100%);
}
.button--red.button--gradient {
  background: linear-gradient(90deg, var(--gradient--red--1) 0%, var(--gradient--red--2) 100%);
}
.button--primary.button--tab.button--active {
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary);
  --button--bg: var(--color--primary);
  --button--hover-bg: var(--color--primary);
}
.button--secondary.button--tab.button--active {
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary);
  --button--bg: var(--color--secondary);
  --button--hover-bg: var(--color--secondary);
}
.button--accent.button--tab.button--active {
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent);
  --button--bg: var(--color--accent);
  --button--hover-bg: var(--color--accent);
}
.button--danger.button--tab.button--active {
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger);
  --button--bg: var(--color--danger);
  --button--hover-bg: var(--color--danger);
}
.button--warning.button--tab.button--active {
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning);
  --button--bg: var(--color--warning);
  --button--hover-bg: var(--color--warning);
}
.button--success.button--tab.button--active {
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success);
  --button--bg: var(--color--success);
  --button--hover-bg: var(--color--success);
}
.button--info.button--tab.button--active {
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info);
  --button--bg: var(--color--info);
  --button--hover-bg: var(--color--info);
}
.button--grey.button--tab.button--active {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey);
  --button--bg: var(--color--grey);
  --button--hover-bg: var(--color--grey);
}
.button--light.button--tab.button--active {
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--bg: var(--color--light);
  --button--hover-bg: var(--color--light);
}
.button--dark.button--tab.button--active {
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--bg: var(--color--dark);
  --button--hover-bg: var(--color--dark);
}
.button--orange.button--tab.button--active {
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange);
  --button--bg: var(--color--orange);
  --button--hover-bg: var(--color--orange);
}
.button--amber.button--tab.button--active {
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber);
  --button--bg: var(--color--amber);
  --button--hover-bg: var(--color--amber);
}
.button--lime.button--tab.button--active {
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime);
  --button--bg: var(--color--lime);
  --button--hover-bg: var(--color--lime);
}
.button--green.button--tab.button--active {
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green);
  --button--bg: var(--color--green);
  --button--hover-bg: var(--color--green);
}
.button--cyan.button--tab.button--active {
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan);
  --button--bg: var(--color--cyan);
  --button--hover-bg: var(--color--cyan);
}
.button--blue.button--tab.button--active {
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue);
  --button--bg: var(--color--blue);
  --button--hover-bg: var(--color--blue);
}
.button--indigo.button--tab.button--active {
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo);
  --button--bg: var(--color--indigo);
  --button--hover-bg: var(--color--indigo);
}
.button--purple.button--tab.button--active {
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple);
  --button--bg: var(--color--purple);
  --button--hover-bg: var(--color--purple);
}
.button--pink.button--tab.button--active {
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink);
  --button--bg: var(--color--pink);
  --button--hover-bg: var(--color--pink);
}
.button--red.button--tab.button--active {
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red);
  --button--bg: var(--color--red);
  --button--hover-bg: var(--color--red);
}
.button--primary.button--link {
  --button--color: var(--color--primary);
  --button--hover-color: var(--color--primary--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--secondary.button--link {
  --button--color: var(--color--secondary);
  --button--hover-color: var(--color--secondary--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--accent.button--link {
  --button--color: var(--color--accent);
  --button--hover-color: var(--color--accent--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--danger.button--link {
  --button--color: var(--color--danger);
  --button--hover-color: var(--color--danger--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--warning.button--link {
  --button--color: var(--color--warning);
  --button--hover-color: var(--color--warning--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--success.button--link {
  --button--color: var(--color--success);
  --button--hover-color: var(--color--success--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--info.button--link {
  --button--color: var(--color--info);
  --button--hover-color: var(--color--info--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--grey.button--link {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--light.button--link {
  --button--color: var(--color--light);
  --button--hover-color: var(--color--light);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--dark.button--link {
  --button--color: var(--color--dark);
  --button--hover-color: var(--color--dark);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--orange.button--link {
  --button--color: var(--color--orange);
  --button--hover-color: var(--color--orange--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--amber.button--link {
  --button--color: var(--color--amber);
  --button--hover-color: var(--color--amber--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--lime.button--link {
  --button--color: var(--color--lime);
  --button--hover-color: var(--color--lime--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--green.button--link {
  --button--color: var(--color--green);
  --button--hover-color: var(--color--green--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--cyan.button--link {
  --button--color: var(--color--cyan);
  --button--hover-color: var(--color--cyan--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--blue.button--link {
  --button--color: var(--color--blue);
  --button--hover-color: var(--color--blue--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--indigo.button--link {
  --button--color: var(--color--indigo);
  --button--hover-color: var(--color--indigo--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--purple.button--link {
  --button--color: var(--color--purple);
  --button--hover-color: var(--color--purple--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--pink.button--link {
  --button--color: var(--color--pink);
  --button--hover-color: var(--color--pink--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--red.button--link {
  --button--color: var(--color--red);
  --button--hover-color: var(--color--red--darker);
  --button--bg: transparent;
  --button--hover-bg: transparent;
  padding: 0;
  height: auto;
}
.button--xxs {
  --button--size: var(--field--xxs);
  --button--font-size: var(--field-text--xxs);
  --button--icon-size: 12px;
}
.button--xs {
  --button--size: var(--field--xs);
  --button--font-size: var(--field-text--xs);
  --button--icon-size: 14px;
}
.button--sm {
  --button--size: var(--field--sm);
  --button--font-size: var(--field-text--sm);
  --button--icon-size: 16px;
}
.button--md {
  --button--size: var(--field--md);
  --button--font-size: var(--field-text--md);
  --button--icon-size: 20px;
}
.button--lg {
  --button--size: var(--field--lg);
  --button--font-size: var(--field-text--lg);
  --button--icon-size: 24px;
}
.button--xl {
  --button--size: var(--field--xl);
  --button--font-size: var(--field-text--xl);
  --button--icon-size: 28px;
}
.button--outline {
  --button--border: 1px;
  --button--bg: transparent;
}
.button--tab {
  --button--color: var(--color--grey);
  --button--hover-color: var(--color--grey);
  --button--bg: var(--color--grey--lighter);
  --button--hover-bg: var(--color--grey--lighter);
  position: relative;
  background-color: transparent;
  color: var(--button--color);
}
.button--tab:after {
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--button--tab-border-size);
    background-color: var(--button--color);
    display: none;
}
.button--tab:hover:not(:disabled) {
    background-color: transparent;
    --button--hover-color: var(--color--primary);
}
.button--tab.button--active {
    --button--color: var(--color--primary);
    --button--hover-color: var(--color--primary);
    background: transparent;
}
.button--tab.button--active:after {
      display: block;
}
.button--square,
.button--circle {
  padding: 0 !important;
  justify-content: center;
  width: var(--button--size);
}
.button--circle {
  --button--radius: 50%;
}
.button--pill {
  --button--radius: 9999px;
}
.button--rectangle {
  --button--radius: 0px;
}
.button--badge {
  pointer-events: none;
  vertical-align: top;
}
.button--wrap {
  word-break: break-word;
  white-space: initial;
  padding-top: calc(var(--button--size) / 3);
  padding-bottom: calc(var(--button--size) / 3);
  height: auto;
  line-height: initial;
}
.button-group--join {
  display: inline-flex;
}
.button-group--join > .button:not(:nth-of-type(1)):not(:nth-last-of-type(1)),
  .button-group--join > .choice:not(:nth-of-type(1)):not(:nth-last-of-type(1)) .button {
    border-radius: 0;
}
.button-group--join:not(.button-group--stack) > .button:nth-of-type(1),
  .button-group--join:not(.button-group--stack) > .choice:nth-of-type(1) .button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.button-group--join:not(.button-group--stack) > .button:nth-last-of-type(1),
  .button-group--join:not(.button-group--stack) > .choice:nth-last-of-type(1) .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.button-group--join:not(.button-group--stack) > .button + .button,
  .button-group--join:not(.button-group--stack) > .choice + .choice .button {
    border-left: none;
}
.button-group--join.button-group--stack > .button:nth-of-type(1),
  .button-group--join.button-group--stack > .choice:nth-of-type(1) .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.button-group--join.button-group--stack > .button:nth-last-of-type(1),
  .button-group--join.button-group--stack > .choice:nth-last-of-type(1) .button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.button-group--join.button-group--stack > .button + .button,
  .button-group--join.button-group--stack > .choice + .choice .button {
    border-top: none;
}
.button-group--stack {
  flex-direction: column;
}
.button-group--fluid {
  display: flex;
}
.button-group--fluid .button {
    flex: 1 1 auto;
}
.field {
  --field--radius: 4px;
  --field--border-width: 0px;
  --field--border-color: var(--color--grey--light);
  --field--optional-text: "— Optional";
  --field--circum-color: var(--color--grey);
  --field--circum-bg: var(--color--grey--lightest);
  --field--focus-color: var(--color--grey--lightest);
  --field--size: var(--field--md);
  --field--text-size: var(--field-text--md);
  --field--icon-size: var(--field-icon--md);
  position: relative;
}
.field .material-design-icon {
    display: flex;
}
.field__label {
  display: flex;
  margin-bottom: 4px;
  color: var(--color--grey--dark);
  align-items: center;
}
.field__desc {
  display: flex;
  margin-top: var(--space--2);
  color: var(--color--grey);
}
.field__message {
  color: var(--field--border-color);
}
.field-block {
  font-family: var(--text--content);
  color: #000;
  width: 100%;
  outline: 0;
  padding: 0 var(--space--2);
  border: var(--field--border-width) solid var(--field--border-color);
  border-radius: var(--field--radius);
  min-width: 0px;
  font-size: var(--field--text-size);
  overflow: hidden;
  background-color: var(--field--circum-bg);
}
.field-block > * {
    font-size: var(--field--text-size);
}
.field-block:not(textarea) {
    height: var(--field--size);
    line-height: var(--field--size);
}
.field-block:focus {
    box-shadow: inset 0 0 0 3px var(--field--focus-color);
    position: relative;
}
.field-block:disabled {
    color: var(--color--grey);
    background-color: var(--color--grey--lightest);
}
textarea.field-block {
  padding: var(--space--2);
  overflow: auto;
}
.field__content {
  display: flex;
  align-items: stretch;
}
.field__content > * {
    border-radius: 0;
}
.field__content > *:first-child {
      border-radius: var(--field--radius) 0 0 var(--field--radius);
}
.field__content > *:last-child {
      border-radius: 0 var(--field--radius) var(--field--radius) 0;
}
.field__content > *:only-child {
      border-radius: var(--field--radius);
      flex: 1 1 auto;
}
.field__content > .field + .field {
    margin-top: 0;
}
.field__before,
.field__after {
  flex: 0 0 auto;
  min-width: var(--field--size);
  border: var(--field--border-width) solid var(--field--border-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px var(--space--2);
  background-color: var(--field--circum-bg);
  color: var(--field--circum-color);
}
.field__before {
  border-right: none;
}
.field__after {
  border-left: none;
}
.field__icon svg {
  height: var(--field--icon-size) !important;
  width: var(--field--icon-size) !important;
}
.field--xxs {
  --field--size: var(--field--xxs);
  --field--text-size: var(--field-text--xxs);
  --field--icon-size: var(--field-icon--xxs);
}
.field--xs {
  --field--size: var(--field--xs);
  --field--text-size: var(--field-text--xs);
  --field--icon-size: var(--field-icon--xs);
}
.field--sm {
  --field--size: var(--field--sm);
  --field--text-size: var(--field-text--sm);
  --field--icon-size: var(--field-icon--sm);
}
.field--md {
  --field--size: var(--field--md);
  --field--text-size: var(--field-text--md);
  --field--icon-size: var(--field-icon--md);
}
.field--lg {
  --field--size: var(--field--lg);
  --field--text-size: var(--field-text--lg);
  --field--icon-size: var(--field-icon--lg);
}
.field--xl {
  --field--size: var(--field--xl);
  --field--text-size: var(--field-text--xl);
  --field--icon-size: var(--field-icon--xl);
}
.field--inline {
  display: grid;
  grid-template-rows: 1fr -webkit-min-content;
  grid-template-rows: 1fr min-content;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
}
.field--inline .field__label {
    margin: 0;
}
.field--inline .field__content {
    justify-content: flex-end;
}
.field--inline .field__desc {
    grid-column: 1 / 3;
}
.field--auto {
  --field--size: auto;
}
.field--danger {
  --field--border-color: var(--color--danger);
  --field--circum-bg: var(--color--danger--lightest);
  --field--circum-color: var(--color--danger--darker);
  --field--focus-color: var(--color--danger--lightest);
}
.field--warning {
  --field--border-color: var(--color--warning);
  --field--circum-bg: var(--color--warning--lightest);
  --field--circum-color: var(--color--warning--darker);
  --field--focus-color: var(--color--warning--lightest);
}
.field--success {
  --field--border-color: var(--color--success);
  --field--circum-bg: var(--color--success--lightest);
  --field--circum-color: var(--color--success--darker);
  --field--focus-color: var(--color--success--lightest);
}
.field--info {
  --field--border-color: var(--color--info);
  --field--circum-bg: var(--color--info--lightest);
  --field--circum-color: var(--color--info--darker);
  --field--focus-color: var(--color--info--lightest);
}
.field--optional > label:after {
  content: var(--field--optional-text);
  font-style: italic;
  margin-left: var(--space--1);
  color: var(--color--grey);
  font-size: 11px;
}
.field-block--view {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.field-block--view > * {
    margin: 0;
}
.field--underline,
.field-group--underline .field {
  --field--radius: 0;
  --field--circum-bg: --color(light);
}
.field--underline .field__before,
  .field--underline .field__after,
  .field--underline .field-block:not(textarea),
  .field-group--underline .field .field__before,
  .field-group--underline .field .field__after,
  .field-group--underline .field .field-block:not(textarea) {
    border-top: none;
    border-left: none;
    border-right: none;
}
.field--outline,
.field-group--outline .field {
  --field--border-width: 1px;
  --field--circum-bg: transparent;
}
.field-group {
  display: grid;
}
.field-group--xxs .field {
  --field--size: var(--field--xxs);
  --field--text-size: var(--field-text--xxs);
  --field--icon-size: var(--field-icon--xxs);
}
.field-group--xs .field {
  --field--size: var(--field--xs);
  --field--text-size: var(--field-text--xs);
  --field--icon-size: var(--field-icon--xs);
}
.field-group--sm .field {
  --field--size: var(--field--sm);
  --field--text-size: var(--field-text--sm);
  --field--icon-size: var(--field-icon--sm);
}
.field-group--md .field {
  --field--size: var(--field--md);
  --field--text-size: var(--field-text--md);
  --field--icon-size: var(--field-icon--md);
}
.field-group--lg .field {
  --field--size: var(--field--lg);
  --field--text-size: var(--field-text--lg);
  --field--icon-size: var(--field-icon--lg);
}
.field-group--xl .field {
  --field--size: var(--field--xl);
  --field--text-size: var(--field-text--xl);
  --field--icon-size: var(--field-icon--xl);
}
.choices {
  display: flex;
  font-size: var(--field--text-size);
}
.choices .choice {
    margin-right: var(--space--3);
}
.choices .choice:last-child {
      margin-right: 0;
}
.choice {
  display: flex;
  align-items: center;
  height: var(--field--size);
  line-height: var(--field--size);
}
.choice > input {
    margin: 0;
}
.choice__label:not(.button) {
  margin-bottom: 0;
  -webkit-margin-start: var(--space--1);
          margin-inline-start: var(--space--1);
  color: #000;
  cursor: pointer;
}
.choice > label.button {
  width: 100%;
}
.choice.choice--custom {
  height: initial;
  line-height: initial;
}
.choice.choice--custom input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.choice.choice--custom .choice__label {
    margin: 0;
    display: block;
    width: 100%;
}
.choice:not(.choice--native):not(.choice--custom) {
  height: auto;
  line-height: initial;
}
.choice:not(.choice--native):not(.choice--custom) input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.choice:not(.choice--native):not(.choice--custom) input:checked ~ .choice__label:before {
      background-color: var(--field--color, var(--color--primary));
      border-color: var(--field--color, var(--color--primary));
}
.choice:not(.choice--native):not(.choice--custom) input[type="checkbox"]:checked ~ .choice__label:before {
      padding: 2px;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%22width:24px;height:24px%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z%22%20/%3E%3C/svg%3E");
}
.choice:not(.choice--native):not(.choice--custom) input[type="radio"] ~ .choice__label:before {
      border-radius: 50%;
}
.choice:not(.choice--native):not(.choice--custom) input[type="radio"]:checked ~ .choice__label:before {
      padding: 4px;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%22width:24px;height:24px%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M12,2A10,10%200%200,0%202,12A10,10%200%200,0%2012,22A10,10%200%200,0%2022,12A10,10%200%200,0%2012,2Z%22%20/%3E%3C/svg%3E");
}
.choice:not(.choice--native):not(.choice--custom) .choice__label {
    display: flex;
    align-items: center;
    margin-left: 0;
}
.choice:not(.choice--native):not(.choice--custom) .choice__label:before {
      content: "";
      width: 18px;
      height: 18px;
      margin-right: 8px;
      border: 2px solid var(--field--border-color, var(--color--grey--light));
      display: flex;
      border-radius: 4px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 10px;
}
.select {
  position: relative;
  padding: 0;
}
.select select {
    font-family: var(--text--content);
    color: #000;
    width: 100%;
    outline: 0;
    padding: 0 var(--space--2);
    border-radius: var(--field--radius);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    padding-right: 32px;
    z-index: 2;
    height: 100%;
    vertical-align: top;
    position: relative;
    outline: none;
}
.select select:disabled {
      background: var(--color--grey--lightest);
      color: var(--color--grey--light);
}
.select:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 32px;
    height: 100%;
    display: block;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%22width:24px;height:24px%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%2364748b%22%20d=%22M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z%22%20/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    z-index: 1;
}
.select.loader:after {
    background-image: none;
}
.file {
  position: relative;
}
.file input[type="file"],
  .file input[type="text"] {
    font-family: var(--text--content);
    color: #000;
    width: 100%;
    outline: 0;
    padding: 0 var(--space--2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: var(--field--radius);
    background-color: transparent;
}
.file input[type="file"] {
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}
.file :not(.file--button) .button {
    position: absolute;
    right: -1px;
    top: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.file--button {
  display: inline-block;
}
.nav {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav--stack {
  flex-direction: column;
}
.nav--stack .nav__link {
    width: 100%;
}
.ratio {
  --ratio--width: 1;
  --ratio--height: 1;
  overflow: hidden;
  padding-bottom: calc(calc(var(--ratio--height) / var(--ratio--width)) * 100%);
  position: relative;
}
.ratio > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ratio--1x1 {
  --ratio--width: 1;
  --ratio--height: 1;
}
.ratio--4x3 {
  --ratio--width: 4;
  --ratio--height: 3;
}
.ratio--3x4 {
  --ratio--width: 3;
  --ratio--height: 4;
}
.ratio--16x9 {
  --ratio--width: 16;
  --ratio--height: 9;
}
.ratio--9x16 {
  --ratio--width: 9;
  --ratio--height: 16;
}
.ratio--18x9 {
  --ratio--width: 18;
  --ratio--height: 9;
}
.ratio--9x18 {
  --ratio--width: 9;
  --ratio--height: 18;
}
.loader {
  --loader--thickness: 3px;
  --loader--base-color: rgba(255, 255, 255, 0.4);
  --loader--color: rgba(255, 255, 255, 0.8);
  --loader--size: 20px;
  position: relative;
  pointer-events: none;
  cursor: wait;
}
.loader:after {
    border-width: var(--loader--thickness);
    width: var(--loader--size);
    height: var(--loader--size);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: var(--loader--color) var(--loader--base-color) var(--loader--base-color) var(--loader--base-color);
    content: "";
    border-radius: 50%;
    border-style: solid;
    display: block;
    z-index: 3;
    -webkit-animation-name: shilp-loader;
            animation-name: shilp-loader;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    margin: auto;
}
.loader--dark {
  --loader--color: rgba(0, 0, 0, 0.6);
  --loader--base-color: rgba(0, 0, 0, 0.2);
}
.loader--xxs {
  --loader--size: 12px;
}
.loader--xs {
  --loader--size: 14px;
}
.loader--sm {
  --loader--size: 16px;
}
.loader--md {
  --loader--size: 20px;
}
.loader--lg {
  --loader--size: 24px;
}
.loader--xl {
  --loader--size: 28px;
}
.alert {
  --alert--bg: transparent;
  --alert--color: #000000;
  --alert--border: 0px;
  --alert--border-color: transparent;
  --alert--padding: var(--space--3);
  --alert--radius: 4px;
  display: inline-grid;
  background-color: var(--alert--bg);
  color: var(--alert--color);
  border: var(--alert--border) solid var(--alert--border-color);
  padding: var(--alert--padding);
  border-radius: var(--alert--radius);
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
.alert__message {
  font-size: var(--text--md);
}
.alert__body {
  color: var(--alert--body-color);
  grid-row: 2 / 3;
  grid-column: 1 / 3;
}
.alert--fluid {
  display: grid;
}
.alert--primary {
  --alert--bg: var(--color--primary);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--primary--lightest);
}
.alert--secondary {
  --alert--bg: var(--color--secondary);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--secondary--lightest);
}
.alert--accent {
  --alert--bg: var(--color--accent);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--accent--lightest);
}
.alert--danger {
  --alert--bg: var(--color--danger);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--danger--lightest);
}
.alert--warning {
  --alert--bg: var(--color--warning);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--warning--lightest);
}
.alert--success {
  --alert--bg: var(--color--success);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--success--lightest);
}
.alert--info {
  --alert--bg: var(--color--info);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--info--lightest);
}
.alert--grey {
  --alert--bg: var(--color--grey);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--grey--lightest);
}
.alert--light {
  --alert--bg: var(--color--light);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--light--lightest);
}
.alert--dark {
  --alert--bg: var(--color--dark);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--dark--lightest);
}
.alert--orange {
  --alert--bg: var(--color--orange);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--orange--lightest);
}
.alert--amber {
  --alert--bg: var(--color--amber);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--amber--lightest);
}
.alert--lime {
  --alert--bg: var(--color--lime);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--lime--lightest);
}
.alert--green {
  --alert--bg: var(--color--green);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--green--lightest);
}
.alert--cyan {
  --alert--bg: var(--color--cyan);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--cyan--lightest);
}
.alert--blue {
  --alert--bg: var(--color--blue);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--blue--lightest);
}
.alert--indigo {
  --alert--bg: var(--color--indigo);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--indigo--lightest);
}
.alert--purple {
  --alert--bg: var(--color--purple);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--purple--lightest);
}
.alert--pink {
  --alert--bg: var(--color--pink);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--pink--lightest);
}
.alert--red {
  --alert--bg: var(--color--red);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--red--lightest);
}
.alert--primary.alert--solid {
  --alert--bg: var(--color--primary);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--primary--lightest);
}
.alert--primary.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--primary--lighter);
  --alert--color: var(--color--primary--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--primary--darker);
}
.alert--primary.alert--muted {
  --alert--bg: var(--color--primary--lightest);
  --alert--color: var(--color--primary);
  --alert--body-color: var(--color--primary);
}
.alert--secondary.alert--solid {
  --alert--bg: var(--color--secondary);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--secondary--lightest);
}
.alert--secondary.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--secondary--lighter);
  --alert--color: var(--color--secondary--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--secondary--darker);
}
.alert--secondary.alert--muted {
  --alert--bg: var(--color--secondary--lightest);
  --alert--color: var(--color--secondary);
  --alert--body-color: var(--color--secondary);
}
.alert--accent.alert--solid {
  --alert--bg: var(--color--accent);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--accent--lightest);
}
.alert--accent.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--accent--lighter);
  --alert--color: var(--color--accent--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--accent--darker);
}
.alert--accent.alert--muted {
  --alert--bg: var(--color--accent--lightest);
  --alert--color: var(--color--accent);
  --alert--body-color: var(--color--accent);
}
.alert--danger.alert--solid {
  --alert--bg: var(--color--danger);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--danger--lightest);
}
.alert--danger.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--danger--lighter);
  --alert--color: var(--color--danger--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--danger--darker);
}
.alert--danger.alert--muted {
  --alert--bg: var(--color--danger--lightest);
  --alert--color: var(--color--danger);
  --alert--body-color: var(--color--danger);
}
.alert--warning.alert--solid {
  --alert--bg: var(--color--warning);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--warning--lightest);
}
.alert--warning.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--warning--lighter);
  --alert--color: var(--color--warning--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--warning--darker);
}
.alert--warning.alert--muted {
  --alert--bg: var(--color--warning--lightest);
  --alert--color: var(--color--warning);
  --alert--body-color: var(--color--warning);
}
.alert--success.alert--solid {
  --alert--bg: var(--color--success);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--success--lightest);
}
.alert--success.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--success--lighter);
  --alert--color: var(--color--success--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--success--darker);
}
.alert--success.alert--muted {
  --alert--bg: var(--color--success--lightest);
  --alert--color: var(--color--success);
  --alert--body-color: var(--color--success);
}
.alert--info.alert--solid {
  --alert--bg: var(--color--info);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--info--lightest);
}
.alert--info.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--info--lighter);
  --alert--color: var(--color--info--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--info--darker);
}
.alert--info.alert--muted {
  --alert--bg: var(--color--info--lightest);
  --alert--color: var(--color--info);
  --alert--body-color: var(--color--info);
}
.alert--grey.alert--solid {
  --alert--bg: var(--color--grey);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--grey--lightest);
}
.alert--grey.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--grey--lighter);
  --alert--color: var(--color--grey--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--grey--darker);
}
.alert--grey.alert--muted {
  --alert--bg: var(--color--grey--lightest);
  --alert--color: var(--color--grey);
  --alert--body-color: var(--color--grey);
}
.alert--light.alert--solid {
  --alert--bg: var(--color--light);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--light--lightest);
}
.alert--light.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--light--lighter);
  --alert--color: var(--color--light--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--light--darker);
}
.alert--light.alert--muted {
  --alert--bg: var(--color--light--lightest);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--light);
}
.alert--dark.alert--solid {
  --alert--bg: var(--color--dark);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--dark--lightest);
}
.alert--dark.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--dark--lighter);
  --alert--color: var(--color--dark--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--dark--darker);
}
.alert--dark.alert--muted {
  --alert--bg: var(--color--dark--lightest);
  --alert--color: var(--color--dark);
  --alert--body-color: var(--color--dark);
}
.alert--orange.alert--solid {
  --alert--bg: var(--color--orange);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--orange--lightest);
}
.alert--orange.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--orange--lighter);
  --alert--color: var(--color--orange--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--orange--darker);
}
.alert--orange.alert--muted {
  --alert--bg: var(--color--orange--lightest);
  --alert--color: var(--color--orange);
  --alert--body-color: var(--color--orange);
}
.alert--amber.alert--solid {
  --alert--bg: var(--color--amber);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--amber--lightest);
}
.alert--amber.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--amber--lighter);
  --alert--color: var(--color--amber--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--amber--darker);
}
.alert--amber.alert--muted {
  --alert--bg: var(--color--amber--lightest);
  --alert--color: var(--color--amber);
  --alert--body-color: var(--color--amber);
}
.alert--lime.alert--solid {
  --alert--bg: var(--color--lime);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--lime--lightest);
}
.alert--lime.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--lime--lighter);
  --alert--color: var(--color--lime--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--lime--darker);
}
.alert--lime.alert--muted {
  --alert--bg: var(--color--lime--lightest);
  --alert--color: var(--color--lime);
  --alert--body-color: var(--color--lime);
}
.alert--green.alert--solid {
  --alert--bg: var(--color--green);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--green--lightest);
}
.alert--green.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--green--lighter);
  --alert--color: var(--color--green--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--green--darker);
}
.alert--green.alert--muted {
  --alert--bg: var(--color--green--lightest);
  --alert--color: var(--color--green);
  --alert--body-color: var(--color--green);
}
.alert--cyan.alert--solid {
  --alert--bg: var(--color--cyan);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--cyan--lightest);
}
.alert--cyan.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--cyan--lighter);
  --alert--color: var(--color--cyan--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--cyan--darker);
}
.alert--cyan.alert--muted {
  --alert--bg: var(--color--cyan--lightest);
  --alert--color: var(--color--cyan);
  --alert--body-color: var(--color--cyan);
}
.alert--blue.alert--solid {
  --alert--bg: var(--color--blue);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--blue--lightest);
}
.alert--blue.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--blue--lighter);
  --alert--color: var(--color--blue--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--blue--darker);
}
.alert--blue.alert--muted {
  --alert--bg: var(--color--blue--lightest);
  --alert--color: var(--color--blue);
  --alert--body-color: var(--color--blue);
}
.alert--indigo.alert--solid {
  --alert--bg: var(--color--indigo);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--indigo--lightest);
}
.alert--indigo.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--indigo--lighter);
  --alert--color: var(--color--indigo--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--indigo--darker);
}
.alert--indigo.alert--muted {
  --alert--bg: var(--color--indigo--lightest);
  --alert--color: var(--color--indigo);
  --alert--body-color: var(--color--indigo);
}
.alert--purple.alert--solid {
  --alert--bg: var(--color--purple);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--purple--lightest);
}
.alert--purple.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--purple--lighter);
  --alert--color: var(--color--purple--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--purple--darker);
}
.alert--purple.alert--muted {
  --alert--bg: var(--color--purple--lightest);
  --alert--color: var(--color--purple);
  --alert--body-color: var(--color--purple);
}
.alert--pink.alert--solid {
  --alert--bg: var(--color--pink);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--pink--lightest);
}
.alert--pink.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--pink--lighter);
  --alert--color: var(--color--pink--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--pink--darker);
}
.alert--pink.alert--muted {
  --alert--bg: var(--color--pink--lightest);
  --alert--color: var(--color--pink);
  --alert--body-color: var(--color--pink);
}
.alert--red.alert--solid {
  --alert--bg: var(--color--red);
  --alert--color: var(--color--light);
  --alert--body-color: var(--color--red--lightest);
}
.alert--red.alert--outline {
  --alert--bg: var(--color--light);
  --alert--border-color: var(--color--red--lighter);
  --alert--color: var(--color--red--darker);
  --alert--border: 1px;
  --alert--body-color: var(--color--red--darker);
}
.alert--red.alert--muted {
  --alert--bg: var(--color--red--lightest);
  --alert--color: var(--color--red);
  --alert--body-color: var(--color--red);
}
.alert--rectangle {
  border-radius: 0;
}
.alert--rounded {
  border-radius: var(--radius--3);
}
.alert--pill {
  border-radius: 9999px;
}
.overlay {
  position: relative;
}
.overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 3;
}
.overlay--light:before {
  background-color: rgba(255, 255, 255, 0.8);
}
.overlay--dark:before {
  background-color: rgba(0, 0, 0, 0.8);
}
.item {
  display: inline-grid;
  grid-template-rows: minmax(0, -webkit-min-content) 1fr;
  grid-template-rows: minmax(0, min-content) 1fr;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  gap: var(--item--gap);
}
.item > .media {
    grid-row: 1 / 3;
}
.item__media {
  grid-row: 1 / 3;
}
.item__title {
  grid-column: 2 / 3;
}
.item__title ~ .item__body {
    grid-row: 2 / 3;
}
.item__body {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.item--middle {
  grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto);
}
.item--middle .item__title {
    align-self: flex-end;
}
.item--fluid {
  display: grid;
}
.modal {
  --modal--size: 576px;
  --modal--space-around: var(--space--1);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 98;
  overflow: auto;
  display: none;
  align-items: center;
  justify-content: center;
}
.modal__overlay {
  z-index: 99;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal__wrapper {
  z-index: 100;
  overflow: auto;
  width: 100%;
  max-width: var(--modal--size);
  max-height: calc(100% - var(--modal--space-around) * 2);
  margin: var(--modal--space-around);
}
.modal__close {
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 101;
  padding: var(--space--3);
  border: none;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.modal--xs {
  --modal--size: 320px;
}
.modal--sm {
  --modal--size: 480px;
}
.modal--md {
  --modal--size: 576px;
}
.modal--lg {
  --modal--size: 768px;
}
.modal--xl {
  --modal--size: 992px;
}
.modal--fluid {
  --modal--size: 100%;
}
.modal--show {
  display: flex;
}
.modal--fullscreen {
  --modal--size: none;
  --modal--space-around: var(--space--3) !important;
}
.modal--fullscreen .modal__wrapper {
    height: 100%;
}
.modal--full-height .modal__wrapper {
  height: 100%;
}
@media only screen and (min-width: 576px) {
.modal {
    --modal--space-around: var(--space--2);
}
}
@media only screen and (min-width: 768px) {
.modal {
    --modal--space-around: var(--space--3);
}
}
@media only screen and (min-width: 992px) {
.modal {
    --modal--space-around: var(--space--4);
}
}
@media only screen and (min-width: 1200px) {
.modal {
    --modal--space-around: var(--space--5);
}
}
.list {
  display: inline-grid;
  grid-auto-flow: column;
}
.list--stack {
  grid-auto-flow: row;
}
.list--stack.list--fit {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}
.list--fluid {
  display: grid;
}
.list--fit {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}
.media {
  --media--size: ;
  --media--fit: contain;
  --media--position: center;
  width: var(--media--size, 100%);
}
.media__wrap {
  height: 100%;
}
.media__wrap > img,
  .media__wrap > video,
  .media__wrap > iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: var(--media--fit);
       object-fit: var(--media--fit);
    -o-object-position: var(--media--position);
       object-position: var(--media--position);
}
.media--avatar {
  width: var(--media--size, 100%);
  height: var(--media--size, 100%);
  background-color: var(--color--primary--lightest);
  color: var(--color--primary);
  font-size: var(--media--size);
  line-height: 1;
  position: relative;
  overflow: hidden;
  background-clip: padding-box;
}
.media--avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    position: relative;
    z-index: 2;
}
.media--avatar:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: attr(data-initials);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40%;
    z-index: 1;
}
.media--cover {
  --media--fit: cover;
}
.media--1 {
  --media--size: 16px;
  display: inline-block;
}
.media--2 {
  --media--size: 32px;
  display: inline-block;
}
.media--3 {
  --media--size: 48px;
  display: inline-block;
}
.media--4 {
  --media--size: 64px;
  display: inline-block;
}
.media--5 {
  --media--size: 96px;
  display: inline-block;
}
.media--6 {
  --media--size: 128px;
  display: inline-block;
}
.media--7 {
  --media--size: 160px;
  display: inline-block;
}
.media--8 {
  --media--size: 192px;
  display: inline-block;
}
.media--9 {
  --media--size: 256px;
  display: inline-block;
}
.media--10 {
  --media--size: 320px;
  display: inline-block;
}
.block--bg {
  background-color: var(--block--bg-color);
  position: relative;
}
.block--bg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: var(--block--bg-image);
    opacity: var(--block--bg-opacity, 1);
}
.block--bg > * {
    position: relative;
    z-index: 1;
}
.switch {
  --switch--size: var(--field--md);
  --switch--padding: 4px;
  --switch--border-width: 0px;
  --switch--radius: 0;
  --switch--color: var(--color--primary);
  --switch--bg: var(--color--grey--lightest);
  display: inline-block;
  vertical-align: top;
}
.switch__wrapper {
  display: flex;
  width: calc(var(--switch--size) * 2);
  height: var(--switch--size);
  border-radius: var(--switch--radius);
  border: var(--switch--border-width) solid var(--color--grey--lighter);
  background: var(--switch--bg);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease 0s;
}
.switch__input {
  position: absolute;
  width: 0px;
  height: 0px;
  opacity: 0.01;
}
.switch__input:checked ~ .switch__wrapper {
    background-color: var(--switch--color);
}
.switch__input:checked ~ .switch__wrapper .switch__indicator {
      background-color: var(--color--light);
      left: calc(100% - var(--switch--size) + var(--switch--padding));
}
.switch__indicator {
  width: calc( var(--switch--size) - var(--switch--padding) * 2 - var(--switch--border-width) * 2);
  height: calc( var(--switch--size) - var(--switch--padding) * 2 - var(--switch--border-width) * 2);
  top: var(--switch--padding);
  left: var(--switch--padding);
  border-radius: calc(var(--switch--radius) / 2);
  background-color: var(--color--grey);
  position: absolute;
  transition: all 0.3s ease 0s;
}
.switch--primary {
  --switch--color: var(--color--primary);
}
.switch--secondary {
  --switch--color: var(--color--secondary);
}
.switch--accent {
  --switch--color: var(--color--accent);
}
.switch--danger {
  --switch--color: var(--color--danger);
}
.switch--warning {
  --switch--color: var(--color--warning);
}
.switch--success {
  --switch--color: var(--color--success);
}
.switch--info {
  --switch--color: var(--color--info);
}
.switch--grey {
  --switch--color: var(--color--grey);
}
.switch--light {
  --switch--color: var(--color--light);
}
.switch--dark {
  --switch--color: var(--color--dark);
}
.switch--orange {
  --switch--color: var(--color--orange);
}
.switch--amber {
  --switch--color: var(--color--amber);
}
.switch--lime {
  --switch--color: var(--color--lime);
}
.switch--green {
  --switch--color: var(--color--green);
}
.switch--cyan {
  --switch--color: var(--color--cyan);
}
.switch--blue {
  --switch--color: var(--color--blue);
}
.switch--indigo {
  --switch--color: var(--color--indigo);
}
.switch--purple {
  --switch--color: var(--color--purple);
}
.switch--pink {
  --switch--color: var(--color--pink);
}
.switch--red {
  --switch--color: var(--color--red);
}
.switch--xxs {
  --switch--size: 18px;
}
.switch--xs {
  --switch--size: 24px;
}
.switch--sm {
  --switch--size: 32px;
}
.switch--md {
  --switch--size: 40px;
}
.switch--lg {
  --switch--size: 48px;
}
.switch--xl {
  --switch--size: 56px;
}
.switch--pill {
  --switch--radius: 9999px;
}
.switch--rounded {
  --switch--radius: 4px;
}
.switch--outline {
  --switch--border-width: 1px;
  --switch--bg: --color(light);
}
.shimmer {
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: shilp-shimmer;
          animation-name: shilp-shimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: linear-gradient(to right, var(--color--grey--lightest) 5%, var(--color--grey--lighter) 50%, var(--color--grey--lightest) 95%);
  background-size: 1200px 100%;
  width: 100%;
  position: relative;
}
.table {
  --table--border-color: var(--color--grey--lightest);
  border-collapse: collapse;
}
.table th,
  .table td {
    padding: var(--table--py) var(--table--px) var(--table--py) var(--table--px);
}
.table__fit {
  width: 1px;
  white-space: nowrap;
}
.table--fix {
  table-layout: fixed;
}
.table--border td,
.table--border th {
  border: 1px solid var(--table--border-color);
}
.table--border-x td,
.table--border-x th {
  border-left: 1px solid var(--table--border-color);
  border-right: 1px solid var(--table--border-color);
}
.table--border-y td,
.table--border-y th {
  border-top: 1px solid var(--table--border-color);
  border-bottom: 1px solid var(--table--border-color);
}
.table--edge thead th {
  border-top: none;
}
.table--edge td:first-child,
.table--edge th:first-child {
  padding-left: 0;
  border-left: none;
}
.table--edge td:last-child,
.table--edge th:last-child {
  padding-right: 0;
  border-right: none;
}
.table--edge tr:last-child > td {
  border-bottom: none;
}
.table--0 {
  --table--py: 0px;
  --table--px: 0px;
}
.table--1 {
  --table--py: 2px;
  --table--px: 4px;
}
.table--2 {
  --table--py: 4px;
  --table--px: 6px;
}
.table--3 {
  --table--py: 6px;
  --table--px: 10px;
}
.table--4 {
  --table--py: 8px;
  --table--px: 12px;
}
.p-1 {
  padding: var(--space--1) !important;
}
.pt-1 {
  -webkit-padding-before: var(--space--1) !important;
          padding-block-start: var(--space--1) !important;
}
.pb-1 {
  -webkit-padding-after: var(--space--1) !important;
          padding-block-end: var(--space--1) !important;
}
.pl-1 {
  -webkit-padding-start: var(--space--1) !important;
          padding-inline-start: var(--space--1) !important;
}
.pr-1 {
  -webkit-padding-end: var(--space--1) !important;
          padding-inline-end: var(--space--1) !important;
}
.px-1 {
  -webkit-padding-start: var(--space--1) !important;
          padding-inline-start: var(--space--1) !important;
  -webkit-padding-end: var(--space--1) !important;
          padding-inline-end: var(--space--1) !important;
}
.py-1 {
  -webkit-padding-before: var(--space--1) !important;
          padding-block-start: var(--space--1) !important;
  -webkit-padding-after: var(--space--1) !important;
          padding-block-end: var(--space--1) !important;
}
.p-2 {
  padding: var(--space--2) !important;
}
.pt-2 {
  -webkit-padding-before: var(--space--2) !important;
          padding-block-start: var(--space--2) !important;
}
.pb-2 {
  -webkit-padding-after: var(--space--2) !important;
          padding-block-end: var(--space--2) !important;
}
.pl-2 {
  -webkit-padding-start: var(--space--2) !important;
          padding-inline-start: var(--space--2) !important;
}
.pr-2 {
  -webkit-padding-end: var(--space--2) !important;
          padding-inline-end: var(--space--2) !important;
}
.px-2 {
  -webkit-padding-start: var(--space--2) !important;
          padding-inline-start: var(--space--2) !important;
  -webkit-padding-end: var(--space--2) !important;
          padding-inline-end: var(--space--2) !important;
}
.py-2 {
  -webkit-padding-before: var(--space--2) !important;
          padding-block-start: var(--space--2) !important;
  -webkit-padding-after: var(--space--2) !important;
          padding-block-end: var(--space--2) !important;
}
.p-3 {
  padding: var(--space--3) !important;
}
.pt-3 {
  -webkit-padding-before: var(--space--3) !important;
          padding-block-start: var(--space--3) !important;
}
.pb-3 {
  -webkit-padding-after: var(--space--3) !important;
          padding-block-end: var(--space--3) !important;
}
.pl-3 {
  -webkit-padding-start: var(--space--3) !important;
          padding-inline-start: var(--space--3) !important;
}
.pr-3 {
  -webkit-padding-end: var(--space--3) !important;
          padding-inline-end: var(--space--3) !important;
}
.px-3 {
  -webkit-padding-start: var(--space--3) !important;
          padding-inline-start: var(--space--3) !important;
  -webkit-padding-end: var(--space--3) !important;
          padding-inline-end: var(--space--3) !important;
}
.py-3 {
  -webkit-padding-before: var(--space--3) !important;
          padding-block-start: var(--space--3) !important;
  -webkit-padding-after: var(--space--3) !important;
          padding-block-end: var(--space--3) !important;
}
.p-4 {
  padding: var(--space--4) !important;
}
.pt-4 {
  -webkit-padding-before: var(--space--4) !important;
          padding-block-start: var(--space--4) !important;
}
.pb-4 {
  -webkit-padding-after: var(--space--4) !important;
          padding-block-end: var(--space--4) !important;
}
.pl-4 {
  -webkit-padding-start: var(--space--4) !important;
          padding-inline-start: var(--space--4) !important;
}
.pr-4 {
  -webkit-padding-end: var(--space--4) !important;
          padding-inline-end: var(--space--4) !important;
}
.px-4 {
  -webkit-padding-start: var(--space--4) !important;
          padding-inline-start: var(--space--4) !important;
  -webkit-padding-end: var(--space--4) !important;
          padding-inline-end: var(--space--4) !important;
}
.py-4 {
  -webkit-padding-before: var(--space--4) !important;
          padding-block-start: var(--space--4) !important;
  -webkit-padding-after: var(--space--4) !important;
          padding-block-end: var(--space--4) !important;
}
.p-5 {
  padding: var(--space--5) !important;
}
.pt-5 {
  -webkit-padding-before: var(--space--5) !important;
          padding-block-start: var(--space--5) !important;
}
.pb-5 {
  -webkit-padding-after: var(--space--5) !important;
          padding-block-end: var(--space--5) !important;
}
.pl-5 {
  -webkit-padding-start: var(--space--5) !important;
          padding-inline-start: var(--space--5) !important;
}
.pr-5 {
  -webkit-padding-end: var(--space--5) !important;
          padding-inline-end: var(--space--5) !important;
}
.px-5 {
  -webkit-padding-start: var(--space--5) !important;
          padding-inline-start: var(--space--5) !important;
  -webkit-padding-end: var(--space--5) !important;
          padding-inline-end: var(--space--5) !important;
}
.py-5 {
  -webkit-padding-before: var(--space--5) !important;
          padding-block-start: var(--space--5) !important;
  -webkit-padding-after: var(--space--5) !important;
          padding-block-end: var(--space--5) !important;
}
.p-6 {
  padding: var(--space--6) !important;
}
.pt-6 {
  -webkit-padding-before: var(--space--6) !important;
          padding-block-start: var(--space--6) !important;
}
.pb-6 {
  -webkit-padding-after: var(--space--6) !important;
          padding-block-end: var(--space--6) !important;
}
.pl-6 {
  -webkit-padding-start: var(--space--6) !important;
          padding-inline-start: var(--space--6) !important;
}
.pr-6 {
  -webkit-padding-end: var(--space--6) !important;
          padding-inline-end: var(--space--6) !important;
}
.px-6 {
  -webkit-padding-start: var(--space--6) !important;
          padding-inline-start: var(--space--6) !important;
  -webkit-padding-end: var(--space--6) !important;
          padding-inline-end: var(--space--6) !important;
}
.py-6 {
  -webkit-padding-before: var(--space--6) !important;
          padding-block-start: var(--space--6) !important;
  -webkit-padding-after: var(--space--6) !important;
          padding-block-end: var(--space--6) !important;
}
.p-7 {
  padding: var(--space--7) !important;
}
.pt-7 {
  -webkit-padding-before: var(--space--7) !important;
          padding-block-start: var(--space--7) !important;
}
.pb-7 {
  -webkit-padding-after: var(--space--7) !important;
          padding-block-end: var(--space--7) !important;
}
.pl-7 {
  -webkit-padding-start: var(--space--7) !important;
          padding-inline-start: var(--space--7) !important;
}
.pr-7 {
  -webkit-padding-end: var(--space--7) !important;
          padding-inline-end: var(--space--7) !important;
}
.px-7 {
  -webkit-padding-start: var(--space--7) !important;
          padding-inline-start: var(--space--7) !important;
  -webkit-padding-end: var(--space--7) !important;
          padding-inline-end: var(--space--7) !important;
}
.py-7 {
  -webkit-padding-before: var(--space--7) !important;
          padding-block-start: var(--space--7) !important;
  -webkit-padding-after: var(--space--7) !important;
          padding-block-end: var(--space--7) !important;
}
.p-0 {
  padding: 0px !important;
}
.pt-0 {
  -webkit-padding-before: 0px !important;
          padding-block-start: 0px !important;
}
.pb-0 {
  -webkit-padding-after: 0px !important;
          padding-block-end: 0px !important;
}
.pl-0 {
  -webkit-padding-start: 0px !important;
          padding-inline-start: 0px !important;
}
.pr-0 {
  -webkit-padding-end: 0px !important;
          padding-inline-end: 0px !important;
}
.px-0 {
  -webkit-padding-start: 0px !important;
          padding-inline-start: 0px !important;
  -webkit-padding-end: 0px !important;
          padding-inline-end: 0px !important;
}
.py-0 {
  -webkit-padding-before: 0px !important;
          padding-block-start: 0px !important;
  -webkit-padding-after: 0px !important;
          padding-block-end: 0px !important;
}
.p-auto {
  padding: auto !important;
}
.pt-auto {
  -webkit-padding-before: auto !important;
          padding-block-start: auto !important;
}
.pb-auto {
  -webkit-padding-after: auto !important;
          padding-block-end: auto !important;
}
.pl-auto {
  -webkit-padding-start: auto !important;
          padding-inline-start: auto !important;
}
.pr-auto {
  -webkit-padding-end: auto !important;
          padding-inline-end: auto !important;
}
.px-auto {
  -webkit-padding-start: auto !important;
          padding-inline-start: auto !important;
  -webkit-padding-end: auto !important;
          padding-inline-end: auto !important;
}
.py-auto {
  -webkit-padding-before: auto !important;
          padding-block-start: auto !important;
  -webkit-padding-after: auto !important;
          padding-block-end: auto !important;
}
.m-1 {
  margin: var(--space--1) !important;
}
.mt-1 {
  -webkit-margin-before: var(--space--1) !important;
          margin-block-start: var(--space--1) !important;
}
.mb-1 {
  -webkit-margin-after: var(--space--1) !important;
          margin-block-end: var(--space--1) !important;
}
.ml-1 {
  -webkit-margin-start: var(--space--1) !important;
          margin-inline-start: var(--space--1) !important;
}
.mr-1 {
  -webkit-margin-end: var(--space--1) !important;
          margin-inline-end: var(--space--1) !important;
}
.mx-1 {
  -webkit-margin-start: var(--space--1) !important;
          margin-inline-start: var(--space--1) !important;
  -webkit-margin-end: var(--space--1) !important;
          margin-inline-end: var(--space--1) !important;
}
.my-1 {
  -webkit-margin-before: var(--space--1) !important;
          margin-block-start: var(--space--1) !important;
  -webkit-margin-after: var(--space--1) !important;
          margin-block-end: var(--space--1) !important;
}
.m-2 {
  margin: var(--space--2) !important;
}
.mt-2 {
  -webkit-margin-before: var(--space--2) !important;
          margin-block-start: var(--space--2) !important;
}
.mb-2 {
  -webkit-margin-after: var(--space--2) !important;
          margin-block-end: var(--space--2) !important;
}
.ml-2 {
  -webkit-margin-start: var(--space--2) !important;
          margin-inline-start: var(--space--2) !important;
}
.mr-2 {
  -webkit-margin-end: var(--space--2) !important;
          margin-inline-end: var(--space--2) !important;
}
.mx-2 {
  -webkit-margin-start: var(--space--2) !important;
          margin-inline-start: var(--space--2) !important;
  -webkit-margin-end: var(--space--2) !important;
          margin-inline-end: var(--space--2) !important;
}
.my-2 {
  -webkit-margin-before: var(--space--2) !important;
          margin-block-start: var(--space--2) !important;
  -webkit-margin-after: var(--space--2) !important;
          margin-block-end: var(--space--2) !important;
}
.m-3 {
  margin: var(--space--3) !important;
}
.mt-3 {
  -webkit-margin-before: var(--space--3) !important;
          margin-block-start: var(--space--3) !important;
}
.mb-3 {
  -webkit-margin-after: var(--space--3) !important;
          margin-block-end: var(--space--3) !important;
}
.ml-3 {
  -webkit-margin-start: var(--space--3) !important;
          margin-inline-start: var(--space--3) !important;
}
.mr-3 {
  -webkit-margin-end: var(--space--3) !important;
          margin-inline-end: var(--space--3) !important;
}
.mx-3 {
  -webkit-margin-start: var(--space--3) !important;
          margin-inline-start: var(--space--3) !important;
  -webkit-margin-end: var(--space--3) !important;
          margin-inline-end: var(--space--3) !important;
}
.my-3 {
  -webkit-margin-before: var(--space--3) !important;
          margin-block-start: var(--space--3) !important;
  -webkit-margin-after: var(--space--3) !important;
          margin-block-end: var(--space--3) !important;
}
.m-4 {
  margin: var(--space--4) !important;
}
.mt-4 {
  -webkit-margin-before: var(--space--4) !important;
          margin-block-start: var(--space--4) !important;
}
.mb-4 {
  -webkit-margin-after: var(--space--4) !important;
          margin-block-end: var(--space--4) !important;
}
.ml-4 {
  -webkit-margin-start: var(--space--4) !important;
          margin-inline-start: var(--space--4) !important;
}
.mr-4 {
  -webkit-margin-end: var(--space--4) !important;
          margin-inline-end: var(--space--4) !important;
}
.mx-4 {
  -webkit-margin-start: var(--space--4) !important;
          margin-inline-start: var(--space--4) !important;
  -webkit-margin-end: var(--space--4) !important;
          margin-inline-end: var(--space--4) !important;
}
.my-4 {
  -webkit-margin-before: var(--space--4) !important;
          margin-block-start: var(--space--4) !important;
  -webkit-margin-after: var(--space--4) !important;
          margin-block-end: var(--space--4) !important;
}
.m-5 {
  margin: var(--space--5) !important;
}
.mt-5 {
  -webkit-margin-before: var(--space--5) !important;
          margin-block-start: var(--space--5) !important;
}
.mb-5 {
  -webkit-margin-after: var(--space--5) !important;
          margin-block-end: var(--space--5) !important;
}
.ml-5 {
  -webkit-margin-start: var(--space--5) !important;
          margin-inline-start: var(--space--5) !important;
}
.mr-5 {
  -webkit-margin-end: var(--space--5) !important;
          margin-inline-end: var(--space--5) !important;
}
.mx-5 {
  -webkit-margin-start: var(--space--5) !important;
          margin-inline-start: var(--space--5) !important;
  -webkit-margin-end: var(--space--5) !important;
          margin-inline-end: var(--space--5) !important;
}
.my-5 {
  -webkit-margin-before: var(--space--5) !important;
          margin-block-start: var(--space--5) !important;
  -webkit-margin-after: var(--space--5) !important;
          margin-block-end: var(--space--5) !important;
}
.m-6 {
  margin: var(--space--6) !important;
}
.mt-6 {
  -webkit-margin-before: var(--space--6) !important;
          margin-block-start: var(--space--6) !important;
}
.mb-6 {
  -webkit-margin-after: var(--space--6) !important;
          margin-block-end: var(--space--6) !important;
}
.ml-6 {
  -webkit-margin-start: var(--space--6) !important;
          margin-inline-start: var(--space--6) !important;
}
.mr-6 {
  -webkit-margin-end: var(--space--6) !important;
          margin-inline-end: var(--space--6) !important;
}
.mx-6 {
  -webkit-margin-start: var(--space--6) !important;
          margin-inline-start: var(--space--6) !important;
  -webkit-margin-end: var(--space--6) !important;
          margin-inline-end: var(--space--6) !important;
}
.my-6 {
  -webkit-margin-before: var(--space--6) !important;
          margin-block-start: var(--space--6) !important;
  -webkit-margin-after: var(--space--6) !important;
          margin-block-end: var(--space--6) !important;
}
.m-7 {
  margin: var(--space--7) !important;
}
.mt-7 {
  -webkit-margin-before: var(--space--7) !important;
          margin-block-start: var(--space--7) !important;
}
.mb-7 {
  -webkit-margin-after: var(--space--7) !important;
          margin-block-end: var(--space--7) !important;
}
.ml-7 {
  -webkit-margin-start: var(--space--7) !important;
          margin-inline-start: var(--space--7) !important;
}
.mr-7 {
  -webkit-margin-end: var(--space--7) !important;
          margin-inline-end: var(--space--7) !important;
}
.mx-7 {
  -webkit-margin-start: var(--space--7) !important;
          margin-inline-start: var(--space--7) !important;
  -webkit-margin-end: var(--space--7) !important;
          margin-inline-end: var(--space--7) !important;
}
.my-7 {
  -webkit-margin-before: var(--space--7) !important;
          margin-block-start: var(--space--7) !important;
  -webkit-margin-after: var(--space--7) !important;
          margin-block-end: var(--space--7) !important;
}
.m-0 {
  margin: 0px !important;
}
.mt-0 {
  -webkit-margin-before: 0px !important;
          margin-block-start: 0px !important;
}
.mb-0 {
  -webkit-margin-after: 0px !important;
          margin-block-end: 0px !important;
}
.ml-0 {
  -webkit-margin-start: 0px !important;
          margin-inline-start: 0px !important;
}
.mr-0 {
  -webkit-margin-end: 0px !important;
          margin-inline-end: 0px !important;
}
.mx-0 {
  -webkit-margin-start: 0px !important;
          margin-inline-start: 0px !important;
  -webkit-margin-end: 0px !important;
          margin-inline-end: 0px !important;
}
.my-0 {
  -webkit-margin-before: 0px !important;
          margin-block-start: 0px !important;
  -webkit-margin-after: 0px !important;
          margin-block-end: 0px !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  -webkit-margin-before: auto !important;
          margin-block-start: auto !important;
}
.mb-auto {
  -webkit-margin-after: auto !important;
          margin-block-end: auto !important;
}
.ml-auto {
  -webkit-margin-start: auto !important;
          margin-inline-start: auto !important;
}
.mr-auto {
  -webkit-margin-end: auto !important;
          margin-inline-end: auto !important;
}
.mx-auto {
  -webkit-margin-start: auto !important;
          margin-inline-start: auto !important;
  -webkit-margin-end: auto !important;
          margin-inline-end: auto !important;
}
.my-auto {
  -webkit-margin-before: auto !important;
          margin-block-start: auto !important;
  -webkit-margin-after: auto !important;
          margin-block-end: auto !important;
}
@media only screen and (min-width: 576px) {
.p-1\:phablet {
    padding: var(--space--1) !important;
}
.pt-1\:phablet {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
}
.pb-1\:phablet {
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.pl-1\:phablet {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
}
.pr-1\:phablet {
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.px-1\:phablet {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.py-1\:phablet {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.p-2\:phablet {
    padding: var(--space--2) !important;
}
.pt-2\:phablet {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
}
.pb-2\:phablet {
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.pl-2\:phablet {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
}
.pr-2\:phablet {
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.px-2\:phablet {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.py-2\:phablet {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.p-3\:phablet {
    padding: var(--space--3) !important;
}
.pt-3\:phablet {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
}
.pb-3\:phablet {
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.pl-3\:phablet {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
}
.pr-3\:phablet {
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.px-3\:phablet {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.py-3\:phablet {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.p-4\:phablet {
    padding: var(--space--4) !important;
}
.pt-4\:phablet {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
}
.pb-4\:phablet {
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.pl-4\:phablet {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
}
.pr-4\:phablet {
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.px-4\:phablet {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.py-4\:phablet {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.p-5\:phablet {
    padding: var(--space--5) !important;
}
.pt-5\:phablet {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
}
.pb-5\:phablet {
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.pl-5\:phablet {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
}
.pr-5\:phablet {
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.px-5\:phablet {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.py-5\:phablet {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.p-6\:phablet {
    padding: var(--space--6) !important;
}
.pt-6\:phablet {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
}
.pb-6\:phablet {
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.pl-6\:phablet {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
}
.pr-6\:phablet {
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.px-6\:phablet {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.py-6\:phablet {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.p-7\:phablet {
    padding: var(--space--7) !important;
}
.pt-7\:phablet {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
}
.pb-7\:phablet {
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.pl-7\:phablet {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
}
.pr-7\:phablet {
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.px-7\:phablet {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.py-7\:phablet {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.p-0\:phablet {
    padding: 0px !important;
}
.pt-0\:phablet {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
}
.pb-0\:phablet {
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.pl-0\:phablet {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
}
.pr-0\:phablet {
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.px-0\:phablet {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.py-0\:phablet {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.p-auto\:phablet {
    padding: auto !important;
}
.pt-auto\:phablet {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
}
.pb-auto\:phablet {
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.pl-auto\:phablet {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
}
.pr-auto\:phablet {
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.px-auto\:phablet {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.py-auto\:phablet {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.m-1\:phablet {
    margin: var(--space--1) !important;
}
.mt-1\:phablet {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
}
.mb-1\:phablet {
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.ml-1\:phablet {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
}
.mr-1\:phablet {
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.mx-1\:phablet {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.my-1\:phablet {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.m-2\:phablet {
    margin: var(--space--2) !important;
}
.mt-2\:phablet {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
}
.mb-2\:phablet {
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.ml-2\:phablet {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
}
.mr-2\:phablet {
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.mx-2\:phablet {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.my-2\:phablet {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.m-3\:phablet {
    margin: var(--space--3) !important;
}
.mt-3\:phablet {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
}
.mb-3\:phablet {
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.ml-3\:phablet {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
}
.mr-3\:phablet {
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.mx-3\:phablet {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.my-3\:phablet {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.m-4\:phablet {
    margin: var(--space--4) !important;
}
.mt-4\:phablet {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
}
.mb-4\:phablet {
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.ml-4\:phablet {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
}
.mr-4\:phablet {
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.mx-4\:phablet {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.my-4\:phablet {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.m-5\:phablet {
    margin: var(--space--5) !important;
}
.mt-5\:phablet {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
}
.mb-5\:phablet {
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.ml-5\:phablet {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
}
.mr-5\:phablet {
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.mx-5\:phablet {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.my-5\:phablet {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.m-6\:phablet {
    margin: var(--space--6) !important;
}
.mt-6\:phablet {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
}
.mb-6\:phablet {
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.ml-6\:phablet {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
}
.mr-6\:phablet {
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.mx-6\:phablet {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.my-6\:phablet {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.m-7\:phablet {
    margin: var(--space--7) !important;
}
.mt-7\:phablet {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
}
.mb-7\:phablet {
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.ml-7\:phablet {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
}
.mr-7\:phablet {
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.mx-7\:phablet {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.my-7\:phablet {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.m-0\:phablet {
    margin: 0px !important;
}
.mt-0\:phablet {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
}
.mb-0\:phablet {
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.ml-0\:phablet {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
}
.mr-0\:phablet {
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.mx-0\:phablet {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.my-0\:phablet {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.m-auto\:phablet {
    margin: auto !important;
}
.mt-auto\:phablet {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
}
.mb-auto\:phablet {
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
.ml-auto\:phablet {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
}
.mr-auto\:phablet {
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.mx-auto\:phablet {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.my-auto\:phablet {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
}
@media only screen and (min-width: 768px) {
.p-1\:tablet {
    padding: var(--space--1) !important;
}
.pt-1\:tablet {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
}
.pb-1\:tablet {
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.pl-1\:tablet {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
}
.pr-1\:tablet {
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.px-1\:tablet {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.py-1\:tablet {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.p-2\:tablet {
    padding: var(--space--2) !important;
}
.pt-2\:tablet {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
}
.pb-2\:tablet {
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.pl-2\:tablet {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
}
.pr-2\:tablet {
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.px-2\:tablet {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.py-2\:tablet {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.p-3\:tablet {
    padding: var(--space--3) !important;
}
.pt-3\:tablet {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
}
.pb-3\:tablet {
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.pl-3\:tablet {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
}
.pr-3\:tablet {
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.px-3\:tablet {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.py-3\:tablet {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.p-4\:tablet {
    padding: var(--space--4) !important;
}
.pt-4\:tablet {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
}
.pb-4\:tablet {
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.pl-4\:tablet {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
}
.pr-4\:tablet {
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.px-4\:tablet {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.py-4\:tablet {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.p-5\:tablet {
    padding: var(--space--5) !important;
}
.pt-5\:tablet {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
}
.pb-5\:tablet {
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.pl-5\:tablet {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
}
.pr-5\:tablet {
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.px-5\:tablet {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.py-5\:tablet {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.p-6\:tablet {
    padding: var(--space--6) !important;
}
.pt-6\:tablet {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
}
.pb-6\:tablet {
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.pl-6\:tablet {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
}
.pr-6\:tablet {
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.px-6\:tablet {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.py-6\:tablet {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.p-7\:tablet {
    padding: var(--space--7) !important;
}
.pt-7\:tablet {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
}
.pb-7\:tablet {
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.pl-7\:tablet {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
}
.pr-7\:tablet {
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.px-7\:tablet {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.py-7\:tablet {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.p-0\:tablet {
    padding: 0px !important;
}
.pt-0\:tablet {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
}
.pb-0\:tablet {
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.pl-0\:tablet {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
}
.pr-0\:tablet {
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.px-0\:tablet {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.py-0\:tablet {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.p-auto\:tablet {
    padding: auto !important;
}
.pt-auto\:tablet {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
}
.pb-auto\:tablet {
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.pl-auto\:tablet {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
}
.pr-auto\:tablet {
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.px-auto\:tablet {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.py-auto\:tablet {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.m-1\:tablet {
    margin: var(--space--1) !important;
}
.mt-1\:tablet {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
}
.mb-1\:tablet {
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.ml-1\:tablet {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
}
.mr-1\:tablet {
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.mx-1\:tablet {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.my-1\:tablet {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.m-2\:tablet {
    margin: var(--space--2) !important;
}
.mt-2\:tablet {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
}
.mb-2\:tablet {
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.ml-2\:tablet {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
}
.mr-2\:tablet {
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.mx-2\:tablet {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.my-2\:tablet {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.m-3\:tablet {
    margin: var(--space--3) !important;
}
.mt-3\:tablet {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
}
.mb-3\:tablet {
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.ml-3\:tablet {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
}
.mr-3\:tablet {
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.mx-3\:tablet {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.my-3\:tablet {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.m-4\:tablet {
    margin: var(--space--4) !important;
}
.mt-4\:tablet {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
}
.mb-4\:tablet {
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.ml-4\:tablet {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
}
.mr-4\:tablet {
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.mx-4\:tablet {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.my-4\:tablet {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.m-5\:tablet {
    margin: var(--space--5) !important;
}
.mt-5\:tablet {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
}
.mb-5\:tablet {
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.ml-5\:tablet {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
}
.mr-5\:tablet {
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.mx-5\:tablet {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.my-5\:tablet {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.m-6\:tablet {
    margin: var(--space--6) !important;
}
.mt-6\:tablet {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
}
.mb-6\:tablet {
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.ml-6\:tablet {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
}
.mr-6\:tablet {
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.mx-6\:tablet {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.my-6\:tablet {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.m-7\:tablet {
    margin: var(--space--7) !important;
}
.mt-7\:tablet {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
}
.mb-7\:tablet {
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.ml-7\:tablet {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
}
.mr-7\:tablet {
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.mx-7\:tablet {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.my-7\:tablet {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.m-0\:tablet {
    margin: 0px !important;
}
.mt-0\:tablet {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
}
.mb-0\:tablet {
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.ml-0\:tablet {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
}
.mr-0\:tablet {
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.mx-0\:tablet {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.my-0\:tablet {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.m-auto\:tablet {
    margin: auto !important;
}
.mt-auto\:tablet {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
}
.mb-auto\:tablet {
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
.ml-auto\:tablet {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
}
.mr-auto\:tablet {
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.mx-auto\:tablet {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.my-auto\:tablet {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
}
@media only screen and (min-width: 992px) {
.p-1\:laptop {
    padding: var(--space--1) !important;
}
.pt-1\:laptop {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
}
.pb-1\:laptop {
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.pl-1\:laptop {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
}
.pr-1\:laptop {
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.px-1\:laptop {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.py-1\:laptop {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.p-2\:laptop {
    padding: var(--space--2) !important;
}
.pt-2\:laptop {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
}
.pb-2\:laptop {
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.pl-2\:laptop {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
}
.pr-2\:laptop {
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.px-2\:laptop {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.py-2\:laptop {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.p-3\:laptop {
    padding: var(--space--3) !important;
}
.pt-3\:laptop {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
}
.pb-3\:laptop {
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.pl-3\:laptop {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
}
.pr-3\:laptop {
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.px-3\:laptop {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.py-3\:laptop {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.p-4\:laptop {
    padding: var(--space--4) !important;
}
.pt-4\:laptop {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
}
.pb-4\:laptop {
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.pl-4\:laptop {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
}
.pr-4\:laptop {
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.px-4\:laptop {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.py-4\:laptop {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.p-5\:laptop {
    padding: var(--space--5) !important;
}
.pt-5\:laptop {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
}
.pb-5\:laptop {
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.pl-5\:laptop {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
}
.pr-5\:laptop {
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.px-5\:laptop {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.py-5\:laptop {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.p-6\:laptop {
    padding: var(--space--6) !important;
}
.pt-6\:laptop {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
}
.pb-6\:laptop {
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.pl-6\:laptop {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
}
.pr-6\:laptop {
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.px-6\:laptop {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.py-6\:laptop {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.p-7\:laptop {
    padding: var(--space--7) !important;
}
.pt-7\:laptop {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
}
.pb-7\:laptop {
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.pl-7\:laptop {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
}
.pr-7\:laptop {
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.px-7\:laptop {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.py-7\:laptop {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.p-0\:laptop {
    padding: 0px !important;
}
.pt-0\:laptop {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
}
.pb-0\:laptop {
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.pl-0\:laptop {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
}
.pr-0\:laptop {
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.px-0\:laptop {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.py-0\:laptop {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.p-auto\:laptop {
    padding: auto !important;
}
.pt-auto\:laptop {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
}
.pb-auto\:laptop {
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.pl-auto\:laptop {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
}
.pr-auto\:laptop {
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.px-auto\:laptop {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.py-auto\:laptop {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.m-1\:laptop {
    margin: var(--space--1) !important;
}
.mt-1\:laptop {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
}
.mb-1\:laptop {
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.ml-1\:laptop {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
}
.mr-1\:laptop {
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.mx-1\:laptop {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.my-1\:laptop {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.m-2\:laptop {
    margin: var(--space--2) !important;
}
.mt-2\:laptop {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
}
.mb-2\:laptop {
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.ml-2\:laptop {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
}
.mr-2\:laptop {
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.mx-2\:laptop {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.my-2\:laptop {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.m-3\:laptop {
    margin: var(--space--3) !important;
}
.mt-3\:laptop {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
}
.mb-3\:laptop {
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.ml-3\:laptop {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
}
.mr-3\:laptop {
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.mx-3\:laptop {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.my-3\:laptop {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.m-4\:laptop {
    margin: var(--space--4) !important;
}
.mt-4\:laptop {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
}
.mb-4\:laptop {
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.ml-4\:laptop {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
}
.mr-4\:laptop {
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.mx-4\:laptop {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.my-4\:laptop {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.m-5\:laptop {
    margin: var(--space--5) !important;
}
.mt-5\:laptop {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
}
.mb-5\:laptop {
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.ml-5\:laptop {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
}
.mr-5\:laptop {
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.mx-5\:laptop {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.my-5\:laptop {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.m-6\:laptop {
    margin: var(--space--6) !important;
}
.mt-6\:laptop {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
}
.mb-6\:laptop {
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.ml-6\:laptop {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
}
.mr-6\:laptop {
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.mx-6\:laptop {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.my-6\:laptop {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.m-7\:laptop {
    margin: var(--space--7) !important;
}
.mt-7\:laptop {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
}
.mb-7\:laptop {
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.ml-7\:laptop {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
}
.mr-7\:laptop {
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.mx-7\:laptop {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.my-7\:laptop {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.m-0\:laptop {
    margin: 0px !important;
}
.mt-0\:laptop {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
}
.mb-0\:laptop {
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.ml-0\:laptop {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
}
.mr-0\:laptop {
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.mx-0\:laptop {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.my-0\:laptop {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.m-auto\:laptop {
    margin: auto !important;
}
.mt-auto\:laptop {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
}
.mb-auto\:laptop {
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
.ml-auto\:laptop {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
}
.mr-auto\:laptop {
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.mx-auto\:laptop {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.my-auto\:laptop {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
}
@media only screen and (min-width: 1200px) {
.p-1\:desktop {
    padding: var(--space--1) !important;
}
.pt-1\:desktop {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
}
.pb-1\:desktop {
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.pl-1\:desktop {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
}
.pr-1\:desktop {
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.px-1\:desktop {
    -webkit-padding-start: var(--space--1) !important;
            padding-inline-start: var(--space--1) !important;
    -webkit-padding-end: var(--space--1) !important;
            padding-inline-end: var(--space--1) !important;
}
.py-1\:desktop {
    -webkit-padding-before: var(--space--1) !important;
            padding-block-start: var(--space--1) !important;
    -webkit-padding-after: var(--space--1) !important;
            padding-block-end: var(--space--1) !important;
}
.p-2\:desktop {
    padding: var(--space--2) !important;
}
.pt-2\:desktop {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
}
.pb-2\:desktop {
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.pl-2\:desktop {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
}
.pr-2\:desktop {
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.px-2\:desktop {
    -webkit-padding-start: var(--space--2) !important;
            padding-inline-start: var(--space--2) !important;
    -webkit-padding-end: var(--space--2) !important;
            padding-inline-end: var(--space--2) !important;
}
.py-2\:desktop {
    -webkit-padding-before: var(--space--2) !important;
            padding-block-start: var(--space--2) !important;
    -webkit-padding-after: var(--space--2) !important;
            padding-block-end: var(--space--2) !important;
}
.p-3\:desktop {
    padding: var(--space--3) !important;
}
.pt-3\:desktop {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
}
.pb-3\:desktop {
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.pl-3\:desktop {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
}
.pr-3\:desktop {
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.px-3\:desktop {
    -webkit-padding-start: var(--space--3) !important;
            padding-inline-start: var(--space--3) !important;
    -webkit-padding-end: var(--space--3) !important;
            padding-inline-end: var(--space--3) !important;
}
.py-3\:desktop {
    -webkit-padding-before: var(--space--3) !important;
            padding-block-start: var(--space--3) !important;
    -webkit-padding-after: var(--space--3) !important;
            padding-block-end: var(--space--3) !important;
}
.p-4\:desktop {
    padding: var(--space--4) !important;
}
.pt-4\:desktop {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
}
.pb-4\:desktop {
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.pl-4\:desktop {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
}
.pr-4\:desktop {
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.px-4\:desktop {
    -webkit-padding-start: var(--space--4) !important;
            padding-inline-start: var(--space--4) !important;
    -webkit-padding-end: var(--space--4) !important;
            padding-inline-end: var(--space--4) !important;
}
.py-4\:desktop {
    -webkit-padding-before: var(--space--4) !important;
            padding-block-start: var(--space--4) !important;
    -webkit-padding-after: var(--space--4) !important;
            padding-block-end: var(--space--4) !important;
}
.p-5\:desktop {
    padding: var(--space--5) !important;
}
.pt-5\:desktop {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
}
.pb-5\:desktop {
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.pl-5\:desktop {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
}
.pr-5\:desktop {
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.px-5\:desktop {
    -webkit-padding-start: var(--space--5) !important;
            padding-inline-start: var(--space--5) !important;
    -webkit-padding-end: var(--space--5) !important;
            padding-inline-end: var(--space--5) !important;
}
.py-5\:desktop {
    -webkit-padding-before: var(--space--5) !important;
            padding-block-start: var(--space--5) !important;
    -webkit-padding-after: var(--space--5) !important;
            padding-block-end: var(--space--5) !important;
}
.p-6\:desktop {
    padding: var(--space--6) !important;
}
.pt-6\:desktop {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
}
.pb-6\:desktop {
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.pl-6\:desktop {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
}
.pr-6\:desktop {
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.px-6\:desktop {
    -webkit-padding-start: var(--space--6) !important;
            padding-inline-start: var(--space--6) !important;
    -webkit-padding-end: var(--space--6) !important;
            padding-inline-end: var(--space--6) !important;
}
.py-6\:desktop {
    -webkit-padding-before: var(--space--6) !important;
            padding-block-start: var(--space--6) !important;
    -webkit-padding-after: var(--space--6) !important;
            padding-block-end: var(--space--6) !important;
}
.p-7\:desktop {
    padding: var(--space--7) !important;
}
.pt-7\:desktop {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
}
.pb-7\:desktop {
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.pl-7\:desktop {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
}
.pr-7\:desktop {
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.px-7\:desktop {
    -webkit-padding-start: var(--space--7) !important;
            padding-inline-start: var(--space--7) !important;
    -webkit-padding-end: var(--space--7) !important;
            padding-inline-end: var(--space--7) !important;
}
.py-7\:desktop {
    -webkit-padding-before: var(--space--7) !important;
            padding-block-start: var(--space--7) !important;
    -webkit-padding-after: var(--space--7) !important;
            padding-block-end: var(--space--7) !important;
}
.p-0\:desktop {
    padding: 0px !important;
}
.pt-0\:desktop {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
}
.pb-0\:desktop {
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.pl-0\:desktop {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
}
.pr-0\:desktop {
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.px-0\:desktop {
    -webkit-padding-start: 0px !important;
            padding-inline-start: 0px !important;
    -webkit-padding-end: 0px !important;
            padding-inline-end: 0px !important;
}
.py-0\:desktop {
    -webkit-padding-before: 0px !important;
            padding-block-start: 0px !important;
    -webkit-padding-after: 0px !important;
            padding-block-end: 0px !important;
}
.p-auto\:desktop {
    padding: auto !important;
}
.pt-auto\:desktop {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
}
.pb-auto\:desktop {
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.pl-auto\:desktop {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
}
.pr-auto\:desktop {
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.px-auto\:desktop {
    -webkit-padding-start: auto !important;
            padding-inline-start: auto !important;
    -webkit-padding-end: auto !important;
            padding-inline-end: auto !important;
}
.py-auto\:desktop {
    -webkit-padding-before: auto !important;
            padding-block-start: auto !important;
    -webkit-padding-after: auto !important;
            padding-block-end: auto !important;
}
.m-1\:desktop {
    margin: var(--space--1) !important;
}
.mt-1\:desktop {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
}
.mb-1\:desktop {
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.ml-1\:desktop {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
}
.mr-1\:desktop {
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.mx-1\:desktop {
    -webkit-margin-start: var(--space--1) !important;
            margin-inline-start: var(--space--1) !important;
    -webkit-margin-end: var(--space--1) !important;
            margin-inline-end: var(--space--1) !important;
}
.my-1\:desktop {
    -webkit-margin-before: var(--space--1) !important;
            margin-block-start: var(--space--1) !important;
    -webkit-margin-after: var(--space--1) !important;
            margin-block-end: var(--space--1) !important;
}
.m-2\:desktop {
    margin: var(--space--2) !important;
}
.mt-2\:desktop {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
}
.mb-2\:desktop {
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.ml-2\:desktop {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
}
.mr-2\:desktop {
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.mx-2\:desktop {
    -webkit-margin-start: var(--space--2) !important;
            margin-inline-start: var(--space--2) !important;
    -webkit-margin-end: var(--space--2) !important;
            margin-inline-end: var(--space--2) !important;
}
.my-2\:desktop {
    -webkit-margin-before: var(--space--2) !important;
            margin-block-start: var(--space--2) !important;
    -webkit-margin-after: var(--space--2) !important;
            margin-block-end: var(--space--2) !important;
}
.m-3\:desktop {
    margin: var(--space--3) !important;
}
.mt-3\:desktop {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
}
.mb-3\:desktop {
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.ml-3\:desktop {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
}
.mr-3\:desktop {
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.mx-3\:desktop {
    -webkit-margin-start: var(--space--3) !important;
            margin-inline-start: var(--space--3) !important;
    -webkit-margin-end: var(--space--3) !important;
            margin-inline-end: var(--space--3) !important;
}
.my-3\:desktop {
    -webkit-margin-before: var(--space--3) !important;
            margin-block-start: var(--space--3) !important;
    -webkit-margin-after: var(--space--3) !important;
            margin-block-end: var(--space--3) !important;
}
.m-4\:desktop {
    margin: var(--space--4) !important;
}
.mt-4\:desktop {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
}
.mb-4\:desktop {
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.ml-4\:desktop {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
}
.mr-4\:desktop {
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.mx-4\:desktop {
    -webkit-margin-start: var(--space--4) !important;
            margin-inline-start: var(--space--4) !important;
    -webkit-margin-end: var(--space--4) !important;
            margin-inline-end: var(--space--4) !important;
}
.my-4\:desktop {
    -webkit-margin-before: var(--space--4) !important;
            margin-block-start: var(--space--4) !important;
    -webkit-margin-after: var(--space--4) !important;
            margin-block-end: var(--space--4) !important;
}
.m-5\:desktop {
    margin: var(--space--5) !important;
}
.mt-5\:desktop {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
}
.mb-5\:desktop {
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.ml-5\:desktop {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
}
.mr-5\:desktop {
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.mx-5\:desktop {
    -webkit-margin-start: var(--space--5) !important;
            margin-inline-start: var(--space--5) !important;
    -webkit-margin-end: var(--space--5) !important;
            margin-inline-end: var(--space--5) !important;
}
.my-5\:desktop {
    -webkit-margin-before: var(--space--5) !important;
            margin-block-start: var(--space--5) !important;
    -webkit-margin-after: var(--space--5) !important;
            margin-block-end: var(--space--5) !important;
}
.m-6\:desktop {
    margin: var(--space--6) !important;
}
.mt-6\:desktop {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
}
.mb-6\:desktop {
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.ml-6\:desktop {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
}
.mr-6\:desktop {
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.mx-6\:desktop {
    -webkit-margin-start: var(--space--6) !important;
            margin-inline-start: var(--space--6) !important;
    -webkit-margin-end: var(--space--6) !important;
            margin-inline-end: var(--space--6) !important;
}
.my-6\:desktop {
    -webkit-margin-before: var(--space--6) !important;
            margin-block-start: var(--space--6) !important;
    -webkit-margin-after: var(--space--6) !important;
            margin-block-end: var(--space--6) !important;
}
.m-7\:desktop {
    margin: var(--space--7) !important;
}
.mt-7\:desktop {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
}
.mb-7\:desktop {
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.ml-7\:desktop {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
}
.mr-7\:desktop {
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.mx-7\:desktop {
    -webkit-margin-start: var(--space--7) !important;
            margin-inline-start: var(--space--7) !important;
    -webkit-margin-end: var(--space--7) !important;
            margin-inline-end: var(--space--7) !important;
}
.my-7\:desktop {
    -webkit-margin-before: var(--space--7) !important;
            margin-block-start: var(--space--7) !important;
    -webkit-margin-after: var(--space--7) !important;
            margin-block-end: var(--space--7) !important;
}
.m-0\:desktop {
    margin: 0px !important;
}
.mt-0\:desktop {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
}
.mb-0\:desktop {
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.ml-0\:desktop {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
}
.mr-0\:desktop {
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.mx-0\:desktop {
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
}
.my-0\:desktop {
    -webkit-margin-before: 0px !important;
            margin-block-start: 0px !important;
    -webkit-margin-after: 0px !important;
            margin-block-end: 0px !important;
}
.m-auto\:desktop {
    margin: auto !important;
}
.mt-auto\:desktop {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
}
.mb-auto\:desktop {
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
.ml-auto\:desktop {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
}
.mr-auto\:desktop {
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.mx-auto\:desktop {
    -webkit-margin-start: auto !important;
            margin-inline-start: auto !important;
    -webkit-margin-end: auto !important;
            margin-inline-end: auto !important;
}
.my-auto\:desktop {
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
}
}
.text-italic {
  font-style: italic;
}
.text-underline {
  text-decoration: underline;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-strikethrough {
  text-decoration: line-through;
}
.text-numeric {
  font-variant-numeric: tabular-nums;
}
.text-xxl {
  font-size: var(--text--xxl);
}
.text-xl {
  font-size: var(--text--xl);
}
.text-lg {
  font-size: var(--text--lg);
}
.text-md {
  font-size: var(--text--md);
}
.text-sm {
  font-size: var(--text--sm);
}
.text-xs {
  font-size: var(--text--xs);
}
.text-heading {
  font-family: var(--text--heading);
}
.text-content {
  font-family: var(--text--content);
}
.text-emoji {
  font-family: var(--text--emoji);
}
.text-code {
  font-family: var(--text--code);
}
.text-thin {
  font-weight: lighter;
}
.text-normal {
  font-weight: normal;
}
.text-bold {
  font-weight: bold;
}
.text-primary-lightest {
  color: var(--color--primary--lightest) !important;
}
.text-primary-lighter {
  color: var(--color--primary--lighter) !important;
}
.text-primary-light {
  color: var(--color--primary--light) !important;
}
.text-primary {
  color: var(--color--primary) !important;
}
.text-primary-dark {
  color: var(--color--primary--dark) !important;
}
.text-primary-darker {
  color: var(--color--primary--darker) !important;
}
.text-primary-darkest {
  color: var(--color--primary--darkest) !important;
}
.text-secondary-lightest {
  color: var(--color--secondary--lightest) !important;
}
.text-secondary-lighter {
  color: var(--color--secondary--lighter) !important;
}
.text-secondary-light {
  color: var(--color--secondary--light) !important;
}
.text-secondary {
  color: var(--color--secondary) !important;
}
.text-secondary-dark {
  color: var(--color--secondary--dark) !important;
}
.text-secondary-darker {
  color: var(--color--secondary--darker) !important;
}
.text-secondary-darkest {
  color: var(--color--secondary--darkest) !important;
}
.text-accent-lightest {
  color: var(--color--accent--lightest) !important;
}
.text-accent-lighter {
  color: var(--color--accent--lighter) !important;
}
.text-accent-light {
  color: var(--color--accent--light) !important;
}
.text-accent {
  color: var(--color--accent) !important;
}
.text-accent-dark {
  color: var(--color--accent--dark) !important;
}
.text-accent-darker {
  color: var(--color--accent--darker) !important;
}
.text-accent-darkest {
  color: var(--color--accent--darkest) !important;
}
.text-danger-lightest {
  color: var(--color--danger--lightest) !important;
}
.text-danger-lighter {
  color: var(--color--danger--lighter) !important;
}
.text-danger-light {
  color: var(--color--danger--light) !important;
}
.text-danger {
  color: var(--color--danger) !important;
}
.text-danger-dark {
  color: var(--color--danger--dark) !important;
}
.text-danger-darker {
  color: var(--color--danger--darker) !important;
}
.text-danger-darkest {
  color: var(--color--danger--darkest) !important;
}
.text-warning-lightest {
  color: var(--color--warning--lightest) !important;
}
.text-warning-lighter {
  color: var(--color--warning--lighter) !important;
}
.text-warning-light {
  color: var(--color--warning--light) !important;
}
.text-warning {
  color: var(--color--warning) !important;
}
.text-warning-dark {
  color: var(--color--warning--dark) !important;
}
.text-warning-darker {
  color: var(--color--warning--darker) !important;
}
.text-warning-darkest {
  color: var(--color--warning--darkest) !important;
}
.text-success-lightest {
  color: var(--color--success--lightest) !important;
}
.text-success-lighter {
  color: var(--color--success--lighter) !important;
}
.text-success-light {
  color: var(--color--success--light) !important;
}
.text-success {
  color: var(--color--success) !important;
}
.text-success-dark {
  color: var(--color--success--dark) !important;
}
.text-success-darker {
  color: var(--color--success--darker) !important;
}
.text-success-darkest {
  color: var(--color--success--darkest) !important;
}
.text-info-lightest {
  color: var(--color--info--lightest) !important;
}
.text-info-lighter {
  color: var(--color--info--lighter) !important;
}
.text-info-light {
  color: var(--color--info--light) !important;
}
.text-info {
  color: var(--color--info) !important;
}
.text-info-dark {
  color: var(--color--info--dark) !important;
}
.text-info-darker {
  color: var(--color--info--darker) !important;
}
.text-info-darkest {
  color: var(--color--info--darkest) !important;
}
.text-grey-lightest {
  color: var(--color--grey--lightest) !important;
}
.text-grey-lighter {
  color: var(--color--grey--lighter) !important;
}
.text-grey-light {
  color: var(--color--grey--light) !important;
}
.text-grey {
  color: var(--color--grey) !important;
}
.text-grey-dark {
  color: var(--color--grey--dark) !important;
}
.text-grey-darker {
  color: var(--color--grey--darker) !important;
}
.text-grey-darkest {
  color: var(--color--grey--darkest) !important;
}
.text-light {
  color: var(--color--light) !important;
}
.text-dark {
  color: var(--color--dark) !important;
}
.text-orange-lightest {
  color: var(--color--orange--lightest) !important;
}
.text-orange-lighter {
  color: var(--color--orange--lighter) !important;
}
.text-orange-light {
  color: var(--color--orange--light) !important;
}
.text-orange {
  color: var(--color--orange) !important;
}
.text-orange-dark {
  color: var(--color--orange--dark) !important;
}
.text-orange-darker {
  color: var(--color--orange--darker) !important;
}
.text-orange-darkest {
  color: var(--color--orange--darkest) !important;
}
.text-amber-lightest {
  color: var(--color--amber--lightest) !important;
}
.text-amber-lighter {
  color: var(--color--amber--lighter) !important;
}
.text-amber-light {
  color: var(--color--amber--light) !important;
}
.text-amber {
  color: var(--color--amber) !important;
}
.text-amber-dark {
  color: var(--color--amber--dark) !important;
}
.text-amber-darker {
  color: var(--color--amber--darker) !important;
}
.text-amber-darkest {
  color: var(--color--amber--darkest) !important;
}
.text-lime-lightest {
  color: var(--color--lime--lightest) !important;
}
.text-lime-lighter {
  color: var(--color--lime--lighter) !important;
}
.text-lime-light {
  color: var(--color--lime--light) !important;
}
.text-lime {
  color: var(--color--lime) !important;
}
.text-lime-dark {
  color: var(--color--lime--dark) !important;
}
.text-lime-darker {
  color: var(--color--lime--darker) !important;
}
.text-lime-darkest {
  color: var(--color--lime--darkest) !important;
}
.text-green-lightest {
  color: var(--color--green--lightest) !important;
}
.text-green-lighter {
  color: var(--color--green--lighter) !important;
}
.text-green-light {
  color: var(--color--green--light) !important;
}
.text-green {
  color: var(--color--green) !important;
}
.text-green-dark {
  color: var(--color--green--dark) !important;
}
.text-green-darker {
  color: var(--color--green--darker) !important;
}
.text-green-darkest {
  color: var(--color--green--darkest) !important;
}
.text-cyan-lightest {
  color: var(--color--cyan--lightest) !important;
}
.text-cyan-lighter {
  color: var(--color--cyan--lighter) !important;
}
.text-cyan-light {
  color: var(--color--cyan--light) !important;
}
.text-cyan {
  color: var(--color--cyan) !important;
}
.text-cyan-dark {
  color: var(--color--cyan--dark) !important;
}
.text-cyan-darker {
  color: var(--color--cyan--darker) !important;
}
.text-cyan-darkest {
  color: var(--color--cyan--darkest) !important;
}
.text-blue-lightest {
  color: var(--color--blue--lightest) !important;
}
.text-blue-lighter {
  color: var(--color--blue--lighter) !important;
}
.text-blue-light {
  color: var(--color--blue--light) !important;
}
.text-blue {
  color: var(--color--blue) !important;
}
.text-blue-dark {
  color: var(--color--blue--dark) !important;
}
.text-blue-darker {
  color: var(--color--blue--darker) !important;
}
.text-blue-darkest {
  color: var(--color--blue--darkest) !important;
}
.text-indigo-lightest {
  color: var(--color--indigo--lightest) !important;
}
.text-indigo-lighter {
  color: var(--color--indigo--lighter) !important;
}
.text-indigo-light {
  color: var(--color--indigo--light) !important;
}
.text-indigo {
  color: var(--color--indigo) !important;
}
.text-indigo-dark {
  color: var(--color--indigo--dark) !important;
}
.text-indigo-darker {
  color: var(--color--indigo--darker) !important;
}
.text-indigo-darkest {
  color: var(--color--indigo--darkest) !important;
}
.text-purple-lightest {
  color: var(--color--purple--lightest) !important;
}
.text-purple-lighter {
  color: var(--color--purple--lighter) !important;
}
.text-purple-light {
  color: var(--color--purple--light) !important;
}
.text-purple {
  color: var(--color--purple) !important;
}
.text-purple-dark {
  color: var(--color--purple--dark) !important;
}
.text-purple-darker {
  color: var(--color--purple--darker) !important;
}
.text-purple-darkest {
  color: var(--color--purple--darkest) !important;
}
.text-pink-lightest {
  color: var(--color--pink--lightest) !important;
}
.text-pink-lighter {
  color: var(--color--pink--lighter) !important;
}
.text-pink-light {
  color: var(--color--pink--light) !important;
}
.text-pink {
  color: var(--color--pink) !important;
}
.text-pink-dark {
  color: var(--color--pink--dark) !important;
}
.text-pink-darker {
  color: var(--color--pink--darker) !important;
}
.text-pink-darkest {
  color: var(--color--pink--darkest) !important;
}
.text-red-lightest {
  color: var(--color--red--lightest) !important;
}
.text-red-lighter {
  color: var(--color--red--lighter) !important;
}
.text-red-light {
  color: var(--color--red--light) !important;
}
.text-red {
  color: var(--color--red) !important;
}
.text-red-dark {
  color: var(--color--red--dark) !important;
}
.text-red-darker {
  color: var(--color--red--darker) !important;
}
.text-red-darkest {
  color: var(--color--red--darkest) !important;
}
.lh-1 {
  line-height: 1;
}
.lh-2 {
  line-height: 1.2;
}
.lh-3 {
  line-height: 1.5;
}
.lh-4 {
  line-height: 1.8;
}
.lh-5 {
  line-height: 2;
}
.lh-6 {
  line-height: 2.5;
}
.text-left {
  text-align: left;
  text-align: start;
}
.text-right {
  text-align: right;
  text-align: end;
}
.text-center {
  text-align: center;
  text-align: center;
}
.text-justify {
  text-align: justify;
  text-align: justify;
}
@media only screen and (min-width: 576px) {
.text-left\:phablet {
    text-align: left;
    text-align: start;
}
.text-right\:phablet {
    text-align: right;
    text-align: end;
}
.text-center\:phablet {
    text-align: center;
    text-align: center;
}
.text-justify\:phablet {
    text-align: justify;
    text-align: justify;
}
}
@media only screen and (min-width: 768px) {
.text-left\:tablet {
    text-align: left;
    text-align: start;
}
.text-right\:tablet {
    text-align: right;
    text-align: end;
}
.text-center\:tablet {
    text-align: center;
    text-align: center;
}
.text-justify\:tablet {
    text-align: justify;
    text-align: justify;
}
}
@media only screen and (min-width: 992px) {
.text-left\:laptop {
    text-align: left;
    text-align: start;
}
.text-right\:laptop {
    text-align: right;
    text-align: end;
}
.text-center\:laptop {
    text-align: center;
    text-align: center;
}
.text-justify\:laptop {
    text-align: justify;
    text-align: justify;
}
}
@media only screen and (min-width: 1200px) {
.text-left\:desktop {
    text-align: left;
    text-align: start;
}
.text-right\:desktop {
    text-align: right;
    text-align: end;
}
.text-center\:desktop {
    text-align: center;
    text-align: center;
}
.text-justify\:desktop {
    text-align: justify;
    text-align: justify;
}
}
.bg-primary-lightest {
  background-color: var(--color--primary--lightest) !important;
}
.bg-primary-lighter {
  background-color: var(--color--primary--lighter) !important;
}
.bg-primary-light {
  background-color: var(--color--primary--light) !important;
}
.bg-primary {
  background-color: var(--color--primary) !important;
}
.bg-primary-dark {
  background-color: var(--color--primary--dark) !important;
}
.bg-primary-darker {
  background-color: var(--color--primary--darker) !important;
}
.bg-primary-darkest {
  background-color: var(--color--primary--darkest) !important;
}
.bg-secondary-lightest {
  background-color: var(--color--secondary--lightest) !important;
}
.bg-secondary-lighter {
  background-color: var(--color--secondary--lighter) !important;
}
.bg-secondary-light {
  background-color: var(--color--secondary--light) !important;
}
.bg-secondary {
  background-color: var(--color--secondary) !important;
}
.bg-secondary-dark {
  background-color: var(--color--secondary--dark) !important;
}
.bg-secondary-darker {
  background-color: var(--color--secondary--darker) !important;
}
.bg-secondary-darkest {
  background-color: var(--color--secondary--darkest) !important;
}
.bg-accent-lightest {
  background-color: var(--color--accent--lightest) !important;
}
.bg-accent-lighter {
  background-color: var(--color--accent--lighter) !important;
}
.bg-accent-light {
  background-color: var(--color--accent--light) !important;
}
.bg-accent {
  background-color: var(--color--accent) !important;
}
.bg-accent-dark {
  background-color: var(--color--accent--dark) !important;
}
.bg-accent-darker {
  background-color: var(--color--accent--darker) !important;
}
.bg-accent-darkest {
  background-color: var(--color--accent--darkest) !important;
}
.bg-danger-lightest {
  background-color: var(--color--danger--lightest) !important;
}
.bg-danger-lighter {
  background-color: var(--color--danger--lighter) !important;
}
.bg-danger-light {
  background-color: var(--color--danger--light) !important;
}
.bg-danger {
  background-color: var(--color--danger) !important;
}
.bg-danger-dark {
  background-color: var(--color--danger--dark) !important;
}
.bg-danger-darker {
  background-color: var(--color--danger--darker) !important;
}
.bg-danger-darkest {
  background-color: var(--color--danger--darkest) !important;
}
.bg-warning-lightest {
  background-color: var(--color--warning--lightest) !important;
}
.bg-warning-lighter {
  background-color: var(--color--warning--lighter) !important;
}
.bg-warning-light {
  background-color: var(--color--warning--light) !important;
}
.bg-warning {
  background-color: var(--color--warning) !important;
}
.bg-warning-dark {
  background-color: var(--color--warning--dark) !important;
}
.bg-warning-darker {
  background-color: var(--color--warning--darker) !important;
}
.bg-warning-darkest {
  background-color: var(--color--warning--darkest) !important;
}
.bg-success-lightest {
  background-color: var(--color--success--lightest) !important;
}
.bg-success-lighter {
  background-color: var(--color--success--lighter) !important;
}
.bg-success-light {
  background-color: var(--color--success--light) !important;
}
.bg-success {
  background-color: var(--color--success) !important;
}
.bg-success-dark {
  background-color: var(--color--success--dark) !important;
}
.bg-success-darker {
  background-color: var(--color--success--darker) !important;
}
.bg-success-darkest {
  background-color: var(--color--success--darkest) !important;
}
.bg-info-lightest {
  background-color: var(--color--info--lightest) !important;
}
.bg-info-lighter {
  background-color: var(--color--info--lighter) !important;
}
.bg-info-light {
  background-color: var(--color--info--light) !important;
}
.bg-info {
  background-color: var(--color--info) !important;
}
.bg-info-dark {
  background-color: var(--color--info--dark) !important;
}
.bg-info-darker {
  background-color: var(--color--info--darker) !important;
}
.bg-info-darkest {
  background-color: var(--color--info--darkest) !important;
}
.bg-grey-lightest {
  background-color: var(--color--grey--lightest) !important;
}
.bg-grey-lighter {
  background-color: var(--color--grey--lighter) !important;
}
.bg-grey-light {
  background-color: var(--color--grey--light) !important;
}
.bg-grey {
  background-color: var(--color--grey) !important;
}
.bg-grey-dark {
  background-color: var(--color--grey--dark) !important;
}
.bg-grey-darker {
  background-color: var(--color--grey--darker) !important;
}
.bg-grey-darkest {
  background-color: var(--color--grey--darkest) !important;
}
.bg-light {
  background-color: var(--color--light) !important;
}
.bg-dark {
  background-color: var(--color--dark) !important;
}
.bg-orange-lightest {
  background-color: var(--color--orange--lightest) !important;
}
.bg-orange-lighter {
  background-color: var(--color--orange--lighter) !important;
}
.bg-orange-light {
  background-color: var(--color--orange--light) !important;
}
.bg-orange {
  background-color: var(--color--orange) !important;
}
.bg-orange-dark {
  background-color: var(--color--orange--dark) !important;
}
.bg-orange-darker {
  background-color: var(--color--orange--darker) !important;
}
.bg-orange-darkest {
  background-color: var(--color--orange--darkest) !important;
}
.bg-amber-lightest {
  background-color: var(--color--amber--lightest) !important;
}
.bg-amber-lighter {
  background-color: var(--color--amber--lighter) !important;
}
.bg-amber-light {
  background-color: var(--color--amber--light) !important;
}
.bg-amber {
  background-color: var(--color--amber) !important;
}
.bg-amber-dark {
  background-color: var(--color--amber--dark) !important;
}
.bg-amber-darker {
  background-color: var(--color--amber--darker) !important;
}
.bg-amber-darkest {
  background-color: var(--color--amber--darkest) !important;
}
.bg-lime-lightest {
  background-color: var(--color--lime--lightest) !important;
}
.bg-lime-lighter {
  background-color: var(--color--lime--lighter) !important;
}
.bg-lime-light {
  background-color: var(--color--lime--light) !important;
}
.bg-lime {
  background-color: var(--color--lime) !important;
}
.bg-lime-dark {
  background-color: var(--color--lime--dark) !important;
}
.bg-lime-darker {
  background-color: var(--color--lime--darker) !important;
}
.bg-lime-darkest {
  background-color: var(--color--lime--darkest) !important;
}
.bg-green-lightest {
  background-color: var(--color--green--lightest) !important;
}
.bg-green-lighter {
  background-color: var(--color--green--lighter) !important;
}
.bg-green-light {
  background-color: var(--color--green--light) !important;
}
.bg-green {
  background-color: var(--color--green) !important;
}
.bg-green-dark {
  background-color: var(--color--green--dark) !important;
}
.bg-green-darker {
  background-color: var(--color--green--darker) !important;
}
.bg-green-darkest {
  background-color: var(--color--green--darkest) !important;
}
.bg-cyan-lightest {
  background-color: var(--color--cyan--lightest) !important;
}
.bg-cyan-lighter {
  background-color: var(--color--cyan--lighter) !important;
}
.bg-cyan-light {
  background-color: var(--color--cyan--light) !important;
}
.bg-cyan {
  background-color: var(--color--cyan) !important;
}
.bg-cyan-dark {
  background-color: var(--color--cyan--dark) !important;
}
.bg-cyan-darker {
  background-color: var(--color--cyan--darker) !important;
}
.bg-cyan-darkest {
  background-color: var(--color--cyan--darkest) !important;
}
.bg-blue-lightest {
  background-color: var(--color--blue--lightest) !important;
}
.bg-blue-lighter {
  background-color: var(--color--blue--lighter) !important;
}
.bg-blue-light {
  background-color: var(--color--blue--light) !important;
}
.bg-blue {
  background-color: var(--color--blue) !important;
}
.bg-blue-dark {
  background-color: var(--color--blue--dark) !important;
}
.bg-blue-darker {
  background-color: var(--color--blue--darker) !important;
}
.bg-blue-darkest {
  background-color: var(--color--blue--darkest) !important;
}
.bg-indigo-lightest {
  background-color: var(--color--indigo--lightest) !important;
}
.bg-indigo-lighter {
  background-color: var(--color--indigo--lighter) !important;
}
.bg-indigo-light {
  background-color: var(--color--indigo--light) !important;
}
.bg-indigo {
  background-color: var(--color--indigo) !important;
}
.bg-indigo-dark {
  background-color: var(--color--indigo--dark) !important;
}
.bg-indigo-darker {
  background-color: var(--color--indigo--darker) !important;
}
.bg-indigo-darkest {
  background-color: var(--color--indigo--darkest) !important;
}
.bg-purple-lightest {
  background-color: var(--color--purple--lightest) !important;
}
.bg-purple-lighter {
  background-color: var(--color--purple--lighter) !important;
}
.bg-purple-light {
  background-color: var(--color--purple--light) !important;
}
.bg-purple {
  background-color: var(--color--purple) !important;
}
.bg-purple-dark {
  background-color: var(--color--purple--dark) !important;
}
.bg-purple-darker {
  background-color: var(--color--purple--darker) !important;
}
.bg-purple-darkest {
  background-color: var(--color--purple--darkest) !important;
}
.bg-pink-lightest {
  background-color: var(--color--pink--lightest) !important;
}
.bg-pink-lighter {
  background-color: var(--color--pink--lighter) !important;
}
.bg-pink-light {
  background-color: var(--color--pink--light) !important;
}
.bg-pink {
  background-color: var(--color--pink) !important;
}
.bg-pink-dark {
  background-color: var(--color--pink--dark) !important;
}
.bg-pink-darker {
  background-color: var(--color--pink--darker) !important;
}
.bg-pink-darkest {
  background-color: var(--color--pink--darkest) !important;
}
.bg-red-lightest {
  background-color: var(--color--red--lightest) !important;
}
.bg-red-lighter {
  background-color: var(--color--red--lighter) !important;
}
.bg-red-light {
  background-color: var(--color--red--light) !important;
}
.bg-red {
  background-color: var(--color--red) !important;
}
.bg-red-dark {
  background-color: var(--color--red--dark) !important;
}
.bg-red-darker {
  background-color: var(--color--red--darker) !important;
}
.bg-red-darkest {
  background-color: var(--color--red--darkest) !important;
}
.bt-lightest {
  border-top: 1px solid var(--color--grey--lightest) !important;
}
.bb-lightest {
  border-bottom: 1px solid var(--color--grey--lightest) !important;
}
.bl-lightest {
  border-left: 1px solid var(--color--grey--lightest) !important;
}
.br-lightest {
  border-right: 1px solid var(--color--grey--lightest) !important;
}
.bx-lightest {
  border-left: 1px solid var(--color--grey--lightest) !important;
  border-right: 1px solid var(--color--grey--lightest) !important;
}
.by-lightest {
  border-top: 1px solid var(--color--grey--lightest) !important;
  border-bottom: 1px solid var(--color--grey--lightest) !important;
}
.b-lightest {
  border: 1px solid var(--color--grey--lightest) !important;
}
.bt-lighter {
  border-top: 1px solid var(--color--grey--lighter) !important;
}
.bb-lighter {
  border-bottom: 1px solid var(--color--grey--lighter) !important;
}
.bl-lighter {
  border-left: 1px solid var(--color--grey--lighter) !important;
}
.br-lighter {
  border-right: 1px solid var(--color--grey--lighter) !important;
}
.bx-lighter {
  border-left: 1px solid var(--color--grey--lighter) !important;
  border-right: 1px solid var(--color--grey--lighter) !important;
}
.by-lighter {
  border-top: 1px solid var(--color--grey--lighter) !important;
  border-bottom: 1px solid var(--color--grey--lighter) !important;
}
.b-lighter {
  border: 1px solid var(--color--grey--lighter) !important;
}
.bt-light {
  border-top: 1px solid var(--color--grey--light) !important;
}
.bb-light {
  border-bottom: 1px solid var(--color--grey--light) !important;
}
.bl-light {
  border-left: 1px solid var(--color--grey--light) !important;
}
.br-light {
  border-right: 1px solid var(--color--grey--light) !important;
}
.bx-light {
  border-left: 1px solid var(--color--grey--light) !important;
  border-right: 1px solid var(--color--grey--light) !important;
}
.by-light {
  border-top: 1px solid var(--color--grey--light) !important;
  border-bottom: 1px solid var(--color--grey--light) !important;
}
.b-light {
  border: 1px solid var(--color--grey--light) !important;
}
.bt {
  border-top: 1px solid var(--color--grey) !important;
}
.bb {
  border-bottom: 1px solid var(--color--grey) !important;
}
.bl {
  border-left: 1px solid var(--color--grey) !important;
}
.br {
  border-right: 1px solid var(--color--grey) !important;
}
.bx {
  border-left: 1px solid var(--color--grey) !important;
  border-right: 1px solid var(--color--grey) !important;
}
.by {
  border-top: 1px solid var(--color--grey) !important;
  border-bottom: 1px solid var(--color--grey) !important;
}
.b {
  border: 1px solid var(--color--grey) !important;
}
.bt-dark {
  border-top: 1px solid var(--color--grey--dark) !important;
}
.bb-dark {
  border-bottom: 1px solid var(--color--grey--dark) !important;
}
.bl-dark {
  border-left: 1px solid var(--color--grey--dark) !important;
}
.br-dark {
  border-right: 1px solid var(--color--grey--dark) !important;
}
.bx-dark {
  border-left: 1px solid var(--color--grey--dark) !important;
  border-right: 1px solid var(--color--grey--dark) !important;
}
.by-dark {
  border-top: 1px solid var(--color--grey--dark) !important;
  border-bottom: 1px solid var(--color--grey--dark) !important;
}
.b-dark {
  border: 1px solid var(--color--grey--dark) !important;
}
.bt-darker {
  border-top: 1px solid var(--color--grey--darker) !important;
}
.bb-darker {
  border-bottom: 1px solid var(--color--grey--darker) !important;
}
.bl-darker {
  border-left: 1px solid var(--color--grey--darker) !important;
}
.br-darker {
  border-right: 1px solid var(--color--grey--darker) !important;
}
.bx-darker {
  border-left: 1px solid var(--color--grey--darker) !important;
  border-right: 1px solid var(--color--grey--darker) !important;
}
.by-darker {
  border-top: 1px solid var(--color--grey--darker) !important;
  border-bottom: 1px solid var(--color--grey--darker) !important;
}
.b-darker {
  border: 1px solid var(--color--grey--darker) !important;
}
.bt-darkest {
  border-top: 1px solid var(--color--grey--darkest) !important;
}
.bb-darkest {
  border-bottom: 1px solid var(--color--grey--darkest) !important;
}
.bl-darkest {
  border-left: 1px solid var(--color--grey--darkest) !important;
}
.br-darkest {
  border-right: 1px solid var(--color--grey--darkest) !important;
}
.bx-darkest {
  border-left: 1px solid var(--color--grey--darkest) !important;
  border-right: 1px solid var(--color--grey--darkest) !important;
}
.by-darkest {
  border-top: 1px solid var(--color--grey--darkest) !important;
  border-bottom: 1px solid var(--color--grey--darkest) !important;
}
.b-darkest {
  border: 1px solid var(--color--grey--darkest) !important;
}
.radius-1 {
  border-radius: var(--radius--1) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-2 {
  border-radius: var(--radius--2) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-3 {
  border-radius: var(--radius--3) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-4 {
  border-radius: var(--radius--4) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-5 {
  border-radius: var(--radius--5) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-6 {
  border-radius: var(--radius--6) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-7 {
  border-radius: var(--radius--7) !important;
  background-clip: padding-box;
  overflow: hidden;
}
.radius-0 {
  border-radius: 0 !important;
}
.radius-circle {
  overflow: hidden;
  border-radius: 50% !important;
  background-clip: padding-box;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex > * {
    flex: 1 1 100%;
}
.flex--wrap {
  flex-wrap: wrap;
}
.flex--inline {
  display: inline-flex;
}
.flex--fit > * {
  flex: 0 0 auto;
}
.flex--left {
  justify-content: flex-start;
}
.flex--right {
  justify-content: flex-end;
}
.flex--center {
  justify-content: center;
}
.flex--between {
  justify-content: space-between;
}
.flex--around {
  justify-content: space-around;
}
.flex--evenly {
  justify-content: space-evenly;
}
.flex--top {
  align-items: flex-start;
}
.flex--bottom {
  align-items: flex-end;
}
.flex--middle {
  align-items: center;
}
.flex--stretch {
  align-items: stretch;
}
.flex--column {
  flex-direction: column;
}
.flex--row {
  flex-direction: row;
}
.flex__fluid {
  flex: 1 1 auto;
}
.flex__fit {
  flex: 0 0 auto;
}
.o-1 {
  order: 1;
}
.o-2 {
  order: 2;
}
.o-3 {
  order: 3;
}
.o-4 {
  order: 4;
}
.o-5 {
  order: 5;
}
.o-6 {
  order: 6;
}
.o-7 {
  order: 7;
}
.o-8 {
  order: 8;
}
.o-9 {
  order: 9;
}
.o-10 {
  order: 10;
}
.o-11 {
  order: 11;
}
.o-12 {
  order: 12;
}
.o-first {
  order: -9999;
}
.o-last {
  order: 9999;
}
.o-reset {
  order: initial;
}
.flex--nowrap {
  flex-wrap: nowrap;
}
@media only screen and (min-width: 576px) {
.flex__fluid\:phablet {
    flex: 1 1 auto;
}
.flex__fit\:phablet {
    flex: 0 0 auto;
}
.o-1\:phablet {
    order: 1;
}
.o-2\:phablet {
    order: 2;
}
.o-3\:phablet {
    order: 3;
}
.o-4\:phablet {
    order: 4;
}
.o-5\:phablet {
    order: 5;
}
.o-6\:phablet {
    order: 6;
}
.o-7\:phablet {
    order: 7;
}
.o-8\:phablet {
    order: 8;
}
.o-9\:phablet {
    order: 9;
}
.o-10\:phablet {
    order: 10;
}
.o-11\:phablet {
    order: 11;
}
.o-12\:phablet {
    order: 12;
}
.o-first\:phablet {
    order: -9999;
}
.o-last\:phablet {
    order: 9999;
}
.o-reset\:phablet {
    order: initial;
}
.flex--nowrap\:phablet {
    flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
.flex__fluid\:tablet {
    flex: 1 1 auto;
}
.flex__fit\:tablet {
    flex: 0 0 auto;
}
.o-1\:tablet {
    order: 1;
}
.o-2\:tablet {
    order: 2;
}
.o-3\:tablet {
    order: 3;
}
.o-4\:tablet {
    order: 4;
}
.o-5\:tablet {
    order: 5;
}
.o-6\:tablet {
    order: 6;
}
.o-7\:tablet {
    order: 7;
}
.o-8\:tablet {
    order: 8;
}
.o-9\:tablet {
    order: 9;
}
.o-10\:tablet {
    order: 10;
}
.o-11\:tablet {
    order: 11;
}
.o-12\:tablet {
    order: 12;
}
.o-first\:tablet {
    order: -9999;
}
.o-last\:tablet {
    order: 9999;
}
.o-reset\:tablet {
    order: initial;
}
.flex--nowrap\:tablet {
    flex-wrap: nowrap;
}
}
@media only screen and (min-width: 992px) {
.flex__fluid\:laptop {
    flex: 1 1 auto;
}
.flex__fit\:laptop {
    flex: 0 0 auto;
}
.o-1\:laptop {
    order: 1;
}
.o-2\:laptop {
    order: 2;
}
.o-3\:laptop {
    order: 3;
}
.o-4\:laptop {
    order: 4;
}
.o-5\:laptop {
    order: 5;
}
.o-6\:laptop {
    order: 6;
}
.o-7\:laptop {
    order: 7;
}
.o-8\:laptop {
    order: 8;
}
.o-9\:laptop {
    order: 9;
}
.o-10\:laptop {
    order: 10;
}
.o-11\:laptop {
    order: 11;
}
.o-12\:laptop {
    order: 12;
}
.o-first\:laptop {
    order: -9999;
}
.o-last\:laptop {
    order: 9999;
}
.o-reset\:laptop {
    order: initial;
}
.flex--nowrap\:laptop {
    flex-wrap: nowrap;
}
}
@media only screen and (min-width: 1200px) {
.flex__fluid\:desktop {
    flex: 1 1 auto;
}
.flex__fit\:desktop {
    flex: 0 0 auto;
}
.o-1\:desktop {
    order: 1;
}
.o-2\:desktop {
    order: 2;
}
.o-3\:desktop {
    order: 3;
}
.o-4\:desktop {
    order: 4;
}
.o-5\:desktop {
    order: 5;
}
.o-6\:desktop {
    order: 6;
}
.o-7\:desktop {
    order: 7;
}
.o-8\:desktop {
    order: 8;
}
.o-9\:desktop {
    order: 9;
}
.o-10\:desktop {
    order: 10;
}
.o-11\:desktop {
    order: 11;
}
.o-12\:desktop {
    order: 12;
}
.o-first\:desktop {
    order: -9999;
}
.o-last\:desktop {
    order: 9999;
}
.o-reset\:desktop {
    order: initial;
}
.flex--nowrap\:desktop {
    flex-wrap: nowrap;
}
}
.shadow-1 {
  box-shadow: var(--shadow--1);
}
.shadow-2 {
  box-shadow: var(--shadow--2);
}
.shadow-3 {
  box-shadow: var(--shadow--3);
}
.shadow-4 {
  box-shadow: var(--shadow--4);
}
.shadow-5 {
  box-shadow: var(--shadow--5);
}
.shadow-6 {
  box-shadow: var(--shadow--6);
}
.shadow-7 {
  box-shadow: var(--shadow--7);
}
.w-1 {
  width: 4px;
}
.w-2 {
  width: 8px;
}
.w-3 {
  width: 16px;
}
.w-4 {
  width: 24px;
}
.w-5 {
  width: 48px;
}
.w-6 {
  width: 72px;
}
.w-7 {
  width: 96px;
}
.w-auto {
  width: auto;
}
.w-100 {
  width: 100%;
}
@media only screen and (min-width: 576px) {
.w-auto\:phablet {
    width: auto;
}
.w-100\:phablet {
    width: 100%;
}
}
@media only screen and (min-width: 768px) {
.w-auto\:tablet {
    width: auto;
}
.w-100\:tablet {
    width: 100%;
}
}
@media only screen and (min-width: 992px) {
.w-auto\:laptop {
    width: auto;
}
.w-100\:laptop {
    width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.w-auto\:desktop {
    width: auto;
}
.w-100\:desktop {
    width: 100%;
}
}
.h-1 {
  height: 4px;
}
.h-2 {
  height: 8px;
}
.h-3 {
  height: 16px;
}
.h-4 {
  height: 24px;
}
.h-5 {
  height: 48px;
}
.h-6 {
  height: 72px;
}
.h-7 {
  height: 96px;
}
.h-auto {
  height: auto;
}
.h-100 {
  height: 100%;
}
@media only screen and (min-width: 576px) {
.h-auto\:phablet {
    height: auto;
}
.h-100\:phablet {
    height: 100%;
}
}
@media only screen and (min-width: 768px) {
.h-auto\:tablet {
    height: auto;
}
.h-100\:tablet {
    height: 100%;
}
}
@media only screen and (min-width: 992px) {
.h-auto\:laptop {
    height: auto;
}
.h-100\:laptop {
    height: 100%;
}
}
@media only screen and (min-width: 1200px) {
.h-auto\:desktop {
    height: auto;
}
.h-100\:desktop {
    height: 100%;
}
}
.g-1 {
  gap: 4px;
}
.gx-1 {
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.gy-1 {
  row-gap: 4px;
}
.g-2 {
  gap: 8px;
}
.gx-2 {
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.gy-2 {
  row-gap: 8px;
}
.g-3 {
  gap: 16px;
}
.gx-3 {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.gy-3 {
  row-gap: 16px;
}
.g-4 {
  gap: 24px;
}
.gx-4 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.gy-4 {
  row-gap: 24px;
}
.g-5 {
  gap: 48px;
}
.gx-5 {
  -moz-column-gap: 48px;
       column-gap: 48px;
}
.gy-5 {
  row-gap: 48px;
}
.g-6 {
  gap: 72px;
}
.gx-6 {
  -moz-column-gap: 72px;
       column-gap: 72px;
}
.gy-6 {
  row-gap: 72px;
}
.g-7 {
  gap: 96px;
}
.gx-7 {
  -moz-column-gap: 96px;
       column-gap: 96px;
}
.gy-7 {
  row-gap: 96px;
}
.g-0 {
  gap: 0px;
}
.gx-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.gy-0 {
  row-gap: 0px;
}
@media only screen and (min-width: 576px) {
.g-1\:phablet {
    gap: 4px;
}
.gx-1\:phablet {
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.gy-1\:phablet {
    row-gap: 4px;
}
.g-2\:phablet {
    gap: 8px;
}
.gx-2\:phablet {
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.gy-2\:phablet {
    row-gap: 8px;
}
.g-3\:phablet {
    gap: 16px;
}
.gx-3\:phablet {
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.gy-3\:phablet {
    row-gap: 16px;
}
.g-4\:phablet {
    gap: 24px;
}
.gx-4\:phablet {
    -moz-column-gap: 24px;
         column-gap: 24px;
}
.gy-4\:phablet {
    row-gap: 24px;
}
.g-5\:phablet {
    gap: 48px;
}
.gx-5\:phablet {
    -moz-column-gap: 48px;
         column-gap: 48px;
}
.gy-5\:phablet {
    row-gap: 48px;
}
.g-6\:phablet {
    gap: 72px;
}
.gx-6\:phablet {
    -moz-column-gap: 72px;
         column-gap: 72px;
}
.gy-6\:phablet {
    row-gap: 72px;
}
.g-7\:phablet {
    gap: 96px;
}
.gx-7\:phablet {
    -moz-column-gap: 96px;
         column-gap: 96px;
}
.gy-7\:phablet {
    row-gap: 96px;
}
.g-0\:phablet {
    gap: 0px;
}
.gx-0\:phablet {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gy-0\:phablet {
    row-gap: 0px;
}
}
@media only screen and (min-width: 768px) {
.g-1\:tablet {
    gap: 4px;
}
.gx-1\:tablet {
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.gy-1\:tablet {
    row-gap: 4px;
}
.g-2\:tablet {
    gap: 8px;
}
.gx-2\:tablet {
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.gy-2\:tablet {
    row-gap: 8px;
}
.g-3\:tablet {
    gap: 16px;
}
.gx-3\:tablet {
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.gy-3\:tablet {
    row-gap: 16px;
}
.g-4\:tablet {
    gap: 24px;
}
.gx-4\:tablet {
    -moz-column-gap: 24px;
         column-gap: 24px;
}
.gy-4\:tablet {
    row-gap: 24px;
}
.g-5\:tablet {
    gap: 48px;
}
.gx-5\:tablet {
    -moz-column-gap: 48px;
         column-gap: 48px;
}
.gy-5\:tablet {
    row-gap: 48px;
}
.g-6\:tablet {
    gap: 72px;
}
.gx-6\:tablet {
    -moz-column-gap: 72px;
         column-gap: 72px;
}
.gy-6\:tablet {
    row-gap: 72px;
}
.g-7\:tablet {
    gap: 96px;
}
.gx-7\:tablet {
    -moz-column-gap: 96px;
         column-gap: 96px;
}
.gy-7\:tablet {
    row-gap: 96px;
}
.g-0\:tablet {
    gap: 0px;
}
.gx-0\:tablet {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gy-0\:tablet {
    row-gap: 0px;
}
}
@media only screen and (min-width: 992px) {
.g-1\:laptop {
    gap: 4px;
}
.gx-1\:laptop {
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.gy-1\:laptop {
    row-gap: 4px;
}
.g-2\:laptop {
    gap: 8px;
}
.gx-2\:laptop {
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.gy-2\:laptop {
    row-gap: 8px;
}
.g-3\:laptop {
    gap: 16px;
}
.gx-3\:laptop {
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.gy-3\:laptop {
    row-gap: 16px;
}
.g-4\:laptop {
    gap: 24px;
}
.gx-4\:laptop {
    -moz-column-gap: 24px;
         column-gap: 24px;
}
.gy-4\:laptop {
    row-gap: 24px;
}
.g-5\:laptop {
    gap: 48px;
}
.gx-5\:laptop {
    -moz-column-gap: 48px;
         column-gap: 48px;
}
.gy-5\:laptop {
    row-gap: 48px;
}
.g-6\:laptop {
    gap: 72px;
}
.gx-6\:laptop {
    -moz-column-gap: 72px;
         column-gap: 72px;
}
.gy-6\:laptop {
    row-gap: 72px;
}
.g-7\:laptop {
    gap: 96px;
}
.gx-7\:laptop {
    -moz-column-gap: 96px;
         column-gap: 96px;
}
.gy-7\:laptop {
    row-gap: 96px;
}
.g-0\:laptop {
    gap: 0px;
}
.gx-0\:laptop {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gy-0\:laptop {
    row-gap: 0px;
}
}
@media only screen and (min-width: 1200px) {
.g-1\:desktop {
    gap: 4px;
}
.gx-1\:desktop {
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.gy-1\:desktop {
    row-gap: 4px;
}
.g-2\:desktop {
    gap: 8px;
}
.gx-2\:desktop {
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.gy-2\:desktop {
    row-gap: 8px;
}
.g-3\:desktop {
    gap: 16px;
}
.gx-3\:desktop {
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.gy-3\:desktop {
    row-gap: 16px;
}
.g-4\:desktop {
    gap: 24px;
}
.gx-4\:desktop {
    -moz-column-gap: 24px;
         column-gap: 24px;
}
.gy-4\:desktop {
    row-gap: 24px;
}
.g-5\:desktop {
    gap: 48px;
}
.gx-5\:desktop {
    -moz-column-gap: 48px;
         column-gap: 48px;
}
.gy-5\:desktop {
    row-gap: 48px;
}
.g-6\:desktop {
    gap: 72px;
}
.gx-6\:desktop {
    -moz-column-gap: 72px;
         column-gap: 72px;
}
.gy-6\:desktop {
    row-gap: 72px;
}
.g-7\:desktop {
    gap: 96px;
}
.gx-7\:desktop {
    -moz-column-gap: 96px;
         column-gap: 96px;
}
.gy-7\:desktop {
    row-gap: 96px;
}
.g-0\:desktop {
    gap: 0px;
}
.gx-0\:desktop {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gy-0\:desktop {
    row-gap: 0px;
}
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 0.1;
}
.opacity-2 {
  opacity: 0.2;
}
.opacity-3 {
  opacity: 0.3;
}
.opacity-4 {
  opacity: 0.4;
}
.opacity-5 {
  opacity: 0.5;
}
.opacity-6 {
  opacity: 0.6;
}
.opacity-7 {
  opacity: 0.7;
}
.opacity-8 {
  opacity: 0.8;
}
.opacity-9 {
  opacity: 0.9;
}
.hide {
  display: none !important;
}
.list-reset {
  list-style: none;
  padding: 0;
  margin: 0;
}
@keyframes shilp-loader {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes shilp-shimmer {
0% {
    background-position: -1200px 0;
}
100% {
    background-position: 1200px 0;
}
}
html,
body {
  width: 100%;
  height: 100%;
  justify-content: center;
}
#app {
  height: 100%;
}

.sub-sidebar__nav .nav__item .button {
  padding: 0px 12px;
  font-weight: 500;
  --button--bg: var(--color--light);
  --button--color: var(--color--grey);
  --button--icon-size: var(--field-icon--xl);
  --button--hover-color: var(--color--grey--darkest);
  --button--hover-bg: var(--color--grey--lightest);
}
.sub-sidebar__nav .nav__item .button.button--active {
    --button--bg: var(--color--grey--lightest);
    --button--color: var(--color--grey--darkest);
    --button--hover-color: var(--color--grey--lighter);
    --button--hover-color: var(--color--grey--darkest);
    --button--hover-bg: var(--color--grey--lightest);
}
.sub-sidebar__nav .nav__item .button svg {
    width: 22px !important;
    height: 22px !important;
}
.sub-sidebar__nav .nav__item + .nav__item {
  margin-top: 5px;
}
.sub-sidebar__nav .nav__item.is-root:not(.nav__item--exact-active) .button--active {
  --button--bg: var(--color--light);
  --button--color: var(--color--grey);
  --button--icon-size: var(--field-icon--xl);
  --button--hover-color: var(--color--grey--darkest);
  --button--hover-bg: var(--color--grey--lightest);
}

.close__icon {
  position: absolute;
  right: 20px;
  top: 10px;
}

.item-form__form--disabled {
  pointer-events: none;
  opacity: 0.5;
}

.image-card {
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 5px;
}
.image-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    border-radius: 5px;
}

.slide-image {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  overflow: hidden;
}
.slide-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}


.popup-image {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  background-color: #eaeaea;
}
.default-image {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #eaeaea;
  display: flex;
  align-items: center;
  justify-content: center;
}


.popup-image-100 {
  width: 80px;
  height: 80px;
  background-color: #eaeaea;
  border-radius: 5px;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.image-card {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 5px;
  background-color: #eaeaea;
}
.image-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    border-radius: 5px;
}

.slide-image {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  overflow: hidden;
}
.slide-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.show-color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
span {
  display: inline-block;
  vertical-align: middle;
}


.document-image {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #eaeaea;
}
.document-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/* Basic editor styles */
.ProseMirror > * + * {
  margin-top: 0.75em;
}
.ProseMirror img {
  max-width: 100%;
  height: auto;
}
.ProseMirror img.ProseMirror-selectednode {
    outline: 3px solid #68cef8;
}
.tiptap-editor {
  height: 250px;
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  word-break: break-word;
}
.tiptap-editor__topbar {
    border: 1px solid var(--color--primary--lightest);
    border-radius: 4px 4px 0px 0px;
}
.tiptap-editor__topbar .button {
      color: var(--color--primary--dark);
      border-radius: 0px;
}
.tiptap-editor__topbar .button.is-active {
        background-color: var(--color--primary--lighter);
}
.tiptap-editor__topbar .button + .button {
        border-left: 1px solid var(--color--primary--lightest);
}
.tiptap-editor__content {
    height: 150px;
    overflow: auto;
    flex: 1;
    padding: var(--space--3);
    background-color: var(--color--primary--lightest);
    border-radius: 0px 3px 3px 0px;
}
.tiptap-editor__content .ProseMirror {
      height: 100%;
      outline: none !important;
      margin-bottom: 20px;
}

.status-switch--disabled {
  pointer-events: none;
  opacity: 0.5;
}


.narration-description img {
  height: 40px;
}

.w-modal--full-height {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.w-modal--full-height > header,
  .w-modal--full-height > footer {
    flex: 0 0 auto;
}
.w-modal--full-height .w-modal__content {
    overflow: auto;
    flex: 1 1 auto;
}


.select-language .vs__dropdown-menu {
  /* Below max height property is necessary because in modal , dropdown options were
   Getting Hidden when there were many options , user was not able to see all options because modal height was small */
  max-height: 100px !important;
}


.select-user .vs__dropdown-menu {
  /* Below max height property is necessary because in modal , dropdown options were
   Getting Hidden when there were many options , user was not able to see all options because modal height was small */
  max-height: 100px !important;
}

.removable-media {
  position: relative;
}
.removable-media .media__remove {
    position: absolute;
    top: -8px;
    right: -8px;
}
.language-product {
  padding: 10px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.profile-image {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.custom-file {
  display: flex;
}
.custom-file .button {
    margin-left: auto;
    margin-right: -8px;
}
.field__password-toggle {
  border: none;
  cursor: pointer;
}
.select-modify .vs__dropdown-toggle {
  height: 40px;
  background: var(--color--primary--lightest);
  border: none;
}
.select-modify .vs__actions .vs__clear {
  display: none;
}
.select-modify.vs--single.vs--open .vs__selected {
  margin-top: 10px;
}
.select-modify.select-disable .vs__dropdown-toggle {
  background-color: var(--color--primary--lightest);
}
.profile-picture {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
}
.disabled-radio {
  opacity: 0.8;
  pointer-events: none;
  cursor: not-allowed;
}
.is-disabled {
  opacity: 0.8;
  pointer-events: none;
  cursor: not-allowed;
}
.mx-date-ui .mx-input {
  height: var(--field--size) !important;
  line-height: var(--field--size) !important;
  background-color: var(--color--primary--lightest);
  border-radius: var(--field--radius) !important;
  border: none !important;
}

.web-nav--collapsed .button {
  padding: 0px 10px !important;
}
.web-nav--collapsed .button__label {
  display: none;
}
.sidebar-logo {
  text-align: center;
  flex: 0 !important;
}
.sidebar-small-logo {
  width: 34px;
}
.sidebar-large-logo {
  width: 190px;
}
.user {
  text-decoration: none;
}
.version {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.2);
}
.nav__item .button {
  padding: 0px;
  height: 40px;
  justify-content: flex-start;
  padding: 0px 20px;
  --button--color: var(--color--light);
  --button--icon-size: var(--field-icon--xl);
  --button--hover-color: var(--color--light);
  --button--hover-bg: var(--color--grey--darker);
  font-weight: 500;
}
.nav__item .button.button--active {
    --button--bg: var(--color--grey--darker);
    --button--color: var(--color--light);
    --button--hover-color: var(--color--light);
    --button--hover-bg: var(--color--grey--darker);
}
.nav__item + .nav__item {
  margin-top: 5px;
}

.wh-auth {
  height: 100%;
  overflow: auto;
}
.master-layout.layout--top .layout__left {
  grid-row-start: 1 !important;
}
.master-layout.layout--top .layout__top {
  grid-column-start: 2 !important;
  border-bottom: 2px solid var(--color--primary--lightest);
}

.login {
  display: flex;
  height: 100%;
}
.login__left {
    display: flex;
    background: linear-gradient(90.78deg, #64748b 0%, #334155 100%);
    flex: 0 0 40%;
    align-items: center;
    justify-content: center;
}
.login__left img {
      width: 300px;
}
.login__left span {
      font-size: 50px;
      font-weight: 800;
      color: var(--color--primary--lightest);
}
.login__right {
    flex: 0 0 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cover {
  text-align: center;
}
.cover h3 {
    color: #fff;
    font-weight: 100;
    margin: 20px 0px 0px;
}
.cover__logo {
    display: block;
    margin-top: 30px;
}
.dark-logo img {
  height: 50px;
}