@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/* ---------------------------------- Font ---------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                  Poppins                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------- Variables ------------------------------- */
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* --------------------------------- Mixins --------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* --------------------------------- Global --------------------------------- * */
:root {
  --zoom: 0.3;
  --calculated-full-height: calc(100vh / var(--zoom));
  --inherit: inherit;
  --transparent: transparent;
  --navy-100: #1D2E66;
  --navy-70: #495EA8;
  --navy-50: #B5C1EA;
  --amber-xd: #51222D;
  --amber-d: #8A3F4C;
  --amber-10: #FAF1F2;
  --black: #000000;
  --space-b-xd: #18294A;
  --space-b-d: #214F79;
  --space-b-10: #ECF5FA;
  --space-b-100: #1B72A4;
  --space-b-70: #4DA3D1;
  --space-b-50: #A7D3EB;
  --space-b-20: #E4F5FC;
  --amber-100: #E17577;
  --amber-70: #F29092;
  --amber-50: #F3C7C4;
  --amber-20: #F5E3E2;
  --dark-bg-20: #1E2839;
  --dark-bg-30: #0A1221;
  --dark-bg-15: #263243;
  --dark-bg-10: #2F3A4B;
  --off-white-20: #F1F4F8;
  --off-white-10: #F6F8FA;
  --teal-white-20: #F3FAFD;
  --teal-white-10: #F7FCFE;
  --white: #FFFFFF;
  --white-shadow: #FEFFFF;
  --cool-gray-100: #15191D;
  --cool-gray-90: #26323D;
  --cool-gray-80: #4A5665;
  --cool-gray-70: #7C8B99;
  --cool-gray-60: #A9B7C3;
  --cool-gray-50: #CAD3DD;
  --cool-gray-40: #DBE2EA;
  --cool-gray-30: #E8ECF2;
  --static-light: #FEFFFF;
  --info-100: #008BB7;
  --info-70: #00A8DD;
  --info-50: #E3F4FC;
  --info-20: #F4FAFD;
  --success-100: #00AF85;
  --success-70: #12D48E;
  --success-50: #D9FFEA;
  --success-20: #EEFFF7;
  --error-100: #F4422A;
  --error-70: #FE7B69;
  --error-50: #FFEDEB;
  --error-20: #FFF6F5;
  --caution-100: #F99500;
  --caution-70: #FFB46F;
  --caution-50: #FCF4E4;
  --caution-20: #FCF9F3;
  --mariner-100: #1361D4;
  --mariner-50: #74A8F5;
  --mariner-20: #E4EFFF;
  --casper-100: #616C95;
  --casper-50: #A3B1D6;
  --casper-20: #E6EBF5;
  --lime-100: #98E000;
  --lime-50: #BAEC69;
  --lime-20: #E8F6C8;
  --orchid-100: #652EDA;
  --orchid-50: #AB9AEF;
  --orchid-20: #F0E9FF;
  --canary-100: #FCC500;
  --canary-50: #FFE4A8;
  --canary-20: #FFF3D7;
  --rose-100: #D92AB2;
  --rose-50: #F398DF;
  --rose-20: #FFEEFB;
  --rajah-100: #FF845D;
  --rajah-50: #FFB78F;
  --rajah-20: #FFE3D2;
  --burgundy-100: #A71C4E;
  --burgundy-50: #EA5D8F;
  --burgundy-20: #F9EAEF;
  --turquoise-100: #0FC7F0;
  --turquoise-50: #7BE7FF;
  --turquoise-20: #C1F3FF;
  --olive-100: #889E00;
  --olive-50: #CDDF98;
  --olive-20: #DFEFBA;
  --blue-gray-100: #D5E1EB;
  --neon-blue-100: #7987FF;
  --neon-blue-50: #95ACFF;
  --neon-blue-20: #C8D7FF;
  --d-orange-100: #FD7614;
  --d-orange-50: #FFA96B;
  --d-orange-20: #FFD8BB;
}

/* -------------------------------------------------------------------------- */
/*                                  Overwrite                                 */
/* -------------------------------------------------------------------------- */
body {
  font-family: "Poppins", sans-serif;
}

.body--dark {
  --inherit: inherit;
  --transparent: transparent;
  --navy-100: #2642A0;
  --navy-70: #232D83;
  --navy-50: #171D53;
  --amber-xd: #51222D;
  --amber-d: #8A3F4C;
  --amber-10: #432327;
  --black: #FFFFFF;
  --space-b-xd: #1B2F4E;
  --space-b-d: #214F79;
  --space-b-10: #071F35;
  --space-b-100: #15608A;
  --space-b-70: #163959;
  --space-b-50: #152E44;
  --space-b-20: #0F2F4C;
  --amber-100: #CA646B;
  --amber-70: #AC5459;
  --amber-50: #883D46;
  --amber-20: #5F2B31;
  --dark-bg-20: #161E2A;
  --dark-bg-30: #0C111A;
  --dark-bg-15: #1E2632;
  --dark-bg-10: #262F3D;
  --off-white-20: #1F2732;
  --off-white-10: #111825;
  --teal-white-20: #15202E;
  --teal-white-10: #192330;
  --white: #0E1420;
  --white-shadow: #141A27;
  --cool-gray-100: #A9B6BE;
  --cool-gray-90: #83919D;
  --cool-gray-80: #717F8C;
  --cool-gray-70: #5E6F7E;
  --cool-gray-60: #536473;
  --cool-gray-50: #3E4C5B;
  --cool-gray-40: #2E3A47;
  --cool-gray-30: #1A2532;
  --static-light: #DFE3E7;
  --info-100: #008BB7;
  --info-70: #037296;
  --info-50: #14242E;
  --info-20: #0E1B23;
  --success-100: #1D8D72;
  --success-70: #009571;
  --success-50: #153038;
  --success-20: #111D21;
  --error-100: #BC352C;
  --error-70: #9F3029;
  --error-50: #261F25;
  --error-20: #1C1A1F;
  --caution-100: #90631F;
  --caution-70: #603E0B;
  --caution-50: #232220;
  --caution-20: #1A1B1D;
  --mariner-100: #3552EA;
  --mariner-50: #182E64;
  --mariner-20: #12224A;
  --casper-100: #616C95;
  --casper-50: #2C3346;
  --casper-20: #1B2436;
  --lime-100: #5A8515;
  --lime-50: #27330A;
  --lime-20: #1E2805;
  --orchid-100: #652EDA;
  --orchid-50: #331B64;
  --orchid-20: #200E46;
  --canary-100: #9C7719;
  --canary-50: #372B10;
  --canary-20: #271E09;
  --rose-100: #8F397C;
  --rose-50: #47163B;
  --rose-20: #2D0924;
  --rajah-100: #8A451E;
  --rajah-50: #4B2610;
  --rajah-20: #301607;
  --burgundy-100: #841A47;
  --burgundy-50: #38091A;
  --burgundy-20: #240913;
  --turquoise-100: #008F98;
  --turquoise-50: #1A474E;
  --turquoise-20: #0F2A2E;
  --olive-100: #5F5502;
  --olive-50: #2F2D0C;
  --olive-20: #201F07;
  --blue-gray-100: #ECF3FA;
  --neon-blue-100: #7987FF;
  --neon-blue-50: #95ACFF;
  --neon-blue-20: #C8D7FF;
  --d-orange-100: #FD7614;
  --d-orange-50: #FFA96B;
  --d-orange-20: #FFD8BB;
}

pre {
  font-family: "Poppins", sans-serif;
}

* {
  line-height: 150% !important;
}

/* -------------------------------------------------------------------------- */
/*                                   Classes                                  */
/* -------------------------------------------------------------------------- */
.text-inherit {
  color: var(--inherit) !important;
  fill: var(--inherit);
}

.bg-inherit {
  background-color: var(--inherit) !important;
}

.svg-icon--inherit *:not([cant-change]) {
  fill: var(--inherit);
}
.svg-icon--inherit svg:not([cant-change]) {
  fill: var(--inherit);
}

.svg-icon--stroke-inherit *:not([cant-change]) {
  stroke: var(--inherit);
}
.svg-icon--stroke-inherit svg:not([cant-change]) {
  stroke: var(--inherit);
}

.text-transparent {
  color: var(--transparent) !important;
  fill: var(--transparent);
}

.bg-transparent {
  background-color: var(--transparent) !important;
}

.svg-icon--transparent *:not([cant-change]) {
  fill: var(--transparent);
}
.svg-icon--transparent svg:not([cant-change]) {
  fill: var(--transparent);
}

.svg-icon--stroke-transparent *:not([cant-change]) {
  stroke: var(--transparent);
}
.svg-icon--stroke-transparent svg:not([cant-change]) {
  stroke: var(--transparent);
}

.text-navy-100 {
  color: var(--navy-100) !important;
  fill: var(--navy-100);
}

.bg-navy-100 {
  background-color: var(--navy-100) !important;
}

.svg-icon--navy-100 *:not([cant-change]) {
  fill: var(--navy-100);
}
.svg-icon--navy-100 svg:not([cant-change]) {
  fill: var(--navy-100);
}

.svg-icon--stroke-navy-100 *:not([cant-change]) {
  stroke: var(--navy-100);
}
.svg-icon--stroke-navy-100 svg:not([cant-change]) {
  stroke: var(--navy-100);
}

.text-navy-70 {
  color: var(--navy-70) !important;
  fill: var(--navy-70);
}

.bg-navy-70 {
  background-color: var(--navy-70) !important;
}

.svg-icon--navy-70 *:not([cant-change]) {
  fill: var(--navy-70);
}
.svg-icon--navy-70 svg:not([cant-change]) {
  fill: var(--navy-70);
}

.svg-icon--stroke-navy-70 *:not([cant-change]) {
  stroke: var(--navy-70);
}
.svg-icon--stroke-navy-70 svg:not([cant-change]) {
  stroke: var(--navy-70);
}

.text-navy-50 {
  color: var(--navy-50) !important;
  fill: var(--navy-50);
}

.bg-navy-50 {
  background-color: var(--navy-50) !important;
}

.svg-icon--navy-50 *:not([cant-change]) {
  fill: var(--navy-50);
}
.svg-icon--navy-50 svg:not([cant-change]) {
  fill: var(--navy-50);
}

.svg-icon--stroke-navy-50 *:not([cant-change]) {
  stroke: var(--navy-50);
}
.svg-icon--stroke-navy-50 svg:not([cant-change]) {
  stroke: var(--navy-50);
}

.text-amber-xd {
  color: var(--amber-xd) !important;
  fill: var(--amber-xd);
}

.bg-amber-xd {
  background-color: var(--amber-xd) !important;
}

.svg-icon--amber-xd *:not([cant-change]) {
  fill: var(--amber-xd);
}
.svg-icon--amber-xd svg:not([cant-change]) {
  fill: var(--amber-xd);
}

.svg-icon--stroke-amber-xd *:not([cant-change]) {
  stroke: var(--amber-xd);
}
.svg-icon--stroke-amber-xd svg:not([cant-change]) {
  stroke: var(--amber-xd);
}

.text-amber-d {
  color: var(--amber-d) !important;
  fill: var(--amber-d);
}

.bg-amber-d {
  background-color: var(--amber-d) !important;
}

.svg-icon--amber-d *:not([cant-change]) {
  fill: var(--amber-d);
}
.svg-icon--amber-d svg:not([cant-change]) {
  fill: var(--amber-d);
}

.svg-icon--stroke-amber-d *:not([cant-change]) {
  stroke: var(--amber-d);
}
.svg-icon--stroke-amber-d svg:not([cant-change]) {
  stroke: var(--amber-d);
}

.text-amber-10 {
  color: var(--amber-10) !important;
  fill: var(--amber-10);
}

.bg-amber-10 {
  background-color: var(--amber-10) !important;
}

.svg-icon--amber-10 *:not([cant-change]) {
  fill: var(--amber-10);
}
.svg-icon--amber-10 svg:not([cant-change]) {
  fill: var(--amber-10);
}

.svg-icon--stroke-amber-10 *:not([cant-change]) {
  stroke: var(--amber-10);
}
.svg-icon--stroke-amber-10 svg:not([cant-change]) {
  stroke: var(--amber-10);
}

.text-black {
  color: var(--black) !important;
  fill: var(--black);
}

.bg-black {
  background-color: var(--black) !important;
}

.svg-icon--black *:not([cant-change]) {
  fill: var(--black);
}
.svg-icon--black svg:not([cant-change]) {
  fill: var(--black);
}

.svg-icon--stroke-black *:not([cant-change]) {
  stroke: var(--black);
}
.svg-icon--stroke-black svg:not([cant-change]) {
  stroke: var(--black);
}

.text-space-b-xd {
  color: var(--space-b-xd) !important;
  fill: var(--space-b-xd);
}

.bg-space-b-xd {
  background-color: var(--space-b-xd) !important;
}

.svg-icon--space-b-xd *:not([cant-change]) {
  fill: var(--space-b-xd);
}
.svg-icon--space-b-xd svg:not([cant-change]) {
  fill: var(--space-b-xd);
}

.svg-icon--stroke-space-b-xd *:not([cant-change]) {
  stroke: var(--space-b-xd);
}
.svg-icon--stroke-space-b-xd svg:not([cant-change]) {
  stroke: var(--space-b-xd);
}

.text-space-b-d {
  color: var(--space-b-d) !important;
  fill: var(--space-b-d);
}

.bg-space-b-d {
  background-color: var(--space-b-d) !important;
}

.svg-icon--space-b-d *:not([cant-change]) {
  fill: var(--space-b-d);
}
.svg-icon--space-b-d svg:not([cant-change]) {
  fill: var(--space-b-d);
}

.svg-icon--stroke-space-b-d *:not([cant-change]) {
  stroke: var(--space-b-d);
}
.svg-icon--stroke-space-b-d svg:not([cant-change]) {
  stroke: var(--space-b-d);
}

.text-space-b-10 {
  color: var(--space-b-10) !important;
  fill: var(--space-b-10);
}

.bg-space-b-10 {
  background-color: var(--space-b-10) !important;
}

.svg-icon--space-b-10 *:not([cant-change]) {
  fill: var(--space-b-10);
}
.svg-icon--space-b-10 svg:not([cant-change]) {
  fill: var(--space-b-10);
}

.svg-icon--stroke-space-b-10 *:not([cant-change]) {
  stroke: var(--space-b-10);
}
.svg-icon--stroke-space-b-10 svg:not([cant-change]) {
  stroke: var(--space-b-10);
}

.text-space-b-100 {
  color: var(--space-b-100) !important;
  fill: var(--space-b-100);
}

.bg-space-b-100 {
  background-color: var(--space-b-100) !important;
}

.svg-icon--space-b-100 *:not([cant-change]) {
  fill: var(--space-b-100);
}
.svg-icon--space-b-100 svg:not([cant-change]) {
  fill: var(--space-b-100);
}

.svg-icon--stroke-space-b-100 *:not([cant-change]) {
  stroke: var(--space-b-100);
}
.svg-icon--stroke-space-b-100 svg:not([cant-change]) {
  stroke: var(--space-b-100);
}

.text-space-b-70 {
  color: var(--space-b-70) !important;
  fill: var(--space-b-70);
}

.bg-space-b-70 {
  background-color: var(--space-b-70) !important;
}

.svg-icon--space-b-70 *:not([cant-change]) {
  fill: var(--space-b-70);
}
.svg-icon--space-b-70 svg:not([cant-change]) {
  fill: var(--space-b-70);
}

.svg-icon--stroke-space-b-70 *:not([cant-change]) {
  stroke: var(--space-b-70);
}
.svg-icon--stroke-space-b-70 svg:not([cant-change]) {
  stroke: var(--space-b-70);
}

.text-space-b-50 {
  color: var(--space-b-50) !important;
  fill: var(--space-b-50);
}

.bg-space-b-50 {
  background-color: var(--space-b-50) !important;
}

.svg-icon--space-b-50 *:not([cant-change]) {
  fill: var(--space-b-50);
}
.svg-icon--space-b-50 svg:not([cant-change]) {
  fill: var(--space-b-50);
}

.svg-icon--stroke-space-b-50 *:not([cant-change]) {
  stroke: var(--space-b-50);
}
.svg-icon--stroke-space-b-50 svg:not([cant-change]) {
  stroke: var(--space-b-50);
}

.text-space-b-20 {
  color: var(--space-b-20) !important;
  fill: var(--space-b-20);
}

.bg-space-b-20 {
  background-color: var(--space-b-20) !important;
}

.svg-icon--space-b-20 *:not([cant-change]) {
  fill: var(--space-b-20);
}
.svg-icon--space-b-20 svg:not([cant-change]) {
  fill: var(--space-b-20);
}

.svg-icon--stroke-space-b-20 *:not([cant-change]) {
  stroke: var(--space-b-20);
}
.svg-icon--stroke-space-b-20 svg:not([cant-change]) {
  stroke: var(--space-b-20);
}

.text-amber-100 {
  color: var(--amber-100) !important;
  fill: var(--amber-100);
}

.bg-amber-100 {
  background-color: var(--amber-100) !important;
}

.svg-icon--amber-100 *:not([cant-change]) {
  fill: var(--amber-100);
}
.svg-icon--amber-100 svg:not([cant-change]) {
  fill: var(--amber-100);
}

.svg-icon--stroke-amber-100 *:not([cant-change]) {
  stroke: var(--amber-100);
}
.svg-icon--stroke-amber-100 svg:not([cant-change]) {
  stroke: var(--amber-100);
}

.text-amber-70 {
  color: var(--amber-70) !important;
  fill: var(--amber-70);
}

.bg-amber-70 {
  background-color: var(--amber-70) !important;
}

.svg-icon--amber-70 *:not([cant-change]) {
  fill: var(--amber-70);
}
.svg-icon--amber-70 svg:not([cant-change]) {
  fill: var(--amber-70);
}

.svg-icon--stroke-amber-70 *:not([cant-change]) {
  stroke: var(--amber-70);
}
.svg-icon--stroke-amber-70 svg:not([cant-change]) {
  stroke: var(--amber-70);
}

.text-amber-50 {
  color: var(--amber-50) !important;
  fill: var(--amber-50);
}

.bg-amber-50 {
  background-color: var(--amber-50) !important;
}

.svg-icon--amber-50 *:not([cant-change]) {
  fill: var(--amber-50);
}
.svg-icon--amber-50 svg:not([cant-change]) {
  fill: var(--amber-50);
}

.svg-icon--stroke-amber-50 *:not([cant-change]) {
  stroke: var(--amber-50);
}
.svg-icon--stroke-amber-50 svg:not([cant-change]) {
  stroke: var(--amber-50);
}

.text-amber-20 {
  color: var(--amber-20) !important;
  fill: var(--amber-20);
}

.bg-amber-20 {
  background-color: var(--amber-20) !important;
}

.svg-icon--amber-20 *:not([cant-change]) {
  fill: var(--amber-20);
}
.svg-icon--amber-20 svg:not([cant-change]) {
  fill: var(--amber-20);
}

.svg-icon--stroke-amber-20 *:not([cant-change]) {
  stroke: var(--amber-20);
}
.svg-icon--stroke-amber-20 svg:not([cant-change]) {
  stroke: var(--amber-20);
}

.text-dark-bg-20 {
  color: var(--dark-bg-20) !important;
  fill: var(--dark-bg-20);
}

.bg-dark-bg-20 {
  background-color: var(--dark-bg-20) !important;
}

.svg-icon--dark-bg-20 *:not([cant-change]) {
  fill: var(--dark-bg-20);
}
.svg-icon--dark-bg-20 svg:not([cant-change]) {
  fill: var(--dark-bg-20);
}

.svg-icon--stroke-dark-bg-20 *:not([cant-change]) {
  stroke: var(--dark-bg-20);
}
.svg-icon--stroke-dark-bg-20 svg:not([cant-change]) {
  stroke: var(--dark-bg-20);
}

.text-dark-bg-30 {
  color: var(--dark-bg-30) !important;
  fill: var(--dark-bg-30);
}

.bg-dark-bg-30 {
  background-color: var(--dark-bg-30) !important;
}

.svg-icon--dark-bg-30 *:not([cant-change]) {
  fill: var(--dark-bg-30);
}
.svg-icon--dark-bg-30 svg:not([cant-change]) {
  fill: var(--dark-bg-30);
}

.svg-icon--stroke-dark-bg-30 *:not([cant-change]) {
  stroke: var(--dark-bg-30);
}
.svg-icon--stroke-dark-bg-30 svg:not([cant-change]) {
  stroke: var(--dark-bg-30);
}

.text-dark-bg-15 {
  color: var(--dark-bg-15) !important;
  fill: var(--dark-bg-15);
}

.bg-dark-bg-15 {
  background-color: var(--dark-bg-15) !important;
}

.svg-icon--dark-bg-15 *:not([cant-change]) {
  fill: var(--dark-bg-15);
}
.svg-icon--dark-bg-15 svg:not([cant-change]) {
  fill: var(--dark-bg-15);
}

.svg-icon--stroke-dark-bg-15 *:not([cant-change]) {
  stroke: var(--dark-bg-15);
}
.svg-icon--stroke-dark-bg-15 svg:not([cant-change]) {
  stroke: var(--dark-bg-15);
}

.text-dark-bg-10 {
  color: var(--dark-bg-10) !important;
  fill: var(--dark-bg-10);
}

.bg-dark-bg-10 {
  background-color: var(--dark-bg-10) !important;
}

.svg-icon--dark-bg-10 *:not([cant-change]) {
  fill: var(--dark-bg-10);
}
.svg-icon--dark-bg-10 svg:not([cant-change]) {
  fill: var(--dark-bg-10);
}

.svg-icon--stroke-dark-bg-10 *:not([cant-change]) {
  stroke: var(--dark-bg-10);
}
.svg-icon--stroke-dark-bg-10 svg:not([cant-change]) {
  stroke: var(--dark-bg-10);
}

.text-off-white-20 {
  color: var(--off-white-20) !important;
  fill: var(--off-white-20);
}

.bg-off-white-20 {
  background-color: var(--off-white-20) !important;
}

.svg-icon--off-white-20 *:not([cant-change]) {
  fill: var(--off-white-20);
}
.svg-icon--off-white-20 svg:not([cant-change]) {
  fill: var(--off-white-20);
}

.svg-icon--stroke-off-white-20 *:not([cant-change]) {
  stroke: var(--off-white-20);
}
.svg-icon--stroke-off-white-20 svg:not([cant-change]) {
  stroke: var(--off-white-20);
}

.text-off-white-10 {
  color: var(--off-white-10) !important;
  fill: var(--off-white-10);
}

.bg-off-white-10 {
  background-color: var(--off-white-10) !important;
}

.svg-icon--off-white-10 *:not([cant-change]) {
  fill: var(--off-white-10);
}
.svg-icon--off-white-10 svg:not([cant-change]) {
  fill: var(--off-white-10);
}

.svg-icon--stroke-off-white-10 *:not([cant-change]) {
  stroke: var(--off-white-10);
}
.svg-icon--stroke-off-white-10 svg:not([cant-change]) {
  stroke: var(--off-white-10);
}

.text-teal-white-20 {
  color: var(--teal-white-20) !important;
  fill: var(--teal-white-20);
}

.bg-teal-white-20 {
  background-color: var(--teal-white-20) !important;
}

.svg-icon--teal-white-20 *:not([cant-change]) {
  fill: var(--teal-white-20);
}
.svg-icon--teal-white-20 svg:not([cant-change]) {
  fill: var(--teal-white-20);
}

.svg-icon--stroke-teal-white-20 *:not([cant-change]) {
  stroke: var(--teal-white-20);
}
.svg-icon--stroke-teal-white-20 svg:not([cant-change]) {
  stroke: var(--teal-white-20);
}

.text-teal-white-10 {
  color: var(--teal-white-10) !important;
  fill: var(--teal-white-10);
}

.bg-teal-white-10 {
  background-color: var(--teal-white-10) !important;
}

.svg-icon--teal-white-10 *:not([cant-change]) {
  fill: var(--teal-white-10);
}
.svg-icon--teal-white-10 svg:not([cant-change]) {
  fill: var(--teal-white-10);
}

.svg-icon--stroke-teal-white-10 *:not([cant-change]) {
  stroke: var(--teal-white-10);
}
.svg-icon--stroke-teal-white-10 svg:not([cant-change]) {
  stroke: var(--teal-white-10);
}

.text-white {
  color: var(--white) !important;
  fill: var(--white);
}

.bg-white {
  background-color: var(--white) !important;
}

.svg-icon--white *:not([cant-change]) {
  fill: var(--white);
}
.svg-icon--white svg:not([cant-change]) {
  fill: var(--white);
}

.svg-icon--stroke-white *:not([cant-change]) {
  stroke: var(--white);
}
.svg-icon--stroke-white svg:not([cant-change]) {
  stroke: var(--white);
}

.text-white-shadow {
  color: var(--white-shadow) !important;
  fill: var(--white-shadow);
}

.bg-white-shadow {
  background-color: var(--white-shadow) !important;
}

.svg-icon--white-shadow *:not([cant-change]) {
  fill: var(--white-shadow);
}
.svg-icon--white-shadow svg:not([cant-change]) {
  fill: var(--white-shadow);
}

.svg-icon--stroke-white-shadow *:not([cant-change]) {
  stroke: var(--white-shadow);
}
.svg-icon--stroke-white-shadow svg:not([cant-change]) {
  stroke: var(--white-shadow);
}

.text-cool-gray-100 {
  color: var(--cool-gray-100) !important;
  fill: var(--cool-gray-100);
}

.bg-cool-gray-100 {
  background-color: var(--cool-gray-100) !important;
}

.svg-icon--cool-gray-100 *:not([cant-change]) {
  fill: var(--cool-gray-100);
}
.svg-icon--cool-gray-100 svg:not([cant-change]) {
  fill: var(--cool-gray-100);
}

.svg-icon--stroke-cool-gray-100 *:not([cant-change]) {
  stroke: var(--cool-gray-100);
}
.svg-icon--stroke-cool-gray-100 svg:not([cant-change]) {
  stroke: var(--cool-gray-100);
}

.text-cool-gray-90 {
  color: var(--cool-gray-90) !important;
  fill: var(--cool-gray-90);
}

.bg-cool-gray-90 {
  background-color: var(--cool-gray-90) !important;
}

.svg-icon--cool-gray-90 *:not([cant-change]) {
  fill: var(--cool-gray-90);
}
.svg-icon--cool-gray-90 svg:not([cant-change]) {
  fill: var(--cool-gray-90);
}

.svg-icon--stroke-cool-gray-90 *:not([cant-change]) {
  stroke: var(--cool-gray-90);
}
.svg-icon--stroke-cool-gray-90 svg:not([cant-change]) {
  stroke: var(--cool-gray-90);
}

.text-cool-gray-80 {
  color: var(--cool-gray-80) !important;
  fill: var(--cool-gray-80);
}

.bg-cool-gray-80 {
  background-color: var(--cool-gray-80) !important;
}

.svg-icon--cool-gray-80 *:not([cant-change]) {
  fill: var(--cool-gray-80);
}
.svg-icon--cool-gray-80 svg:not([cant-change]) {
  fill: var(--cool-gray-80);
}

.svg-icon--stroke-cool-gray-80 *:not([cant-change]) {
  stroke: var(--cool-gray-80);
}
.svg-icon--stroke-cool-gray-80 svg:not([cant-change]) {
  stroke: var(--cool-gray-80);
}

.text-cool-gray-70 {
  color: var(--cool-gray-70) !important;
  fill: var(--cool-gray-70);
}

.bg-cool-gray-70 {
  background-color: var(--cool-gray-70) !important;
}

.svg-icon--cool-gray-70 *:not([cant-change]) {
  fill: var(--cool-gray-70);
}
.svg-icon--cool-gray-70 svg:not([cant-change]) {
  fill: var(--cool-gray-70);
}

.svg-icon--stroke-cool-gray-70 *:not([cant-change]) {
  stroke: var(--cool-gray-70);
}
.svg-icon--stroke-cool-gray-70 svg:not([cant-change]) {
  stroke: var(--cool-gray-70);
}

.text-cool-gray-60 {
  color: var(--cool-gray-60) !important;
  fill: var(--cool-gray-60);
}

.bg-cool-gray-60 {
  background-color: var(--cool-gray-60) !important;
}

.svg-icon--cool-gray-60 *:not([cant-change]) {
  fill: var(--cool-gray-60);
}
.svg-icon--cool-gray-60 svg:not([cant-change]) {
  fill: var(--cool-gray-60);
}

.svg-icon--stroke-cool-gray-60 *:not([cant-change]) {
  stroke: var(--cool-gray-60);
}
.svg-icon--stroke-cool-gray-60 svg:not([cant-change]) {
  stroke: var(--cool-gray-60);
}

.text-cool-gray-50 {
  color: var(--cool-gray-50) !important;
  fill: var(--cool-gray-50);
}

.bg-cool-gray-50 {
  background-color: var(--cool-gray-50) !important;
}

.svg-icon--cool-gray-50 *:not([cant-change]) {
  fill: var(--cool-gray-50);
}
.svg-icon--cool-gray-50 svg:not([cant-change]) {
  fill: var(--cool-gray-50);
}

.svg-icon--stroke-cool-gray-50 *:not([cant-change]) {
  stroke: var(--cool-gray-50);
}
.svg-icon--stroke-cool-gray-50 svg:not([cant-change]) {
  stroke: var(--cool-gray-50);
}

.text-cool-gray-40 {
  color: var(--cool-gray-40) !important;
  fill: var(--cool-gray-40);
}

.bg-cool-gray-40 {
  background-color: var(--cool-gray-40) !important;
}

.svg-icon--cool-gray-40 *:not([cant-change]) {
  fill: var(--cool-gray-40);
}
.svg-icon--cool-gray-40 svg:not([cant-change]) {
  fill: var(--cool-gray-40);
}

.svg-icon--stroke-cool-gray-40 *:not([cant-change]) {
  stroke: var(--cool-gray-40);
}
.svg-icon--stroke-cool-gray-40 svg:not([cant-change]) {
  stroke: var(--cool-gray-40);
}

.text-cool-gray-30 {
  color: var(--cool-gray-30) !important;
  fill: var(--cool-gray-30);
}

.bg-cool-gray-30 {
  background-color: var(--cool-gray-30) !important;
}

.svg-icon--cool-gray-30 *:not([cant-change]) {
  fill: var(--cool-gray-30);
}
.svg-icon--cool-gray-30 svg:not([cant-change]) {
  fill: var(--cool-gray-30);
}

.svg-icon--stroke-cool-gray-30 *:not([cant-change]) {
  stroke: var(--cool-gray-30);
}
.svg-icon--stroke-cool-gray-30 svg:not([cant-change]) {
  stroke: var(--cool-gray-30);
}

.text-static-light {
  color: var(--static-light) !important;
  fill: var(--static-light);
}

.bg-static-light {
  background-color: var(--static-light) !important;
}

.svg-icon--static-light *:not([cant-change]) {
  fill: var(--static-light);
}
.svg-icon--static-light svg:not([cant-change]) {
  fill: var(--static-light);
}

.svg-icon--stroke-static-light *:not([cant-change]) {
  stroke: var(--static-light);
}
.svg-icon--stroke-static-light svg:not([cant-change]) {
  stroke: var(--static-light);
}

.text-info-100 {
  color: var(--info-100) !important;
  fill: var(--info-100);
}

.bg-info-100 {
  background-color: var(--info-100) !important;
}

.svg-icon--info-100 *:not([cant-change]) {
  fill: var(--info-100);
}
.svg-icon--info-100 svg:not([cant-change]) {
  fill: var(--info-100);
}

.svg-icon--stroke-info-100 *:not([cant-change]) {
  stroke: var(--info-100);
}
.svg-icon--stroke-info-100 svg:not([cant-change]) {
  stroke: var(--info-100);
}

.text-info-70 {
  color: var(--info-70) !important;
  fill: var(--info-70);
}

.bg-info-70 {
  background-color: var(--info-70) !important;
}

.svg-icon--info-70 *:not([cant-change]) {
  fill: var(--info-70);
}
.svg-icon--info-70 svg:not([cant-change]) {
  fill: var(--info-70);
}

.svg-icon--stroke-info-70 *:not([cant-change]) {
  stroke: var(--info-70);
}
.svg-icon--stroke-info-70 svg:not([cant-change]) {
  stroke: var(--info-70);
}

.text-info-50 {
  color: var(--info-50) !important;
  fill: var(--info-50);
}

.bg-info-50 {
  background-color: var(--info-50) !important;
}

.svg-icon--info-50 *:not([cant-change]) {
  fill: var(--info-50);
}
.svg-icon--info-50 svg:not([cant-change]) {
  fill: var(--info-50);
}

.svg-icon--stroke-info-50 *:not([cant-change]) {
  stroke: var(--info-50);
}
.svg-icon--stroke-info-50 svg:not([cant-change]) {
  stroke: var(--info-50);
}

.text-info-20 {
  color: var(--info-20) !important;
  fill: var(--info-20);
}

.bg-info-20 {
  background-color: var(--info-20) !important;
}

.svg-icon--info-20 *:not([cant-change]) {
  fill: var(--info-20);
}
.svg-icon--info-20 svg:not([cant-change]) {
  fill: var(--info-20);
}

.svg-icon--stroke-info-20 *:not([cant-change]) {
  stroke: var(--info-20);
}
.svg-icon--stroke-info-20 svg:not([cant-change]) {
  stroke: var(--info-20);
}

.text-success-100 {
  color: var(--success-100) !important;
  fill: var(--success-100);
}

.bg-success-100 {
  background-color: var(--success-100) !important;
}

.svg-icon--success-100 *:not([cant-change]) {
  fill: var(--success-100);
}
.svg-icon--success-100 svg:not([cant-change]) {
  fill: var(--success-100);
}

.svg-icon--stroke-success-100 *:not([cant-change]) {
  stroke: var(--success-100);
}
.svg-icon--stroke-success-100 svg:not([cant-change]) {
  stroke: var(--success-100);
}

.text-success-70 {
  color: var(--success-70) !important;
  fill: var(--success-70);
}

.bg-success-70 {
  background-color: var(--success-70) !important;
}

.svg-icon--success-70 *:not([cant-change]) {
  fill: var(--success-70);
}
.svg-icon--success-70 svg:not([cant-change]) {
  fill: var(--success-70);
}

.svg-icon--stroke-success-70 *:not([cant-change]) {
  stroke: var(--success-70);
}
.svg-icon--stroke-success-70 svg:not([cant-change]) {
  stroke: var(--success-70);
}

.text-success-50 {
  color: var(--success-50) !important;
  fill: var(--success-50);
}

.bg-success-50 {
  background-color: var(--success-50) !important;
}

.svg-icon--success-50 *:not([cant-change]) {
  fill: var(--success-50);
}
.svg-icon--success-50 svg:not([cant-change]) {
  fill: var(--success-50);
}

.svg-icon--stroke-success-50 *:not([cant-change]) {
  stroke: var(--success-50);
}
.svg-icon--stroke-success-50 svg:not([cant-change]) {
  stroke: var(--success-50);
}

.text-success-20 {
  color: var(--success-20) !important;
  fill: var(--success-20);
}

.bg-success-20 {
  background-color: var(--success-20) !important;
}

.svg-icon--success-20 *:not([cant-change]) {
  fill: var(--success-20);
}
.svg-icon--success-20 svg:not([cant-change]) {
  fill: var(--success-20);
}

.svg-icon--stroke-success-20 *:not([cant-change]) {
  stroke: var(--success-20);
}
.svg-icon--stroke-success-20 svg:not([cant-change]) {
  stroke: var(--success-20);
}

.text-error-100 {
  color: var(--error-100) !important;
  fill: var(--error-100);
}

.bg-error-100 {
  background-color: var(--error-100) !important;
}

.svg-icon--error-100 *:not([cant-change]) {
  fill: var(--error-100);
}
.svg-icon--error-100 svg:not([cant-change]) {
  fill: var(--error-100);
}

.svg-icon--stroke-error-100 *:not([cant-change]) {
  stroke: var(--error-100);
}
.svg-icon--stroke-error-100 svg:not([cant-change]) {
  stroke: var(--error-100);
}

.text-error-70 {
  color: var(--error-70) !important;
  fill: var(--error-70);
}

.bg-error-70 {
  background-color: var(--error-70) !important;
}

.svg-icon--error-70 *:not([cant-change]) {
  fill: var(--error-70);
}
.svg-icon--error-70 svg:not([cant-change]) {
  fill: var(--error-70);
}

.svg-icon--stroke-error-70 *:not([cant-change]) {
  stroke: var(--error-70);
}
.svg-icon--stroke-error-70 svg:not([cant-change]) {
  stroke: var(--error-70);
}

.text-error-50 {
  color: var(--error-50) !important;
  fill: var(--error-50);
}

.bg-error-50 {
  background-color: var(--error-50) !important;
}

.svg-icon--error-50 *:not([cant-change]) {
  fill: var(--error-50);
}
.svg-icon--error-50 svg:not([cant-change]) {
  fill: var(--error-50);
}

.svg-icon--stroke-error-50 *:not([cant-change]) {
  stroke: var(--error-50);
}
.svg-icon--stroke-error-50 svg:not([cant-change]) {
  stroke: var(--error-50);
}

.text-error-20 {
  color: var(--error-20) !important;
  fill: var(--error-20);
}

.bg-error-20 {
  background-color: var(--error-20) !important;
}

.svg-icon--error-20 *:not([cant-change]) {
  fill: var(--error-20);
}
.svg-icon--error-20 svg:not([cant-change]) {
  fill: var(--error-20);
}

.svg-icon--stroke-error-20 *:not([cant-change]) {
  stroke: var(--error-20);
}
.svg-icon--stroke-error-20 svg:not([cant-change]) {
  stroke: var(--error-20);
}

.text-caution-100 {
  color: var(--caution-100) !important;
  fill: var(--caution-100);
}

.bg-caution-100 {
  background-color: var(--caution-100) !important;
}

.svg-icon--caution-100 *:not([cant-change]) {
  fill: var(--caution-100);
}
.svg-icon--caution-100 svg:not([cant-change]) {
  fill: var(--caution-100);
}

.svg-icon--stroke-caution-100 *:not([cant-change]) {
  stroke: var(--caution-100);
}
.svg-icon--stroke-caution-100 svg:not([cant-change]) {
  stroke: var(--caution-100);
}

.text-caution-70 {
  color: var(--caution-70) !important;
  fill: var(--caution-70);
}

.bg-caution-70 {
  background-color: var(--caution-70) !important;
}

.svg-icon--caution-70 *:not([cant-change]) {
  fill: var(--caution-70);
}
.svg-icon--caution-70 svg:not([cant-change]) {
  fill: var(--caution-70);
}

.svg-icon--stroke-caution-70 *:not([cant-change]) {
  stroke: var(--caution-70);
}
.svg-icon--stroke-caution-70 svg:not([cant-change]) {
  stroke: var(--caution-70);
}

.text-caution-50 {
  color: var(--caution-50) !important;
  fill: var(--caution-50);
}

.bg-caution-50 {
  background-color: var(--caution-50) !important;
}

.svg-icon--caution-50 *:not([cant-change]) {
  fill: var(--caution-50);
}
.svg-icon--caution-50 svg:not([cant-change]) {
  fill: var(--caution-50);
}

.svg-icon--stroke-caution-50 *:not([cant-change]) {
  stroke: var(--caution-50);
}
.svg-icon--stroke-caution-50 svg:not([cant-change]) {
  stroke: var(--caution-50);
}

.text-caution-20 {
  color: var(--caution-20) !important;
  fill: var(--caution-20);
}

.bg-caution-20 {
  background-color: var(--caution-20) !important;
}

.svg-icon--caution-20 *:not([cant-change]) {
  fill: var(--caution-20);
}
.svg-icon--caution-20 svg:not([cant-change]) {
  fill: var(--caution-20);
}

.svg-icon--stroke-caution-20 *:not([cant-change]) {
  stroke: var(--caution-20);
}
.svg-icon--stroke-caution-20 svg:not([cant-change]) {
  stroke: var(--caution-20);
}

.text-mariner-100 {
  color: var(--mariner-100) !important;
  fill: var(--mariner-100);
}

.bg-mariner-100 {
  background-color: var(--mariner-100) !important;
}

.svg-icon--mariner-100 *:not([cant-change]) {
  fill: var(--mariner-100);
}
.svg-icon--mariner-100 svg:not([cant-change]) {
  fill: var(--mariner-100);
}

.svg-icon--stroke-mariner-100 *:not([cant-change]) {
  stroke: var(--mariner-100);
}
.svg-icon--stroke-mariner-100 svg:not([cant-change]) {
  stroke: var(--mariner-100);
}

.text-mariner-50 {
  color: var(--mariner-50) !important;
  fill: var(--mariner-50);
}

.bg-mariner-50 {
  background-color: var(--mariner-50) !important;
}

.svg-icon--mariner-50 *:not([cant-change]) {
  fill: var(--mariner-50);
}
.svg-icon--mariner-50 svg:not([cant-change]) {
  fill: var(--mariner-50);
}

.svg-icon--stroke-mariner-50 *:not([cant-change]) {
  stroke: var(--mariner-50);
}
.svg-icon--stroke-mariner-50 svg:not([cant-change]) {
  stroke: var(--mariner-50);
}

.text-mariner-20 {
  color: var(--mariner-20) !important;
  fill: var(--mariner-20);
}

.bg-mariner-20 {
  background-color: var(--mariner-20) !important;
}

.svg-icon--mariner-20 *:not([cant-change]) {
  fill: var(--mariner-20);
}
.svg-icon--mariner-20 svg:not([cant-change]) {
  fill: var(--mariner-20);
}

.svg-icon--stroke-mariner-20 *:not([cant-change]) {
  stroke: var(--mariner-20);
}
.svg-icon--stroke-mariner-20 svg:not([cant-change]) {
  stroke: var(--mariner-20);
}

.text-casper-100 {
  color: var(--casper-100) !important;
  fill: var(--casper-100);
}

.bg-casper-100 {
  background-color: var(--casper-100) !important;
}

.svg-icon--casper-100 *:not([cant-change]) {
  fill: var(--casper-100);
}
.svg-icon--casper-100 svg:not([cant-change]) {
  fill: var(--casper-100);
}

.svg-icon--stroke-casper-100 *:not([cant-change]) {
  stroke: var(--casper-100);
}
.svg-icon--stroke-casper-100 svg:not([cant-change]) {
  stroke: var(--casper-100);
}

.text-casper-50 {
  color: var(--casper-50) !important;
  fill: var(--casper-50);
}

.bg-casper-50 {
  background-color: var(--casper-50) !important;
}

.svg-icon--casper-50 *:not([cant-change]) {
  fill: var(--casper-50);
}
.svg-icon--casper-50 svg:not([cant-change]) {
  fill: var(--casper-50);
}

.svg-icon--stroke-casper-50 *:not([cant-change]) {
  stroke: var(--casper-50);
}
.svg-icon--stroke-casper-50 svg:not([cant-change]) {
  stroke: var(--casper-50);
}

.text-casper-20 {
  color: var(--casper-20) !important;
  fill: var(--casper-20);
}

.bg-casper-20 {
  background-color: var(--casper-20) !important;
}

.svg-icon--casper-20 *:not([cant-change]) {
  fill: var(--casper-20);
}
.svg-icon--casper-20 svg:not([cant-change]) {
  fill: var(--casper-20);
}

.svg-icon--stroke-casper-20 *:not([cant-change]) {
  stroke: var(--casper-20);
}
.svg-icon--stroke-casper-20 svg:not([cant-change]) {
  stroke: var(--casper-20);
}

.text-lime-100 {
  color: var(--lime-100) !important;
  fill: var(--lime-100);
}

.bg-lime-100 {
  background-color: var(--lime-100) !important;
}

.svg-icon--lime-100 *:not([cant-change]) {
  fill: var(--lime-100);
}
.svg-icon--lime-100 svg:not([cant-change]) {
  fill: var(--lime-100);
}

.svg-icon--stroke-lime-100 *:not([cant-change]) {
  stroke: var(--lime-100);
}
.svg-icon--stroke-lime-100 svg:not([cant-change]) {
  stroke: var(--lime-100);
}

.text-lime-50 {
  color: var(--lime-50) !important;
  fill: var(--lime-50);
}

.bg-lime-50 {
  background-color: var(--lime-50) !important;
}

.svg-icon--lime-50 *:not([cant-change]) {
  fill: var(--lime-50);
}
.svg-icon--lime-50 svg:not([cant-change]) {
  fill: var(--lime-50);
}

.svg-icon--stroke-lime-50 *:not([cant-change]) {
  stroke: var(--lime-50);
}
.svg-icon--stroke-lime-50 svg:not([cant-change]) {
  stroke: var(--lime-50);
}

.text-lime-20 {
  color: var(--lime-20) !important;
  fill: var(--lime-20);
}

.bg-lime-20 {
  background-color: var(--lime-20) !important;
}

.svg-icon--lime-20 *:not([cant-change]) {
  fill: var(--lime-20);
}
.svg-icon--lime-20 svg:not([cant-change]) {
  fill: var(--lime-20);
}

.svg-icon--stroke-lime-20 *:not([cant-change]) {
  stroke: var(--lime-20);
}
.svg-icon--stroke-lime-20 svg:not([cant-change]) {
  stroke: var(--lime-20);
}

.text-orchid-100 {
  color: var(--orchid-100) !important;
  fill: var(--orchid-100);
}

.bg-orchid-100 {
  background-color: var(--orchid-100) !important;
}

.svg-icon--orchid-100 *:not([cant-change]) {
  fill: var(--orchid-100);
}
.svg-icon--orchid-100 svg:not([cant-change]) {
  fill: var(--orchid-100);
}

.svg-icon--stroke-orchid-100 *:not([cant-change]) {
  stroke: var(--orchid-100);
}
.svg-icon--stroke-orchid-100 svg:not([cant-change]) {
  stroke: var(--orchid-100);
}

.text-orchid-50 {
  color: var(--orchid-50) !important;
  fill: var(--orchid-50);
}

.bg-orchid-50 {
  background-color: var(--orchid-50) !important;
}

.svg-icon--orchid-50 *:not([cant-change]) {
  fill: var(--orchid-50);
}
.svg-icon--orchid-50 svg:not([cant-change]) {
  fill: var(--orchid-50);
}

.svg-icon--stroke-orchid-50 *:not([cant-change]) {
  stroke: var(--orchid-50);
}
.svg-icon--stroke-orchid-50 svg:not([cant-change]) {
  stroke: var(--orchid-50);
}

.text-orchid-20 {
  color: var(--orchid-20) !important;
  fill: var(--orchid-20);
}

.bg-orchid-20 {
  background-color: var(--orchid-20) !important;
}

.svg-icon--orchid-20 *:not([cant-change]) {
  fill: var(--orchid-20);
}
.svg-icon--orchid-20 svg:not([cant-change]) {
  fill: var(--orchid-20);
}

.svg-icon--stroke-orchid-20 *:not([cant-change]) {
  stroke: var(--orchid-20);
}
.svg-icon--stroke-orchid-20 svg:not([cant-change]) {
  stroke: var(--orchid-20);
}

.text-canary-100 {
  color: var(--canary-100) !important;
  fill: var(--canary-100);
}

.bg-canary-100 {
  background-color: var(--canary-100) !important;
}

.svg-icon--canary-100 *:not([cant-change]) {
  fill: var(--canary-100);
}
.svg-icon--canary-100 svg:not([cant-change]) {
  fill: var(--canary-100);
}

.svg-icon--stroke-canary-100 *:not([cant-change]) {
  stroke: var(--canary-100);
}
.svg-icon--stroke-canary-100 svg:not([cant-change]) {
  stroke: var(--canary-100);
}

.text-canary-50 {
  color: var(--canary-50) !important;
  fill: var(--canary-50);
}

.bg-canary-50 {
  background-color: var(--canary-50) !important;
}

.svg-icon--canary-50 *:not([cant-change]) {
  fill: var(--canary-50);
}
.svg-icon--canary-50 svg:not([cant-change]) {
  fill: var(--canary-50);
}

.svg-icon--stroke-canary-50 *:not([cant-change]) {
  stroke: var(--canary-50);
}
.svg-icon--stroke-canary-50 svg:not([cant-change]) {
  stroke: var(--canary-50);
}

.text-canary-20 {
  color: var(--canary-20) !important;
  fill: var(--canary-20);
}

.bg-canary-20 {
  background-color: var(--canary-20) !important;
}

.svg-icon--canary-20 *:not([cant-change]) {
  fill: var(--canary-20);
}
.svg-icon--canary-20 svg:not([cant-change]) {
  fill: var(--canary-20);
}

.svg-icon--stroke-canary-20 *:not([cant-change]) {
  stroke: var(--canary-20);
}
.svg-icon--stroke-canary-20 svg:not([cant-change]) {
  stroke: var(--canary-20);
}

.text-rose-100 {
  color: var(--rose-100) !important;
  fill: var(--rose-100);
}

.bg-rose-100 {
  background-color: var(--rose-100) !important;
}

.svg-icon--rose-100 *:not([cant-change]) {
  fill: var(--rose-100);
}
.svg-icon--rose-100 svg:not([cant-change]) {
  fill: var(--rose-100);
}

.svg-icon--stroke-rose-100 *:not([cant-change]) {
  stroke: var(--rose-100);
}
.svg-icon--stroke-rose-100 svg:not([cant-change]) {
  stroke: var(--rose-100);
}

.text-rose-50 {
  color: var(--rose-50) !important;
  fill: var(--rose-50);
}

.bg-rose-50 {
  background-color: var(--rose-50) !important;
}

.svg-icon--rose-50 *:not([cant-change]) {
  fill: var(--rose-50);
}
.svg-icon--rose-50 svg:not([cant-change]) {
  fill: var(--rose-50);
}

.svg-icon--stroke-rose-50 *:not([cant-change]) {
  stroke: var(--rose-50);
}
.svg-icon--stroke-rose-50 svg:not([cant-change]) {
  stroke: var(--rose-50);
}

.text-rose-20 {
  color: var(--rose-20) !important;
  fill: var(--rose-20);
}

.bg-rose-20 {
  background-color: var(--rose-20) !important;
}

.svg-icon--rose-20 *:not([cant-change]) {
  fill: var(--rose-20);
}
.svg-icon--rose-20 svg:not([cant-change]) {
  fill: var(--rose-20);
}

.svg-icon--stroke-rose-20 *:not([cant-change]) {
  stroke: var(--rose-20);
}
.svg-icon--stroke-rose-20 svg:not([cant-change]) {
  stroke: var(--rose-20);
}

.text-rajah-100 {
  color: var(--rajah-100) !important;
  fill: var(--rajah-100);
}

.bg-rajah-100 {
  background-color: var(--rajah-100) !important;
}

.svg-icon--rajah-100 *:not([cant-change]) {
  fill: var(--rajah-100);
}
.svg-icon--rajah-100 svg:not([cant-change]) {
  fill: var(--rajah-100);
}

.svg-icon--stroke-rajah-100 *:not([cant-change]) {
  stroke: var(--rajah-100);
}
.svg-icon--stroke-rajah-100 svg:not([cant-change]) {
  stroke: var(--rajah-100);
}

.text-rajah-50 {
  color: var(--rajah-50) !important;
  fill: var(--rajah-50);
}

.bg-rajah-50 {
  background-color: var(--rajah-50) !important;
}

.svg-icon--rajah-50 *:not([cant-change]) {
  fill: var(--rajah-50);
}
.svg-icon--rajah-50 svg:not([cant-change]) {
  fill: var(--rajah-50);
}

.svg-icon--stroke-rajah-50 *:not([cant-change]) {
  stroke: var(--rajah-50);
}
.svg-icon--stroke-rajah-50 svg:not([cant-change]) {
  stroke: var(--rajah-50);
}

.text-rajah-20 {
  color: var(--rajah-20) !important;
  fill: var(--rajah-20);
}

.bg-rajah-20 {
  background-color: var(--rajah-20) !important;
}

.svg-icon--rajah-20 *:not([cant-change]) {
  fill: var(--rajah-20);
}
.svg-icon--rajah-20 svg:not([cant-change]) {
  fill: var(--rajah-20);
}

.svg-icon--stroke-rajah-20 *:not([cant-change]) {
  stroke: var(--rajah-20);
}
.svg-icon--stroke-rajah-20 svg:not([cant-change]) {
  stroke: var(--rajah-20);
}

.text-burgundy-100 {
  color: var(--burgundy-100) !important;
  fill: var(--burgundy-100);
}

.bg-burgundy-100 {
  background-color: var(--burgundy-100) !important;
}

.svg-icon--burgundy-100 *:not([cant-change]) {
  fill: var(--burgundy-100);
}
.svg-icon--burgundy-100 svg:not([cant-change]) {
  fill: var(--burgundy-100);
}

.svg-icon--stroke-burgundy-100 *:not([cant-change]) {
  stroke: var(--burgundy-100);
}
.svg-icon--stroke-burgundy-100 svg:not([cant-change]) {
  stroke: var(--burgundy-100);
}

.text-burgundy-50 {
  color: var(--burgundy-50) !important;
  fill: var(--burgundy-50);
}

.bg-burgundy-50 {
  background-color: var(--burgundy-50) !important;
}

.svg-icon--burgundy-50 *:not([cant-change]) {
  fill: var(--burgundy-50);
}
.svg-icon--burgundy-50 svg:not([cant-change]) {
  fill: var(--burgundy-50);
}

.svg-icon--stroke-burgundy-50 *:not([cant-change]) {
  stroke: var(--burgundy-50);
}
.svg-icon--stroke-burgundy-50 svg:not([cant-change]) {
  stroke: var(--burgundy-50);
}

.text-burgundy-20 {
  color: var(--burgundy-20) !important;
  fill: var(--burgundy-20);
}

.bg-burgundy-20 {
  background-color: var(--burgundy-20) !important;
}

.svg-icon--burgundy-20 *:not([cant-change]) {
  fill: var(--burgundy-20);
}
.svg-icon--burgundy-20 svg:not([cant-change]) {
  fill: var(--burgundy-20);
}

.svg-icon--stroke-burgundy-20 *:not([cant-change]) {
  stroke: var(--burgundy-20);
}
.svg-icon--stroke-burgundy-20 svg:not([cant-change]) {
  stroke: var(--burgundy-20);
}

.text-turquoise-100 {
  color: var(--turquoise-100) !important;
  fill: var(--turquoise-100);
}

.bg-turquoise-100 {
  background-color: var(--turquoise-100) !important;
}

.svg-icon--turquoise-100 *:not([cant-change]) {
  fill: var(--turquoise-100);
}
.svg-icon--turquoise-100 svg:not([cant-change]) {
  fill: var(--turquoise-100);
}

.svg-icon--stroke-turquoise-100 *:not([cant-change]) {
  stroke: var(--turquoise-100);
}
.svg-icon--stroke-turquoise-100 svg:not([cant-change]) {
  stroke: var(--turquoise-100);
}

.text-turquoise-50 {
  color: var(--turquoise-50) !important;
  fill: var(--turquoise-50);
}

.bg-turquoise-50 {
  background-color: var(--turquoise-50) !important;
}

.svg-icon--turquoise-50 *:not([cant-change]) {
  fill: var(--turquoise-50);
}
.svg-icon--turquoise-50 svg:not([cant-change]) {
  fill: var(--turquoise-50);
}

.svg-icon--stroke-turquoise-50 *:not([cant-change]) {
  stroke: var(--turquoise-50);
}
.svg-icon--stroke-turquoise-50 svg:not([cant-change]) {
  stroke: var(--turquoise-50);
}

.text-turquoise-20 {
  color: var(--turquoise-20) !important;
  fill: var(--turquoise-20);
}

.bg-turquoise-20 {
  background-color: var(--turquoise-20) !important;
}

.svg-icon--turquoise-20 *:not([cant-change]) {
  fill: var(--turquoise-20);
}
.svg-icon--turquoise-20 svg:not([cant-change]) {
  fill: var(--turquoise-20);
}

.svg-icon--stroke-turquoise-20 *:not([cant-change]) {
  stroke: var(--turquoise-20);
}
.svg-icon--stroke-turquoise-20 svg:not([cant-change]) {
  stroke: var(--turquoise-20);
}

.text-olive-100 {
  color: var(--olive-100) !important;
  fill: var(--olive-100);
}

.bg-olive-100 {
  background-color: var(--olive-100) !important;
}

.svg-icon--olive-100 *:not([cant-change]) {
  fill: var(--olive-100);
}
.svg-icon--olive-100 svg:not([cant-change]) {
  fill: var(--olive-100);
}

.svg-icon--stroke-olive-100 *:not([cant-change]) {
  stroke: var(--olive-100);
}
.svg-icon--stroke-olive-100 svg:not([cant-change]) {
  stroke: var(--olive-100);
}

.text-olive-50 {
  color: var(--olive-50) !important;
  fill: var(--olive-50);
}

.bg-olive-50 {
  background-color: var(--olive-50) !important;
}

.svg-icon--olive-50 *:not([cant-change]) {
  fill: var(--olive-50);
}
.svg-icon--olive-50 svg:not([cant-change]) {
  fill: var(--olive-50);
}

.svg-icon--stroke-olive-50 *:not([cant-change]) {
  stroke: var(--olive-50);
}
.svg-icon--stroke-olive-50 svg:not([cant-change]) {
  stroke: var(--olive-50);
}

.text-olive-20 {
  color: var(--olive-20) !important;
  fill: var(--olive-20);
}

.bg-olive-20 {
  background-color: var(--olive-20) !important;
}

.svg-icon--olive-20 *:not([cant-change]) {
  fill: var(--olive-20);
}
.svg-icon--olive-20 svg:not([cant-change]) {
  fill: var(--olive-20);
}

.svg-icon--stroke-olive-20 *:not([cant-change]) {
  stroke: var(--olive-20);
}
.svg-icon--stroke-olive-20 svg:not([cant-change]) {
  stroke: var(--olive-20);
}

.text-blue-gray-100 {
  color: var(--blue-gray-100) !important;
  fill: var(--blue-gray-100);
}

.bg-blue-gray-100 {
  background-color: var(--blue-gray-100) !important;
}

.svg-icon--blue-gray-100 *:not([cant-change]) {
  fill: var(--blue-gray-100);
}
.svg-icon--blue-gray-100 svg:not([cant-change]) {
  fill: var(--blue-gray-100);
}

.svg-icon--stroke-blue-gray-100 *:not([cant-change]) {
  stroke: var(--blue-gray-100);
}
.svg-icon--stroke-blue-gray-100 svg:not([cant-change]) {
  stroke: var(--blue-gray-100);
}

.text-neon-blue-100 {
  color: var(--neon-blue-100) !important;
  fill: var(--neon-blue-100);
}

.bg-neon-blue-100 {
  background-color: var(--neon-blue-100) !important;
}

.svg-icon--neon-blue-100 *:not([cant-change]) {
  fill: var(--neon-blue-100);
}
.svg-icon--neon-blue-100 svg:not([cant-change]) {
  fill: var(--neon-blue-100);
}

.svg-icon--stroke-neon-blue-100 *:not([cant-change]) {
  stroke: var(--neon-blue-100);
}
.svg-icon--stroke-neon-blue-100 svg:not([cant-change]) {
  stroke: var(--neon-blue-100);
}

.text-neon-blue-50 {
  color: var(--neon-blue-50) !important;
  fill: var(--neon-blue-50);
}

.bg-neon-blue-50 {
  background-color: var(--neon-blue-50) !important;
}

.svg-icon--neon-blue-50 *:not([cant-change]) {
  fill: var(--neon-blue-50);
}
.svg-icon--neon-blue-50 svg:not([cant-change]) {
  fill: var(--neon-blue-50);
}

.svg-icon--stroke-neon-blue-50 *:not([cant-change]) {
  stroke: var(--neon-blue-50);
}
.svg-icon--stroke-neon-blue-50 svg:not([cant-change]) {
  stroke: var(--neon-blue-50);
}

.text-neon-blue-20 {
  color: var(--neon-blue-20) !important;
  fill: var(--neon-blue-20);
}

.bg-neon-blue-20 {
  background-color: var(--neon-blue-20) !important;
}

.svg-icon--neon-blue-20 *:not([cant-change]) {
  fill: var(--neon-blue-20);
}
.svg-icon--neon-blue-20 svg:not([cant-change]) {
  fill: var(--neon-blue-20);
}

.svg-icon--stroke-neon-blue-20 *:not([cant-change]) {
  stroke: var(--neon-blue-20);
}
.svg-icon--stroke-neon-blue-20 svg:not([cant-change]) {
  stroke: var(--neon-blue-20);
}

.text-d-orange-100 {
  color: var(--d-orange-100) !important;
  fill: var(--d-orange-100);
}

.bg-d-orange-100 {
  background-color: var(--d-orange-100) !important;
}

.svg-icon--d-orange-100 *:not([cant-change]) {
  fill: var(--d-orange-100);
}
.svg-icon--d-orange-100 svg:not([cant-change]) {
  fill: var(--d-orange-100);
}

.svg-icon--stroke-d-orange-100 *:not([cant-change]) {
  stroke: var(--d-orange-100);
}
.svg-icon--stroke-d-orange-100 svg:not([cant-change]) {
  stroke: var(--d-orange-100);
}

.text-d-orange-50 {
  color: var(--d-orange-50) !important;
  fill: var(--d-orange-50);
}

.bg-d-orange-50 {
  background-color: var(--d-orange-50) !important;
}

.svg-icon--d-orange-50 *:not([cant-change]) {
  fill: var(--d-orange-50);
}
.svg-icon--d-orange-50 svg:not([cant-change]) {
  fill: var(--d-orange-50);
}

.svg-icon--stroke-d-orange-50 *:not([cant-change]) {
  stroke: var(--d-orange-50);
}
.svg-icon--stroke-d-orange-50 svg:not([cant-change]) {
  stroke: var(--d-orange-50);
}

.text-d-orange-20 {
  color: var(--d-orange-20) !important;
  fill: var(--d-orange-20);
}

.bg-d-orange-20 {
  background-color: var(--d-orange-20) !important;
}

.svg-icon--d-orange-20 *:not([cant-change]) {
  fill: var(--d-orange-20);
}
.svg-icon--d-orange-20 svg:not([cant-change]) {
  fill: var(--d-orange-20);
}

.svg-icon--stroke-d-orange-20 *:not([cant-change]) {
  stroke: var(--d-orange-20);
}
.svg-icon--stroke-d-orange-20 svg:not([cant-change]) {
  stroke: var(--d-orange-20);
}

.svg-icon--inherit *:not([cant-change]) {
  fill: currentColor;
}
.svg-icon--inherit svg:not([cant-change]) {
  fill: currentColor;
}

.svg-icon--stroke-inherit *:not([cant-change]) {
  stroke: currentColor;
}
.svg-icon--stroke-inherit svg:not([cant-change]) {
  stroke: currentColor;
}

.gap-auto {
  gap: auto;
}

.gap-row-auto {
  row-gap: auto;
}

.gap-col-auto {
  column-gap: auto;
}

.gap-none {
  gap: 0;
}

.gap-row-none {
  row-gap: 0;
}

.gap-col-none {
  column-gap: 0;
}

.gap-xs {
  gap: 4px;
}

.gap-row-xs {
  row-gap: 4px;
}

.gap-col-xs {
  column-gap: 4px;
}

.gap-sm {
  gap: 8px;
}

.gap-row-sm {
  row-gap: 8px;
}

.gap-col-sm {
  column-gap: 8px;
}

.gap-md {
  gap: 16px;
}

.gap-row-md {
  row-gap: 16px;
}

.gap-col-md {
  column-gap: 16px;
}

.gap-lg {
  gap: 24px;
}

.gap-row-lg {
  row-gap: 24px;
}

.gap-col-lg {
  column-gap: 24px;
}

.gap-xl {
  gap: 32px;
}

.gap-row-xl {
  row-gap: 32px;
}

.gap-col-xl {
  column-gap: 32px;
}

.gap-40 {
  gap: 40px;
}

.gap-row-40 {
  row-gap: 40px;
}

.gap-col-40 {
  column-gap: 40px;
}

.gap-48 {
  gap: 48px;
}

.gap-row-48 {
  row-gap: 48px;
}

.gap-col-48 {
  column-gap: 48px;
}

.gap-56 {
  gap: 56px;
}

.gap-row-56 {
  row-gap: 56px;
}

.gap-col-56 {
  column-gap: 56px;
}

.gap-64 {
  gap: 64px;
}

.gap-row-64 {
  row-gap: 64px;
}

.gap-col-64 {
  column-gap: 64px;
}

.gap-72 {
  gap: 72px;
}

.gap-row-72 {
  row-gap: 72px;
}

.gap-col-72 {
  column-gap: 72px;
}

.gap-12 {
  gap: 12px;
}

.gap-row-12 {
  row-gap: 12px;
}

.gap-col-12 {
  column-gap: 12px;
}

.gap-20 {
  gap: 20px;
}

.gap-row-20 {
  row-gap: 20px;
}

.gap-col-20 {
  column-gap: 20px;
}

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

.rounded-4 {
  border-radius: 4px;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-12 {
  border-radius: 12px;
}

.rounded-16 {
  border-radius: 16px;
}

.rounded-20 {
  border-radius: 20px;
}

.rounded-24 {
  border-radius: 24px;
}

.rounded-32 {
  border-radius: 32px;
}

.rounded-40 {
  border-radius: 40px;
}

.rounded-48 {
  border-radius: 48px;
}

@media only screen and (max-width: 360px) {
  .gap-xs-auto {
    gap: auto;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-auto {
    row-gap: auto;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-auto {
    column-gap: auto;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-none {
    gap: 0;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-none {
    row-gap: 0;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-none {
    column-gap: 0;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-xs {
    gap: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-xs {
    row-gap: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-xs {
    column-gap: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-sm {
    gap: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-sm {
    row-gap: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-sm {
    column-gap: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-md {
    gap: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-md {
    row-gap: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-md {
    column-gap: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-lg {
    gap: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-lg {
    row-gap: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-lg {
    column-gap: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-xl {
    gap: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-xl {
    row-gap: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-xl {
    column-gap: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-40 {
    gap: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-40 {
    row-gap: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-40 {
    column-gap: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-48 {
    gap: 48px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-48 {
    row-gap: 48px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-48 {
    column-gap: 48px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-56 {
    gap: 56px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-56 {
    row-gap: 56px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-56 {
    column-gap: 56px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-64 {
    gap: 64px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-64 {
    row-gap: 64px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-64 {
    column-gap: 64px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-72 {
    gap: 72px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-72 {
    row-gap: 72px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-72 {
    column-gap: 72px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-12 {
    gap: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-12 {
    row-gap: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-12 {
    column-gap: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-20 {
    gap: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-20 {
    row-gap: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-20 {
    column-gap: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-circle {
    border-radius: 50%;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-4 {
    border-radius: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-8 {
    border-radius: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-12 {
    border-radius: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-16 {
    border-radius: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-20 {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-24 {
    border-radius: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-32 {
    border-radius: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-40 {
    border-radius: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-48 {
    border-radius: 48px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-auto {
    gap: auto;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-auto {
    row-gap: auto;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-auto {
    column-gap: auto;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-none {
    gap: 0;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-none {
    row-gap: 0;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-none {
    column-gap: 0;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-xs {
    gap: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-xs {
    row-gap: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-xs {
    column-gap: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-sm {
    gap: 8px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-sm {
    row-gap: 8px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-sm {
    column-gap: 8px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-md {
    gap: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-md {
    row-gap: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-md {
    column-gap: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-lg {
    gap: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-lg {
    row-gap: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-lg {
    column-gap: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-xl {
    gap: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-xl {
    row-gap: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-xl {
    column-gap: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-40 {
    gap: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-40 {
    row-gap: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-40 {
    column-gap: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-48 {
    gap: 48px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-48 {
    row-gap: 48px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-48 {
    column-gap: 48px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-56 {
    gap: 56px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-56 {
    row-gap: 56px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-56 {
    column-gap: 56px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-64 {
    gap: 64px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-64 {
    row-gap: 64px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-64 {
    column-gap: 64px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-72 {
    gap: 72px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-72 {
    row-gap: 72px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-72 {
    column-gap: 72px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-12 {
    gap: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-12 {
    row-gap: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-12 {
    column-gap: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-20 {
    gap: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-20 {
    row-gap: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-20 {
    column-gap: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-circle {
    border-radius: 50%;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-4 {
    border-radius: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-8 {
    border-radius: 8px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-12 {
    border-radius: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-16 {
    border-radius: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-20 {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-24 {
    border-radius: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-32 {
    border-radius: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-40 {
    border-radius: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-48 {
    border-radius: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-auto {
    gap: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-auto {
    row-gap: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-auto {
    column-gap: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-none {
    gap: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-none {
    row-gap: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-none {
    column-gap: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-xs {
    gap: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-xs {
    row-gap: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-xs {
    column-gap: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-sm {
    gap: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-sm {
    row-gap: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-sm {
    column-gap: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-md {
    gap: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-md {
    row-gap: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-md {
    column-gap: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-lg {
    gap: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-lg {
    row-gap: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-lg {
    column-gap: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-xl {
    gap: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-xl {
    row-gap: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-xl {
    column-gap: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-40 {
    gap: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-40 {
    row-gap: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-40 {
    column-gap: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-48 {
    gap: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-48 {
    row-gap: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-48 {
    column-gap: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-56 {
    gap: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-56 {
    row-gap: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-56 {
    column-gap: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-64 {
    gap: 64px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-64 {
    row-gap: 64px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-64 {
    column-gap: 64px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-72 {
    gap: 72px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-72 {
    row-gap: 72px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-72 {
    column-gap: 72px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-12 {
    gap: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-12 {
    row-gap: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-12 {
    column-gap: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-20 {
    gap: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-20 {
    row-gap: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-20 {
    column-gap: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-circle {
    border-radius: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-4 {
    border-radius: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-8 {
    border-radius: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-12 {
    border-radius: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-16 {
    border-radius: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-20 {
    border-radius: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-24 {
    border-radius: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-32 {
    border-radius: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-40 {
    border-radius: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-48 {
    border-radius: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-auto {
    gap: auto;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-auto {
    row-gap: auto;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-auto {
    column-gap: auto;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-none {
    gap: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-none {
    row-gap: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-none {
    column-gap: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-xs {
    gap: 4px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-xs {
    row-gap: 4px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-xs {
    column-gap: 4px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-sm {
    gap: 8px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-sm {
    row-gap: 8px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-sm {
    column-gap: 8px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-md {
    gap: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-md {
    row-gap: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-md {
    column-gap: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-lg {
    gap: 24px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-lg {
    row-gap: 24px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-lg {
    column-gap: 24px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-xl {
    gap: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-xl {
    row-gap: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-xl {
    column-gap: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-40 {
    gap: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-40 {
    row-gap: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-40 {
    column-gap: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-48 {
    gap: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-48 {
    row-gap: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-48 {
    column-gap: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-56 {
    gap: 56px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-56 {
    row-gap: 56px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-56 {
    column-gap: 56px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-64 {
    gap: 64px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-64 {
    row-gap: 64px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-64 {
    column-gap: 64px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-72 {
    gap: 72px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-72 {
    row-gap: 72px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-72 {
    column-gap: 72px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-12 {
    gap: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-12 {
    row-gap: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-12 {
    column-gap: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-20 {
    gap: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-20 {
    row-gap: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-20 {
    column-gap: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-circle {
    border-radius: 50%;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-4 {
    border-radius: 4px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-8 {
    border-radius: 8px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-12 {
    border-radius: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-16 {
    border-radius: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-20 {
    border-radius: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-24 {
    border-radius: 24px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-32 {
    border-radius: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-40 {
    border-radius: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-48 {
    border-radius: 48px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-auto {
    gap: auto;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-auto {
    row-gap: auto;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-auto {
    column-gap: auto;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-none {
    gap: 0;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-none {
    row-gap: 0;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-none {
    column-gap: 0;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-xs {
    gap: 4px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-xs {
    row-gap: 4px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-xs {
    column-gap: 4px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-sm {
    gap: 8px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-sm {
    row-gap: 8px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-sm {
    column-gap: 8px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-md {
    gap: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-md {
    row-gap: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-md {
    column-gap: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-lg {
    gap: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-lg {
    row-gap: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-lg {
    column-gap: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-xl {
    gap: 32px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-xl {
    row-gap: 32px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-xl {
    column-gap: 32px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-40 {
    gap: 40px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-40 {
    row-gap: 40px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-40 {
    column-gap: 40px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-48 {
    gap: 48px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-48 {
    row-gap: 48px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-48 {
    column-gap: 48px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-56 {
    gap: 56px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-56 {
    row-gap: 56px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-56 {
    column-gap: 56px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-64 {
    gap: 64px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-64 {
    row-gap: 64px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-64 {
    column-gap: 64px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-72 {
    gap: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-72 {
    row-gap: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-72 {
    column-gap: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-12 {
    gap: 12px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-12 {
    row-gap: 12px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-12 {
    column-gap: 12px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-20 {
    gap: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-20 {
    row-gap: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-20 {
    column-gap: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-circle {
    border-radius: 50%;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-4 {
    border-radius: 4px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-8 {
    border-radius: 8px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-12 {
    border-radius: 12px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-16 {
    border-radius: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-20 {
    border-radius: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-24 {
    border-radius: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-32 {
    border-radius: 32px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-40 {
    border-radius: 40px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-48 {
    border-radius: 48px;
  }
}

.fw-normal {
  font-weight: normal;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fs-10px {
  font-size: 10px;
}

.fs-11px {
  font-size: 11px;
}

.fs-13px {
  font-size: 13px;
}

.fs-15px {
  font-size: 15px;
}

.fs-17px {
  font-size: 17px;
}

.fs-19px {
  font-size: 19px;
}

.fs-20px {
  font-size: 20px;
}

.fs-23px {
  font-size: 23px;
}

.fs-28px {
  font-size: 28px;
}

.fs-33px {
  font-size: 33px;
}

.fs-46px {
  font-size: 46px;
}

.fs-58px {
  font-size: 58px;
}

.fs-70px {
  font-size: 70px;
}

.fs-93px {
  font-size: 93px;
}

@media only screen and (max-width: 360px) {
  .fs-xs-10px {
    font-size: 10px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-11px {
    font-size: 11px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-13px {
    font-size: 13px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-15px {
    font-size: 15px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-17px {
    font-size: 17px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-19px {
    font-size: 19px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-20px {
    font-size: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-23px {
    font-size: 23px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-28px {
    font-size: 28px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-33px {
    font-size: 33px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-46px {
    font-size: 46px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-58px {
    font-size: 58px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-70px {
    font-size: 70px;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-93px {
    font-size: 93px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-10px {
    font-size: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-11px {
    font-size: 11px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-13px {
    font-size: 13px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-15px {
    font-size: 15px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-17px {
    font-size: 17px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-19px {
    font-size: 19px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-20px {
    font-size: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-23px {
    font-size: 23px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-28px {
    font-size: 28px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-33px {
    font-size: 33px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-46px {
    font-size: 46px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-58px {
    font-size: 58px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-70px {
    font-size: 70px;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-93px {
    font-size: 93px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-10px {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-11px {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-13px {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-15px {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-17px {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-19px {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-20px {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-23px {
    font-size: 23px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-28px {
    font-size: 28px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-33px {
    font-size: 33px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-46px {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-58px {
    font-size: 58px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-70px {
    font-size: 70px;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-93px {
    font-size: 93px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-10px {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-11px {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-13px {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-15px {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-17px {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-19px {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-20px {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-23px {
    font-size: 23px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-28px {
    font-size: 28px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-33px {
    font-size: 33px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-46px {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-58px {
    font-size: 58px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-70px {
    font-size: 70px;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-93px {
    font-size: 93px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-10px {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-11px {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-13px {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-15px {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-17px {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-19px {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-20px {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-23px {
    font-size: 23px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-28px {
    font-size: 28px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-33px {
    font-size: 33px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-46px {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-58px {
    font-size: 58px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-70px {
    font-size: 70px;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-93px {
    font-size: 93px;
  }
}

.flex-1 {
  flex: 1;
}

.high-zIndex {
  z-index: 999999999;
}

.text-decoration-none {
  text-decoration: none;
}

.list-style-type-none {
  list-style-type: none;
}

.list-style-position-inside {
  list-style-position: inside;
}

.transition {
  transition: 0.3s ease;
}

.container {
  width: 100%;
  max-width: 1150px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}

.custom-scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
}
.custom-scrollbar::-webkit-scrollbar:vertical {
  width: 7px;
}
.custom-scrollbar::-webkit-scrollbar:horizontal {
  height: 7px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #DBE2EA;
  border-radius: 10px !important;
  border: 2px solid #FFFFFF;
}

.disabled, [disabled] {
  opacity: 1 !important;
}

.table-column-fit-content {
  width: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.cursor-grab {
  cursor: grab;
}

.opacity-50 {
  opacity: 0.5;
}

.fullscreen {
  z-index: 6010;
}

html, body, #q-app, .q-layout, main {
  height: 100%;
}

.layout__main {
  height: 100% !important;
}

@media (min-width: 0px) and (max-width: 370px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    zoom: var(--zoom);
  }
}
@media (min-width: 371px) and (max-width: 430px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 0.35;
    zoom: var(--zoom);
  }
}
@media (min-width: 431px) and (max-width: 480px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 0.4;
    zoom: var(--zoom);
  }
}
@media (min-width: 481px) and (max-width: 530px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 0.45;
    zoom: var(--zoom);
  }
}
@media (min-width: 531px) and (max-width: 650px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 0.5;
    zoom: var(--zoom);
  }
}
@media (min-width: 651px) and (max-width: 750px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 0.6;
    zoom: var(--zoom);
  }
}
@media (min-width: 751px) and (max-width: 850px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 0.7;
    zoom: var(--zoom);
  }
}
@media (min-width: 851px) and (max-width: 950px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 0.8;
    zoom: var(--zoom);
  }
}
@media (min-width: 951px) and (max-width: 1049px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 0.9;
    zoom: var(--zoom);
  }
}
@media (min-width: 1050px) {
  #q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date {
    --zoom: 1;
    zoom: var(--zoom);
  }
}

@media (min-width: 0px) and (max-width: 1049px) {
  .q-page {
    height: calc(100% + 178px) !important;
  }
}
.lottie-wrapper[data-v-00d83490] {
  max-width: var(--c0e26b22);
}
.BasePopup[data-v-fb97ae7e] {
  border-radius: 80px;
  max-width: 910px;
  min-height: 992px;
}
.BasePopup__title--offset-top[data-v-fb97ae7e] {
  padding-top: 36px;
}
.q-dialog__backdrop {
  background: rgba(16, 31, 59, 0.1);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.BaseContactNumber__input-code[data-v-1deb7494] {
  border-color: transparent;
  outline: none;
  width: 34px;
}
.BaseContactNumber__input-code[data-v-1deb7494]::placeholder {
  color: var(--cool-gray-60) !important;
}
.BaseContactNumber__separator[data-v-1deb7494] {
  height: 70%;
  width: 2px;
  background-color: var(--cool-gray-30);
  margin: auto 10px auto 16px;
  border-radius: 2px;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.BaseButton--sm[data-v-3069a920] {
  padding-top: 23px;
  padding-bottom: 23px;
}
.BaseButton--sm[data-v-3069a920]::before {
  border-width: 2px !important;
}
.BaseButton--md[data-v-3069a920] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.BaseButton--md[data-v-3069a920]::before {
  border-width: 2px !important;
}
.BaseButton--lg[data-v-3069a920] {
  padding-top: 36px;
  padding-bottom: 36px;
}
.BaseButton--lg[data-v-3069a920]::before {
  border-width: 3px !important;
}
.BaseButton--icon[data-v-3069a920] {
  padding: 16px;
}
.BaseButton--icon[data-v-3069a920]::before {
  border-width: 2px !important;
}
.BaseButton--secondary[data-v-3069a920] {
  color: var(--66810a3c) !important;
  background: var(--white) !important;
}
.BaseButton--primary[data-v-3069a920] {
  background: var(--66810a3c) !important;
}
.BaseButton__text[data-v-3069a920] {
  color: var(--5d7d5eee);
}
.BaseBottomSheet[data-v-416090eb] {
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 40.52%), rgba(255, 255, 255, 0.5);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 4000;
  width: 100%;
  height: var(--138bf2c8);
  border-radius: 50px 50px 0 0;
  box-shadow: inset 4px 0 rgba(255, 255, 255, 0.4), inset -4px 4px rgba(255, 255, 255, 0.4);
}
.BaseTag[data-v-0058d7b0] {
  background-color: var(--ca68ea2e);
}
.BaseTag--sticky[data-v-0058d7b0] {
  border-radius: 0 16px 16px 0;
}
.BaseTag--floating[data-v-0058d7b0] {
  border-radius: 16px;
}
.BaseTag--md[data-v-0058d7b0] {
  max-height: 24px;
  min-height: 24px;
}
.BaseTag--lg[data-v-0058d7b0] {
  max-height: 34px;
  min-height: 34px;
}
.BaseItemCard[data-v-07afcd22] {
  outline: 3px solid transparent;
  outline-offset: -3px;
}
.BaseItemCard--selected[data-v-07afcd22] {
  outline-color: var(--13b72680);
}
.BaseItemCard__name[data-v-07afcd22] {
  min-height: 60px;
  max-height: 60px;
  max-width: 181px;
}
.BaseItemCard__price-container[data-v-07afcd22] {
  min-height: 48px;
}
.BaseItemCard__price[data-v-07afcd22] {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 32px !important;
}
.BaseItemCard__price--has-count[data-v-07afcd22] {
  left: 12px;
  transform: translate(0, -50%);
}
.BaseItemCard__count[data-v-07afcd22] {
  min-height: 32px;
  min-width: 47px;
  opacity: 0;
  transform: translateX(-50px);
}
.BaseItemCard__count--show[data-v-07afcd22] {
  opacity: 1;
  transform: translateX(0);
}
.BaseItemCard__new-tag[data-v-07afcd22] {
  top: 8px;
  right: 8px;
}
.BaseItemCard__discount-tag[data-v-07afcd22] {
  top: 22px;
  left: 0px;
}
.BaseFloatingButtons[data-v-bced2db2] {
  max-width: 1048px;
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1), inset 8px 8px 8px rgba(255, 255, 255, 0.25);
  border-radius: 56px;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.line-height-58[data-v-bced2db2] {
  line-height: 58px !important;
}
.line-height-34[data-v-bced2db2] {
  line-height: 34px !important;
}
.line-height-32[data-v-bced2db2] {
  line-height: 32px !important;
}
.BaseCategory[data-v-014dadb8] {
  outline: 3px solid transparent;
  outline-offset: -3px;
}
.BaseCategory--selected[data-v-014dadb8] {
  outline-color: var(--c4b36bfa);
}
.BaseCategory__name[data-v-014dadb8] {
  max-height: 64px;
  min-height: 64px;
  max-width: 198px;
}
.k-counter[data-v-ed07e818] {
  min-width: 250px !important;
  border-radius: 68px;
  border: none !important;
  outline: 2px solid var(--off-white-20);
  outline-offset: -2px;
}
[data-v-ed07e818] .k-counter__input {
  font-size: 33px !important;
}
.BaseBillCell[data-v-512e7d34] {
  max-width: 1000px;
}
.BaseBillCell__qty[data-v-512e7d34] {
  min-width: 40px;
}
.BaseBillCell__modifier[data-v-512e7d34] {
  min-height: 40px;
}
.BaseBillCell__icon-btn[data-v-512e7d34] {
  padding-top: 16px;
  padding-bottom: 16px;
}
.BaseBillCell__details-btn[data-v-512e7d34] {
  min-width: 214px;
}
.BaseBillCell__discount-tag[data-v-512e7d34] {
  left: 0;
  top: 32px;
}
.line-height-34[data-v-512e7d34] {
  line-height: 34px !important;
}
.line-height-32[data-v-512e7d34] {
  line-height: 32px !important;
}
.line-height-30[data-v-512e7d34] {
  line-height: 30px !important;
}
[data-v-512e7d34] .BaseButton__text {
  display: flex;
}
.BaseSegment[data-v-7350a777] {
  width: 160px;
  height: 46px;
  border-radius: 12px;
  outline: 1px solid var(--cool-gray-30);
}
.BaseSegment--selected[data-v-7350a777] {
  outline: 2px solid var(--01a2cb00);
}

.BaseCircleLottie[data-v-6c19dbb9] {
  min-width: 327px;
  min-height: 327px;
  max-width: 327px;
  max-height: 327px;
}
.BaseCircleLottie--offset[data-v-6c19dbb9] {
  margin-top: 6px;
}
.BaseCircleLottie--offset .lottie-wrapper[data-v-6c19dbb9] {
  margin-top: -36px;
}
.BaseAllergenTag[data-v-22a2e7de] {
  outline: 3px solid var(--cool-gray-30);
  outline-offset: -3px;
  border-radius: 46px;
  max-width: 375px;
}
.BaseAllergenTag--active[data-v-22a2e7de] {
  outline-color: var(--space-b-70);
  background-color: var(--teal-white-20) !important;
}
.BaseRadio .q-radio__inner[data-v-138ab6db] {
  width: 40px;
}
[data-v-138ab6db] .q-radio__inner {
  width: 40px !important;
  height: 40px !important;
}
[data-v-29ef55d3] .k-checkbox__input {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  border: none !important;
  outline: 2px solid var(--cool-gray-50);
  outline-offset: -2px;
  overflow: hidden;
}
[data-v-29ef55d3] .k-checkbox__input--active {
  outline-color: var(--4f1c6fd0) !important;
  background: var(--4f1c6fd0) !important;
}
[data-v-29ef55d3] .k-checkbox__input-bullet i {
  width: 40px;
}
[data-v-29ef55d3] .k-checkbox__input-bullet--active {
  background: var(--4f1c6fd0) !important;
}
[data-v-29ef55d3] .k-checkbox__input-bullet--active i rect {
  fill: var(--4f1c6fd0) !important;
}
.BaseOrderType[data-v-ccc84702] {
  min-width: 334px;
  min-height: 334px;
  border-radius: 40px;
  gap: 44px;
  outline: 3px solid transparent;
  outline-offset: -3px;
}
.BaseOrderType--active[data-v-ccc84702] {
  outline-color: var(--49ff3593);
}
.BaseLanguage[data-v-419b4e3b] {
  min-width: 200px;
  min-height: 200px;
  border-radius: 40px;
  outline: 3px solid transparent;
  outline-offset: -3px;
}
.BaseLanguage--active[data-v-419b4e3b] {
  outline-color: var(--40d75267);
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.BaseKioskSetupMenuCategory__name--large[data-v-efc9585a], .BaseKioskSetupMenuCategory__name--extra_large[data-v-efc9585a] {
  position: absolute;
  bottom: 8px;
  left: 8px;
  padding: 24px 0;
  text-align: center;
  width: calc(100% - 16px);
  border-radius: 24px;
  background-blend-mode: hard-light;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  background: rgba(255, 255, 255, 0.75);
}
.BaseKioskSetupMenuCategory__image--large[data-v-efc9585a], .BaseKioskSetupMenuCategory__image--extra_large[data-v-efc9585a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.BaseKioskSetupMenuCategory[data-v-efc9585a] {
  background: var(--white);
  overflow: hidden;
}
.BaseKioskSetupMenuCategory--small[data-v-efc9585a] {
  grid-column: span 2;
  grid-row: span 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 8px 8px 24px;
  gap: 24px;
}
.BaseKioskSetupMenuCategory--medium[data-v-efc9585a] {
  grid-column: span 3;
  grid-row: span 1;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 24px;
  gap: 8px;
}
.BaseKioskSetupMenuCategory--large[data-v-efc9585a] {
  grid-column: span 4;
  grid-row: span 1;
}
.BaseKioskSetupMenuCategory--extra_large[data-v-efc9585a] {
  grid-column: span 3;
  grid-row: span 2;
}
.BaseKioskSetupMenuCategory__image[data-v-efc9585a] {
  object-fit: cover;
}
.BaseKioskSetupMenuCategory__image--small[data-v-efc9585a] {
  width: 100%;
  height: auto;
  max-height: 138px;
  min-height: 138px;
}
.BaseKioskSetupMenuCategory__image--medium[data-v-efc9585a] {
  width: auto;
  height: 100%;
  max-height: 224px;
  min-height: 224px;
  max-width: 55%;
}
.BaseKioskSetupMenuCategory__name[data-v-efc9585a] {
  line-height: 46px !important;
  line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: auto 0;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.BaseListTitles__header[data-v-58aa3fba] {
  border-top: 1px solid var(--cool-gray-50);
  border-bottom: 1px solid var(--cool-gray-50);
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.BaseKioskListItem[data-v-7d93256c] {
  border: 2px solid transparent;
}
.BaseKioskListItem--active[data-v-7d93256c] {
  border-color: #FD7614;
  background: var(--white-shadow);
}
.BaseKioskListItem__id[data-v-7d93256c] {
  width: 22px;
}
.BaseInput[data-v-679b5af1] .base-input:not(.small-input) .q-field__control {
  min-height: 96px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.BaseInput[data-v-679b5af1] .base-input .q-field__inner {
  border-width: 2px !important;
  border-radius: 24px !important;
}
.BaseInput[data-v-679b5af1] .q-field {
  font-size: 28px !important;
}
.BaseInput[data-v-679b5af1] .q-anchor--close-icon i {
  width: 40px !important;
}
.k-button[data-v-90620200] {
  border-radius: 50px;
  transition: 0.3s ease;
  min-height: auto;
}
.k-button[data-v-90620200] .q-focus-helper {
  display: none;
}
.k-button--label-sm[data-v-90620200] {
  line-height: 20px !important;
}
.k-button--label-md[data-v-90620200] {
  line-height: 24px !important;
}
.k-button--label-lg[data-v-90620200] {
  line-height: 26px !important;
}
.k-button--text[data-v-90620200] {
  min-width: 100px;
}
.primary-button[data-v-90620200] {
  background-color: var(--space-b-xd);
  color: var(--static-light);
  border: none;
  box-shadow: inset 0 0 0 1.5px var(--space-b-xd);
}
.primary-button[data-v-90620200]:hover {
  background-color: var(--space-b-d);
  box-shadow: inset 0 0 0 1.5px var(--space-b-d);
}
.secondary-button[data-v-90620200] {
  background-color: var(--transparent);
  color: var(--space-b-xd);
  border: none;
  box-shadow: inset 0 0 0 1.5px var(--space-b-xd);
}
.secondary-button[data-v-90620200]:hover {
  box-shadow: inset 0 0 0 1.5px var(--space-b-50);
  color: var(--space-b-100);
  background: var(--space-b-10);
}
.link-button[data-v-90620200] {
  background-color: var(--transparent);
  color: var(--space-b-xd);
  padding-left: 0;
  padding-right: 0;
}
.link-button[data-v-90620200]:hover {
  color: var(--space-b-d);
}
.error-button.primary-button[data-v-90620200] {
  background-color: var(--error-100);
  color: var(--static-light);
  box-shadow: inset 0 0 0 1.5px var(--error-100);
}
.error-button.primary-button[data-v-90620200]:hover {
  background-color: var(--error-70);
  box-shadow: inset 0 0 0 1.5px var(--error-70);
}
.error-button.secondary-button[data-v-90620200] {
  color: var(--error-100);
  box-shadow: inset 0 0 0 1.5px var(--error-100);
}
.error-button.secondary-button[data-v-90620200]:hover {
  box-shadow: inset 0 0 0 1.5px var(--error-70);
  color: var(--error-70);
  background: var(--error-20);
}
.error-button.link-button[data-v-90620200] {
  color: var(--error-100);
}
.error-button.link-button[data-v-90620200]:hover {
  color: var(--error-100);
}
.disable-button.primary-button[data-v-90620200] {
  background-color: var(--cool-gray-30);
  color: var(--cool-gray-60);
  box-shadow: inset 0 0 0 1.5px var(--cool-gray-30);
}
.disable-button.secondary-button[data-v-90620200] {
  box-shadow: inset 0 0 0 1.5px var(--cool-gray-40);
  color: var(--cool-gray-60);
}
.disable-button.secondary-button[data-v-90620200]:hover {
  background-color: var(--transparent);
}
.disable-button.link-button[data-v-90620200] {
  color: var(--cool-gray-60);
}
i[data-v-7dbe899a] {
  width: var(--6cb271e3);
  height: auto;
}
i svg[data-v-7dbe899a] {
  width: var(--6cb271e3);
  height: auto;
}
.icon-auto-width[data-v-7dbe899a] {
  width: auto;
  height: var(--6cb271e3);
}
.icon-auto-width svg[data-v-7dbe899a] {
  width: auto;
  height: var(--6cb271e3);
}
.k-icon__hoverable * {
  transition: 0.1s ease-in-out;
}
.k-icon__hoverable--fill:not([disabled]):hover *:not([cant-change]) {
  fill: var(--space-b-100);
}
.k-icon__hoverable--stroke:not([disabled]):hover *:not([cant-change]) {
  fill: var(--space-b-100);
}
[data-v-7e56b1ea] .base-input .q-field__inner {
  border-radius: 12px !important;
}
[data-v-7e56b1ea] .base-input .q-field__native {
  padding: 0;
}
[data-v-7e56b1ea] .base-input textarea {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 192px !important;
}
[data-v-7e56b1ea] .base-input .q-field__append:not(.q-anchor--skip) {
  padding-left: 0;
  margin-left: 10px;
}
[data-v-7e56b1ea] .base-input .q-field__append.q-anchor--skip {
  padding-left: 0;
}
[data-v-7e56b1ea] .base-input .q-field__prepend {
  padding-right: 0;
  margin-right: 10px;
}
[data-v-7e56b1ea] .base-input .q-anchor--skip button {
  width: 20px;
  height: 20px;
}
.q-anchor--close-icon[data-v-7e56b1ea] {
  color: var(--cool-gray-70);
}
.q-anchor--close-icon[data-v-7e56b1ea]:hover {
  color: var(--cool-gray-100);
}
.base-input.q-field--disabled .q-field__inner[data-v-7e56b1ea] {
  background-color: var(--off-white-20);
  color: var(--cool-gray-60);
}
.base-input[data-v-7e56b1ea]:not(.small-input) .q-field__control {
  padding-left: 20px !important;
  padding-right: 20px !important;
  min-height: 46px !important;
  display: flex;
  align-items: center;
}
[data-v-7e56b1ea] .base-input {
  border-radius: 12px;
  transition: padding-bottom 0.3s;
}
[data-v-7e56b1ea] .base-input .q-field__inner input,[data-v-7e56b1ea] .base-input .q-field__inner span,[data-v-7e56b1ea] .base-input textarea {
  color: var(--cool-gray-100);
}
[data-v-7e56b1ea] .base-input .q-spinner {
  color: var(--cool-gray-100);
}
[data-v-7e56b1ea] .base-input.q-field--readonly .q-field__inner {
  border: 1px dashed var(--cool-gray-60);
}
[data-v-7e56b1ea] .base-input input:-webkit-autofill,[data-v-7e56b1ea] .base-input input:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input input:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input textarea:-webkit-autofill,[data-v-7e56b1ea] .base-input textarea:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input textarea:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input select:-webkit-autofill,[data-v-7e56b1ea] .base-input select:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--cool-gray-100);
  caret-color: var(--cool-gray-100);
}
[data-v-7e56b1ea] .base-input .q-anchor--skip button {
  color: var(--cool-gray-100);
  opacity: 1;
}
[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner {
  border: 1px solid var(--error-100) !important;
}
[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner:hover {
  box-shadow: 0 0 0 3px var(--error-20) !important;
}
[data-v-7e56b1ea] .base-input.q-field--error.q-field--focused .q-field__inner {
  box-shadow: 0 0 0 3px var(--error-20) !important;
}
[data-v-7e56b1ea] .base-input.q-field--error .q-field__messages {
  color: var(--error-100) !important;
  font-size: 13px;
}
[data-v-7e56b1ea] .base-input.q-field--error .q-icon {
  color: var(--error-100) !important;
}
[data-v-7e56b1ea] .base-input.q-field--error i {
  fill: var(--error-100) !important;
  color: var(--error-100) !important;
}
[data-v-7e56b1ea] .base-input.q-field--error i * {
  fill: var(--error-100) !important;
  color: var(--error-100) !important;
}
[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input textarea,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input input,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input input:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input input:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input input:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input input::placeholder,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input textarea:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input textarea:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input textarea:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input textarea::placeholder,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input select:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input select:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input select:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner input select::placeholder,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span textarea,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span input,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span input:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span input:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span input:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span input::placeholder,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span textarea:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span textarea:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span textarea:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span textarea::placeholder,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span select:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span select:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span select:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error .q-field__inner span select::placeholder,[data-v-7e56b1ea] .base-input.q-field--error textarea,[data-v-7e56b1ea] .base-input.q-field--error input,[data-v-7e56b1ea] .base-input.q-field--error input:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error input:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error input:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error input::placeholder,[data-v-7e56b1ea] .base-input.q-field--error textarea:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error textarea:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error textarea:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error textarea::placeholder,[data-v-7e56b1ea] .base-input.q-field--error select:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--error select:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--error select:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--error select::placeholder {
  -webkit-text-fill-color: var(--error-100);
  caret-color: var(--error-100);
  color: var(--error-100);
}
[data-v-7e56b1ea] .base-input .q-field__inner input::placeholder,[data-v-7e56b1ea] .base-input textarea::placeholder {
  color: var(--cool-gray-60);
  opacity: 1;
}
[data-v-7e56b1ea] .base-input .q-field__inner {
  border: 1px solid var(--cool-gray-40);
  transition: 0.3s ease;
}
[data-v-7e56b1ea] .base-input .q-field__inner:hover {
  border: 1px solid var(--space-b-50);
  box-shadow: 0 0 0 3px var(--teal-white-20);
}
[data-v-7e56b1ea] .base-input.q-field--focused .q-field__inner {
  border: 1px solid var(--space-b-50);
  box-shadow: 0 0 0 3px var(--teal-white-20);
}
[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner {
  border: 1px solid var(--off-white-20) !important;
}
[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner:hover {
  box-shadow: 0 0 0 3px var(--transparent) !important;
}
[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error.q-field--focused .q-field__inner {
  box-shadow: 0 0 0 3px var(--transparent) !important;
}
[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__messages {
  color: var(--cool-gray-70) !important;
  font-size: 13px;
}
[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-icon {
  color: var(--cool-gray-70) !important;
}
[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error i {
  fill: var(--cool-gray-70) !important;
  color: var(--cool-gray-70) !important;
}
[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error i * {
  fill: var(--cool-gray-70) !important;
  color: var(--cool-gray-70) !important;
}
[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input input,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input input:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input input:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input input:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input input::placeholder,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea::placeholder,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input select:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input select:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input select:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner input select::placeholder,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span input,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span input:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span input:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span input:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span input::placeholder,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea::placeholder,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span select:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span select:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span select:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error .q-field__inner span select::placeholder,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error textarea,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error input,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error input:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error input:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error input:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error input::placeholder,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error textarea:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error textarea:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error textarea:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error textarea::placeholder,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error select:-webkit-autofill,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error select:-webkit-autofill:hover,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error select:-webkit-autofill:focus,[data-v-7e56b1ea] .base-input.q-field--disabled.q-field--error select::placeholder {
  -webkit-text-fill-color: var(--cool-gray-70);
  caret-color: var(--cool-gray-70);
  color: var(--cool-gray-70);
}
[data-v-7e56b1ea] .base-input.q-field--disabled .q-field__inner {
  background: var(--off-white-20) !important;
  box-shadow: none !important;
  border-color: var(--off-white-20) !important;
}
[data-v-7e56b1ea] .base-input.q-textarea .q-field__control {
  min-height: 196px !important;
}
[data-v-7e56b1ea] .base-input.q-textarea .q-field__append {
  align-self: flex-start;
}
[data-v-7e56b1ea] .base-input:has(.q-field__bottom [role=alert]) {
  padding-bottom: 20px;
}
[data-v-7e56b1ea] .base-input .q-field__bottom {
  display: none;
}
[data-v-7e56b1ea] .base-input .q-field__bottom:has([role=alert]) {
  display: flex;
}
[data-v-7e56b1ea] .small-input .q-field__control {
  padding-left: 16px !important;
  min-height: 38px !important;
  padding-right: 16px !important;
  display: flex;
  align-items: center;
}
.k-colour-line[data-v-83259398] {
  width: var(--0c3e291a);
  height: var(--1e5f1b5f);
  border-radius: 16px;
  background-color: var(--3970e65d);
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-checkbox__label[data-v-7845050d] {
  line-height: 20px !important;
}
.k-checkbox__input[data-v-7845050d], .k-checkbox__input--disable[data-v-7845050d], .k-checkbox__input--error[data-v-7845050d], .k-checkbox__input--active[data-v-7845050d] {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 2px solid var(--cool-gray-50);
  background-color: var(--white);
}
.k-checkbox__input[data-v-7845050d]:hover, .k-checkbox__input--disable[data-v-7845050d]:hover, .k-checkbox__input--error[data-v-7845050d]:hover, .k-checkbox__input--active[data-v-7845050d]:hover {
  border-color: var(--space-b-50);
  box-shadow: 0 0 0 3px var(--teal-white-20);
}
.k-checkbox__input--active[data-v-7845050d] {
  border-color: var(--space-b-100);
  background: var(--transparent);
}
.k-checkbox__input--active[data-v-7845050d]:hover {
  border-color: var(--space-b-100);
}
.k-checkbox__input--error[data-v-7845050d] {
  border-color: var(--error-100);
  background: var(--white);
}
.k-checkbox__input--error[data-v-7845050d]:hover {
  border-color: var(--error-100);
}
.k-checkbox__input--disable[data-v-7845050d] {
  border-color: var(--cool-gray-40);
  background: var(--cool-gray-30);
  box-shadow: none;
}
.k-checkbox__input--disable[data-v-7845050d]:hover {
  box-shadow: none;
  border-color: var(--cool-gray-40);
}
.k-checkbox__input-bullet[data-v-7845050d], .k-checkbox__input-bullet--active-error[data-v-7845050d], .k-checkbox__input-bullet--active[data-v-7845050d] {
  background: none;
  transform: scale(0);
}
.k-checkbox__input-bullet--active[data-v-7845050d] {
  transform: scale(1);
  background: var(--space-b-100);
}
.k-checkbox__input-bullet--active-error[data-v-7845050d] {
  transform: scale(1);
  background: var(--error-100);
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-divider[data-v-70ff36c8] {
  width: 100%;
  height: 0;
  border: 0;
}
.k-divider--size-sm[data-v-70ff36c8] {
  border-bottom: 1px solid currentColor;
}
.k-divider--size-md[data-v-70ff36c8] {
  border-bottom: 2px solid currentColor;
}
.k-divider--size-lg[data-v-70ff36c8] {
  border-bottom: 4px solid currentColor;
}
.k-divider--dotted[data-v-70ff36c8] {
  border: none;
  height: 2px;
  width: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIgMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIwLjc1IiBjeT0iMC43NSIgcj0iMC43NSIgZmlsbD0iI0NBRDNERCIgLz4KPC9zdmc+);
}
.k-divider--dotted-darker[data-v-70ff36c8] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIgMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIwLjc1IiBjeT0iMC43NSIgcj0iMC43NSIgZmlsbD0iIzRBNTY2NSIgLz4KPC9zdmc+);
}
.k-callout {
  max-width: 300px !important;
  overflow: visible;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-counter[data-v-beaf272e] {
  border: 1px solid var(--off-white-20);
}
.k-counter__horizontal--sm[data-v-beaf272e] {
  min-width: 109px;
}
.k-counter__horizontal--md[data-v-beaf272e] {
  min-width: 125px;
}
.k-counter__horizontal--lg[data-v-beaf272e] {
  min-width: 141px;
}
.k-counter__vertical--sm[data-v-beaf272e] {
  min-height: 96px;
}
.k-counter__vertical--md[data-v-beaf272e] {
  min-height: 112px;
}
.k-counter__vertical--lg[data-v-beaf272e] {
  min-height: 142px;
}
.k-counter__input[data-v-beaf272e]:focus {
  outline: none;
}
.k-radio__texts[data-v-20efd8e7] {
  padding-left: 28px;
}
.unset-min-width[data-v-20efd8e7] {
  min-width: unset !important;
}
.unset-min-height[data-v-20efd8e7] {
  min-height: unset !important;
}
[data-v-20efd8e7] .k-radio svg path:first-child {
  fill: var(--cool-gray-50);
}
[data-v-20efd8e7] .k-radio .q-radio__inner:before {
  display: none;
}
[data-v-20efd8e7] .k-radio:not(.disabled):not(.has-error) .q-radio__inner:hover svg path:first-child {
  fill: var(--space-b-50);
}
[data-v-20efd8e7] .k-radio:not(.disabled):not(.has-error) .q-radio__inner:hover {
  box-shadow: 0 0 1px 2px var(--space-b-20);
}
[data-v-20efd8e7] .k-radio.disabled svg path:first-child {
  fill: var(--cool-gray-50);
}
[data-v-20efd8e7] .k-radio.has-error svg path {
  fill: var(--error-100);
}
[data-v-20efd8e7] .k-radio.disabled .q-radio__inner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  background-color: var(--cool-gray-30);
  z-index: -1;
}
[data-v-20efd8e7] .k-radio .q-radio__label {
  padding-left: 0;
}

/*# sourceMappingURL=app.a5d13f27.css.map*/