@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";

/* node_modules/@kin/css/css/external/index.css */
:root {
  --font-family-webfont:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    segoe ui,
    helvetica neue,
    helvetica,
    Cantarell,
    Ubuntu,
    roboto,
    noto,
    arial,
    sans-serif;
  --font-family-system-sans:
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    segoe ui,
    helvetica neue,
    helvetica,
    Cantarell,
    Ubuntu,
    roboto,
    noto,
    arial,
    sans-serif;
  --font-family-default:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    segoe ui,
    helvetica neue,
    helvetica,
    Cantarell,
    Ubuntu,
    roboto,
    noto,
    arial,
    sans-serif;
  --font-family-system-mono:
    Menlo,
    Consolas,
    Monaco,
    Liberation Mono,
    Lucida Console,
    monospace;
  --font-family-body: var(--font-family-default);
  --font-family-header: var(--font-family-default);
  --font-family-public: var(--font-family-default);
  --font-size-0: 0.75rem;
  --font-size-50: 0.875rem;
  --font-size-100: 1rem;
  --font-size-200: clamp(1.13rem, 0.17vw + 1.09rem, 1.25rem);
  --font-size-300: clamp(1.25rem, 1.163rem + 0.4348vw, 1.5rem);
  --font-size-400: clamp(1.5rem, 1.3243rem + 0.7207vw, 2rem);
  --font-size-500: clamp(1.5rem, 1.1522rem + 1.7391vw, 2.5rem);
  --font-size-600: clamp(2rem, 1.19vw + 1.76rem, 2.87rem);
  --font-size-700: clamp(2.25rem, 1.695vw + 1.91rem, 3.5rem);
  --font-size-800: clamp(2.375rem, 1.69vw + 2.03rem, 3.625rem);
  --font-size-900: clamp(2.875rem, 1.52vw + 2.57rem, 4rem);
  --font-size-1000: clamp(3.5rem, 1.35vw + 3.22rem, 4.5rem);
  --font-size-body-xs: var(--font-size-0);
  --font-size-body-sm: var(--font-size-50);
  --font-size-body-md: var(--font-size-100);
  --font-size-body-lg: var(--font-size-200);
  --font-size-heading-xs: var(--font-size-100);
  --font-size-heading-sm: var(--font-size-100);
  --font-size-heading-md: var(--font-size-200);
  --font-size-heading-lg: var(--font-size-300);
  --font-size-heading-xl: var(--font-size-400);
  --font-size-heading-xxl: var(--font-size-500);
  --font-size-display-sm: var(--font-size-600);
  --font-size-display-md: var(--font-size-900);
  --font-size-display-lg: var(--font-size-1000);
  --font-size-display-xl: var(--font-size-1000);
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-regular: var(--font-weight-400);
  --font-weight-semi-bold: var(--font-weight-600);
  --font-weight-bold: var(--font-weight-700);
  --line-height-0: 1;
  --line-height-100: 1.2;
  --line-height-200: 1.25;
  --line-height-300: 1.4;
  --line-height-body: var(--line-height-300);
  --line-height-heading: var(--line-height-200);
  --line-height-sub-heading: var(--line-height-100);
  --line-height-reset: var(--line-height-0);
}
:root {
  --color-primary: var(--color-yellow-600);
  --color-primary-100: var(--color-yellow-100);
  --color-primary-200: var(--color-yellow-200);
  --color-primary-300: var(--color-yellow-300);
  --color-primary-400: var(--color-yellow-400);
  --color-primary-500: var(--color-yellow-500);
  --color-primary-600: var(--color-yellow-600);
  --color-primary-700: var(--color-yellow-700);
  --color-primary-800: var(--color-yellow-800);
  --color-primary-900: var(--color-yellow-900);
  --color-primary-1000: var(--color-yellow-1000);
  --color-secondary: var(--color-secondary-600);
  --color-secondary-100: var(--color-green-100);
  --color-secondary-200: var(--color-green-200);
  --color-secondary-300: var(--color-green-300);
  --color-secondary-400: var(--color-green-400);
  --color-secondary-500: var(--color-green-500);
  --color-secondary-600: var(--color-green-600);
  --color-secondary-700: var(--color-green-700);
  --color-secondary-800: var(--color-green-800);
  --color-secondary-900: var(--color-green-900);
  --color-secondary-1000: var(--color-green-1000);
  --color-tertiary: var(--color-tertiary-600);
  --color-tertiary-100: var(--color-blue-100);
  --color-tertiary-200: var(--color-blue-200);
  --color-tertiary-300: var(--color-blue-300);
  --color-tertiary-400: var(--color-blue-400);
  --color-tertiary-500: var(--color-blue-500);
  --color-tertiary-600: var(--color-blue-600);
  --color-tertiary-700: var(--color-blue-700);
  --color-tertiary-800: var(--color-blue-800);
  --color-tertiary-900: var(--color-blue-900);
  --color-tertiary-1000: var(--color-blue-1000);
  --color-warning: var(--color-warning-600);
  --color-warning-100: var(--color-red-100);
  --color-warning-200: var(--color-red-200);
  --color-warning-300: var(--color-red-300);
  --color-warning-400: var(--color-red-400);
  --color-warning-500: var(--color-red-500);
  --color-warning-600: var(--color-red-600);
  --color-warning-700: var(--color-red-700);
  --color-warning-800: var(--color-red-800);
  --color-warning-900: var(--color-red-900);
  --color-warning-1000: var(--color-red-1000);
  --color-success: var(--color-success-600);
  --color-success-100: var(--color-green-100);
  --color-success-200: var(--color-green-200);
  --color-success-300: var(--color-green-300);
  --color-success-400: var(--color-green-400);
  --color-success-500: var(--color-green-500);
  --color-success-600: var(--color-green-600);
  --color-success-700: var(--color-green-700);
  --color-success-800: var(--color-green-800);
  --color-success-900: var(--color-green-900);
  --color-success-1000: var(--color-green-1000);
  --color-neutral-white: #ffffff;
  --color-neutral-black: #12120f;
  --color-neutral-100: #fbfbfb;
  --color-neutral-200: #eeeeee;
  --color-neutral-300: #dadada;
  --color-neutral-400: #bebebd;
  --color-neutral-500: #9c9c9a;
  --color-neutral-600: #747471;
  --color-neutral-700: #50504c;
  --color-neutral-800: #3d3d38;
  --color-neutral-900: #282823;
  --color-neutral-1000: #12120f;
  --color-yellow-100: #fffaf3;
  --color-yellow-200: #fff5e7;
  --color-yellow-300: #ffebcd;
  --color-yellow-400: #ffe0af;
  --color-yellow-500: #ffd48a;
  --color-yellow-600: #ffc857;
  --color-yellow-700: #eaad46;
  --color-yellow-800: #b86c1c;
  --color-yellow-900: #ae5f13;
  --color-yellow-1000: #9a4503;
  --color-red-100: #f8f2f2;
  --color-red-200: #e9d6d6;
  --color-red-300: #d9b6b6;
  --color-red-400: #c78e8e;
  --color-red-500: #b45656;
  --color-red-600: #aa1e1f;
  --color-red-700: #981b1c;
  --color-red-800: #841718;
  --color-red-900: #6c1314;
  --color-red-1000: #470d0d;
  --color-green-100: #f2f5f3;
  --color-green-200: #d6dfd8;
  --color-green-300: #b6c6ba;
  --color-green-400: #8fab96;
  --color-green-500: #598965;
  --color-green-600: #277540;
  --color-green-700: #236939;
  --color-green-800: #1e5b32;
  --color-green-900: #194a28;
  --color-green-1000: #10311b;
  --color-blue-100: #f2f4fb;
  --color-blue-200: #d6def4;
  --color-blue-300: #b6c4ed;
  --color-blue-400: #8fa7e5;
  --color-blue-500: #5883dd;
  --color-blue-600: #266dd9;
  --color-blue-700: #2261c2;
  --color-blue-800: #1d54a8;
  --color-blue-900: #184589;
  --color-blue-1000: #102e5b;
  --color-plum-100: #f5f2f4;
  --color-plum-200: #e1d6db;
  --color-plum-300: #cbb5bf;
  --color-plum-400: #b28d9e;
  --color-plum-500: #955375;
  --color-plum-600: #841559;
  --color-plum-700: #761350;
  --color-plum-800: #661045;
  --color-plum-900: #530d38;
  --color-plum-1000: #370925;
  --color-orange-100: #fdf3f2;
  --color-orange-200: #f8dad7;
  --color-orange-300: #f3beb7;
  --color-orange-400: #ee9d90;
  --color-orange-500: #ea735a;
  --color-orange-600: #e7562b;
  --color-orange-700: #cf4d26;
  --color-orange-800: #b34321;
  --color-orange-900: #92361b;
  --color-orange-1000: #612412;
  --link-color: var(--color-neutral-black);
  --link-color-hover: var(--color-primary-1000);
  --link-color-active: var(--color-primary-1000);
  --link-color-visited: var(--color-primary-1000);
  --link-color-focus: var(--color-primary-1000);
}
:root {
  --space-base: 0.5rem;
  --space-0: calc(var(--space-base) * 0);
  --space-50: calc(var(--space-base) * 0.25);
  --space-75: calc(var(--space-base) * 0.5);
  --space-100: calc(var(--space-base) * 1);
  --space-200: calc(var(--space-base) * 1.5);
  --space-300: calc(var(--space-base) * 2);
  --space-400: calc(var(--space-base) * 3);
  --space-500: calc(var(--space-base) * 4);
  --space-600: calc(var(--space-base) * 5);
  --space-700: calc(var(--space-base) * 6);
  --space-800: calc(var(--space-base) * 8);
  --space-900: calc(var(--space-base) * 10);
  --space-1000: calc(var(--space-base) * 12);
}
:root {
  --border-radius-0: 0;
  --border-radius-100: 2px;
  --border-radius-200: 4px;
  --border-radius-300: 8px;
  --border-radius-400: 16px;
  --border-radius-500: 20px;
  --border-radius-full: 50%;
}
:root {
  --elevation-bottom: -9999;
  --elevation-top: 9999;
  --elevation-0: 0;
  --elevation-100: 100;
  --elevation-200: 200;
  --elevation-300: 300;
  --elevation-400: 400;
  --elevation-500: 500;
  --elevation-600: 600;
  --elevation-700: 700;
  --elevation-800: 800;
  --elevation-900: 900;
  --elevation-1000: 1000;
}
:root {
  --motion-duration: var(--motion-duration-mid);
  --motion-duration-fast: 100ms;
  --motion-duration-mid: 250ms;
  --motion-duration-slow: 500ms;
  --motion-duration-xslow: 1s;
}
:root {
  --shadow-sm: 0 0.125rem 0.25rem rgba(31, 33, 36, 0.1), 0 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  --shadow-md: 0 0.25rem 0.75rem rgba(12, 12, 12, 0.15), 0 0 0 0.0625rem rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 0.25rem 1.125rem -0.125rem rgba(31, 33, 36, 0.08), 0 0.75rem 1.125rem -0.125rem rgba(31, 33, 36, 0.15);
  --shadow-inset: inset 0 0.125rem 0.25rem rgba(31, 33, 36, 0.32);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  padding: 0;
  margin: 0;
}
body {
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
:where(ul, ol) {
  list-style: none;
  list-style-position: inside;
}
:where(img, video, canvas, audio, iframe, embed, object) {
  display: block;
}
:where(img, video) {
  max-width: 100%;
  height: auto;
}
:where(input, button, textarea, select) {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
:where(a[href], button, summary, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}
:where(input[type=file]) {
  cursor: auto;
}
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}
:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
  cursor: not-allowed;
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  src: url("./media/inter.woff2") format("woff2");
}
html,
body {
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-black);
  font-family: var(--font-family-default);
  font-size: var(--font-size-body-md);
  line-height: var(--line-height-body);
}
body {
  width: 100%;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
h1 {
  font-size: var(--font-size-heading-xxl);
  line-height: var(--line-height-heading);
}
h2 {
  font-size: var(--font-size-heading-xl);
  line-height: var(--line-height-heading);
}
h3 {
  font-size: var(--font-size-heading-lg);
  line-height: var(--line-height-heading);
}
h4 {
  font-size: var(--font-size-heading-md);
  line-height: var(--line-height-heading);
}
h5 {
  font-size: var(--font-size-heading-sm);
  line-height: var(--line-height-heading);
}
h6 {
  font-size: var(--font-size-heading-xs);
  line-height: var(--line-height-heading);
}
p {
  color: var(--color-neutral-black);
  font-size: var(--font-size-body-md);
  line-height: var(--line-height-body);
}
ul li {
  color: var(--color-neutral-black);
  font-size: var(--font-size-body-md);
  line-height: var(--line-height-body);
}
.container {
  max-width: 96rem;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  max-width: none;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.row.reverse {
  flex-direction: row-reverse;
}
.row-reverse {
  flex-direction: row-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.column {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.column.reverse {
  flex-direction: column-reverse;
}
.column-reverse {
  flex-direction: column-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex {
  display: flex;
}
.flex-one {
  flex: 1 1 0;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-initial {
  flex: initial;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
@media only screen and (min-width: 768px) {
  .row\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row.reverse\@sm {
    flex-direction: row-reverse;
  }
  .row-reverse\@sm {
    flex-direction: row-reverse;
  }
  .flex-row\@sm {
    flex-direction: row;
  }
  .flex-row-reverse\@sm {
    flex-direction: row-reverse;
  }
  .column\@sm {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .column.reverse\@sm {
    flex-direction: column-reverse;
  }
  .column-reverse\@sm {
    flex-direction: column-reverse;
  }
  .flex-column\@sm {
    flex-direction: column;
  }
  .flex-column-reverse\@sm {
    flex-direction: column-reverse;
  }
  .flex\@sm {
    display: flex;
  }
  .flex-one\@sm {
    flex: 1 1 0;
  }
  .flex-auto\@sm {
    flex: 1 1 auto;
  }
  .flex-none\@sm {
    flex: none;
  }
  .flex-initial\@sm {
    flex: initial;
  }
  .flex-grow-0\@sm {
    flex-grow: 0;
  }
  .flex-grow\@sm {
    flex-grow: 1;
  }
  .flex-shrink-0\@sm {
    flex-shrink: 0;
  }
  .flex-shrink\@sm {
    flex-shrink: 1;
  }
  .flex-wrap\@sm {
    flex-wrap: wrap;
  }
  .flex-nowrap\@sm {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse\@sm {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .row\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row.reverse\@md {
    flex-direction: row-reverse;
  }
  .row-reverse\@md {
    flex-direction: row-reverse;
  }
  .flex-row\@md {
    flex-direction: row;
  }
  .flex-row-reverse\@md {
    flex-direction: row-reverse;
  }
  .column\@md {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .column.reverse\@md {
    flex-direction: column-reverse;
  }
  .column-reverse\@md {
    flex-direction: column-reverse;
  }
  .flex-column\@md {
    flex-direction: column;
  }
  .flex-column-reverse\@md {
    flex-direction: column-reverse;
  }
  .flex\@md {
    display: flex;
  }
  .flex-one\@md {
    flex: 1 1 0;
  }
  .flex-auto\@md {
    flex: 1 1 auto;
  }
  .flex-none\@md {
    flex: none;
  }
  .flex-initial\@md {
    flex: initial;
  }
  .flex-grow-0\@md {
    flex-grow: 0;
  }
  .flex-grow\@md {
    flex-grow: 1;
  }
  .flex-shrink-0\@md {
    flex-shrink: 0;
  }
  .flex-shrink\@md {
    flex-shrink: 1;
  }
  .flex-wrap\@md {
    flex-wrap: wrap;
  }
  .flex-nowrap\@md {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse\@md {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  .row\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row.reverse\@lg {
    flex-direction: row-reverse;
  }
  .row-reverse\@lg {
    flex-direction: row-reverse;
  }
  .flex-row\@lg {
    flex-direction: row;
  }
  .flex-row-reverse\@lg {
    flex-direction: row-reverse;
  }
  .column\@lg {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .column.reverse\@lg {
    flex-direction: column-reverse;
  }
  .column-reverse\@lg {
    flex-direction: column-reverse;
  }
  .flex-column\@lg {
    flex-direction: column;
  }
  .flex-column-reverse\@lg {
    flex-direction: column-reverse;
  }
  .flex\@lg {
    display: flex;
  }
  .flex-one\@lg {
    flex: 1 1 0;
  }
  .flex-auto\@lg {
    flex: 1 1 auto;
  }
  .flex-none\@lg {
    flex: none;
  }
  .flex-initial\@lg {
    flex: initial;
  }
  .flex-grow-0\@lg {
    flex-grow: 0;
  }
  .flex-grow\@lg {
    flex-grow: 1;
  }
  .flex-shrink-0\@lg {
    flex-shrink: 0;
  }
  .flex-shrink\@lg {
    flex-shrink: 1;
  }
  .flex-wrap\@lg {
    flex-wrap: wrap;
  }
  .flex-nowrap\@lg {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse\@lg {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1600px) {
  .row\@xl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row.reverse\@xl {
    flex-direction: row-reverse;
  }
  .row-reverse\@xl {
    flex-direction: row-reverse;
  }
  .flex-row\@xl {
    flex-direction: row;
  }
  .flex-row-reverse\@xl {
    flex-direction: row-reverse;
  }
  .column\@xl {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .column.reverse\@xl {
    flex-direction: column-reverse;
  }
  .column-reverse\@xl {
    flex-direction: column-reverse;
  }
  .flex-column\@xl {
    flex-direction: column;
  }
  .flex-column-reverse\@xl {
    flex-direction: column-reverse;
  }
  .flex\@xl {
    display: flex;
  }
  .flex-one\@xl {
    flex: 1 1 0;
  }
  .flex-auto\@xl {
    flex: 1 1 auto;
  }
  .flex-none\@xl {
    flex: none;
  }
  .flex-initial\@xl {
    flex: initial;
  }
  .flex-grow-0\@xl {
    flex-grow: 0;
  }
  .flex-grow\@xl {
    flex-grow: 1;
  }
  .flex-shrink-0\@xl {
    flex-shrink: 0;
  }
  .flex-shrink\@xl {
    flex-shrink: 1;
  }
  .flex-wrap\@xl {
    flex-wrap: wrap;
  }
  .flex-nowrap\@xl {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse\@xl {
    flex-wrap: wrap-reverse;
  }
}
.col-xs {
  max-width: 100%;
  flex: 1 0 auto;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-1 {
  max-width: 8.3333333333%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 8.3333333333%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-2 {
  max-width: 16.6666666667%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 16.6666666667%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-3 {
  max-width: 25%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 25%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-4 {
  max-width: 33.3333333333%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 33.3333333333%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-5 {
  max-width: 41.6666666667%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 41.6666666667%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-6 {
  max-width: 50%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 50%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-7 {
  max-width: 58.3333333333%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 58.3333333333%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-8 {
  max-width: 66.6666666667%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 66.6666666667%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-9 {
  max-width: 75%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 75%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-10 {
  max-width: 83.3333333333%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 83.3333333333%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-11 {
  max-width: 91.6666666667%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 91.6666666667%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-12 {
  max-width: 100%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 100%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}
.start-xs {
  justify-content: flex-start;
}
.center-xs {
  justify-content: center;
}
.end-xs {
  justify-content: flex-end;
}
.top-xs {
  align-items: flex-start;
}
.middle-xs {
  align-items: center;
}
.bottom-xs {
  align-items: flex-end;
}
.stretch-xs {
  align-items: stretch;
}
.baseline-xs {
  align-items: baseline;
}
.around-xs {
  justify-content: space-around;
}
.between-xs {
  justify-content: space-between;
}
.first-xs {
  order: -1;
}
.last-xs {
  order: 1;
}
.col-xs-shrink {
  max-width: 100%;
  flex: 0 1 auto;
  padding-right: .5rem;
  padding-left: .5rem;
}
@media only screen and (min-width: 768px) {
  .col-sm {
    max-width: 100%;
    flex: 1 0 auto;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-1 {
    max-width: 8.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-2 {
    max-width: 16.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-3 {
    max-width: 25%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 25%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-4 {
    max-width: 33.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-5 {
    max-width: 41.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-6 {
    max-width: 50%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 50%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-7 {
    max-width: 58.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-8 {
    max-width: 66.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-9 {
    max-width: 75%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 75%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-10 {
    max-width: 83.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-11 {
    max-width: 91.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-12 {
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .start-sm {
    justify-content: flex-start;
  }
  .center-sm {
    justify-content: center;
  }
  .end-sm {
    justify-content: flex-end;
  }
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .stretch-sm {
    align-items: stretch;
  }
  .baseline-sm {
    align-items: baseline;
  }
  .around-sm {
    justify-content: space-around;
  }
  .between-sm {
    justify-content: space-between;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
  .col-sm-shrink {
    max-width: 100%;
    flex: 0 1 auto;
    padding-right: .5rem;
    padding-left: .5rem;
  }
}
@media only screen and (min-width: 992px) {
  .col-md {
    max-width: 100%;
    flex: 1 0 auto;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-1 {
    max-width: 8.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-2 {
    max-width: 16.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-3 {
    max-width: 25%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 25%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-4 {
    max-width: 33.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-5 {
    max-width: 41.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-6 {
    max-width: 50%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 50%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-7 {
    max-width: 58.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-8 {
    max-width: 66.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-9 {
    max-width: 75%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 75%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-10 {
    max-width: 83.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-11 {
    max-width: 91.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-12 {
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .start-md {
    justify-content: flex-start;
  }
  .center-md {
    justify-content: center;
  }
  .end-md {
    justify-content: flex-end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .stretch-md {
    align-items: stretch;
  }
  .baseline-md {
    align-items: baseline;
  }
  .around-md {
    justify-content: space-around;
  }
  .between-md {
    justify-content: space-between;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
  .col-md-shrink {
    max-width: 100%;
    flex: 0 1 auto;
    padding-right: .5rem;
    padding-left: .5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .col-lg {
    max-width: 100%;
    flex: 1 0 auto;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-1 {
    max-width: 8.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-2 {
    max-width: 16.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-3 {
    max-width: 25%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 25%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-4 {
    max-width: 33.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-5 {
    max-width: 41.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-6 {
    max-width: 50%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 50%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-7 {
    max-width: 58.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-8 {
    max-width: 66.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-9 {
    max-width: 75%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 75%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-10 {
    max-width: 83.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-11 {
    max-width: 91.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-12 {
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .start-lg {
    justify-content: flex-start;
  }
  .center-lg {
    justify-content: center;
  }
  .end-lg {
    justify-content: flex-end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .stretch-lg {
    align-items: stretch;
  }
  .baseline-lg {
    align-items: baseline;
  }
  .around-lg {
    justify-content: space-around;
  }
  .between-lg {
    justify-content: space-between;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
  .col-lg-shrink {
    max-width: 100%;
    flex: 0 1 auto;
    padding-right: .5rem;
    padding-left: .5rem;
  }
}
@media only screen and (min-width: 1600px) {
  .col-xl {
    max-width: 100%;
    flex: 1 0 auto;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-1 {
    max-width: 8.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-2 {
    max-width: 16.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-3 {
    max-width: 25%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 25%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-4 {
    max-width: 33.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-5 {
    max-width: 41.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-6 {
    max-width: 50%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 50%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-7 {
    max-width: 58.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-8 {
    max-width: 66.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-9 {
    max-width: 75%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 75%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-10 {
    max-width: 83.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-11 {
    max-width: 91.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-12 {
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .start-xl {
    justify-content: flex-start;
  }
  .center-xl {
    justify-content: center;
  }
  .end-xl {
    justify-content: flex-end;
  }
  .top-xl {
    align-items: flex-start;
  }
  .middle-xl {
    align-items: center;
  }
  .bottom-xl {
    align-items: flex-end;
  }
  .stretch-xl {
    align-items: stretch;
  }
  .baseline-xl {
    align-items: baseline;
  }
  .around-xl {
    justify-content: space-around;
  }
  .between-xl {
    justify-content: space-between;
  }
  .first-xl {
    order: -1;
  }
  .last-xl {
    order: 1;
  }
  .col-xl-shrink {
    max-width: 100%;
    flex: 0 1 auto;
    padding-right: .5rem;
    padding-left: .5rem;
  }
}
.stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}
.stack--compact {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
}
.stack--open {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}
.card {
  position: relative;
  display: block;
  padding: 1.25rem;
  border: 1px solid var(--color-neutral-300);
  border-radius: var(--border-radius-300);
  background: var(--color-neutral-white);
}
.card--info,
.card--disabled {
  border-color: var(--color-neutral-300);
  background: var(--color-neutral-200);
}
.card--primary,
.card--callout {
  border-color: rgba(0, 0, 0, 0);
  background: var(--color-primary-300);
}
.card--warning {
  border-color: var(--color-warning-400);
  background: var(--color-warning-100);
}
.card--secondary {
  border-color: var(--color-secondary-400);
  background: var(--color-secondary-100);
}
.card--clickable {
  cursor: pointer;
  transition: transform .125s ease-in-out, border-color .125s ease-in-out;
  will-change: auto;
}
.card--clickable:hover,
.card--clickable:focus {
  border-color: var(--color-secondary-600);
  transform: translateY(-2%);
}
.card--full-size {
  max-width: 100%;
  height: 100%;
}
.card--small {
  padding: 0;
}
.card--medium {
  padding: var(--space-600);
}
.card--large {
  padding: var(--space-800);
}
.card--x-large {
  padding: var(--space-1000);
}
.button {
  display: inline-flex;
  width: fit-content;
  box-sizing: border-box;
  align-items: center;
  padding: var(--space-300) var(--space-300);
  border: 0;
  border: 1px solid var(--color-neutral-black);
  border-radius: var(--border-radius-200);
  appearance: none;
  background-color: var(--color-primary);
  cursor: pointer;
  font-family: inherit;
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-reset);
  text-align: center;
  text-decoration: none;
}
.button:focus:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.button:focus-visible {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.button:hover {
  background: var(--color-primary-400);
  text-decoration: none;
}
.button[disabled],
.button .disabled {
  background: var(--color-neutral-300);
  color: var(--color-neutral-black);
  text-decoration: none;
}
.button[disabled]:hover,
.button .disabled:hover {
  background: var(--color-neutral-300);
  color: var(--color-neutral-black);
  cursor: not-allowed;
}
.button__prefix,
.button__prefix::slotted(*) {
  display: inline-flex;
  margin-right: var(--space-100);
}
.button__suffix,
.button__suffix::slotted(*) {
  display: inline-flex;
  margin-left: var(--space-100);
}
.button--block {
  display: block;
  width: 100%;
}
.button--sm {
  padding: var(--space-100) var(--space-200);
  font-size: var(--font-size-body-sm);
}
.button--lg {
  padding: var(--space-300) var(--space-400);
  font-size: var(--font-size-body-lg);
}
.button--primary {
  background: var(--color-primary);
  color: var(--color-neutral-black);
}
.button--secondary {
  border: 1px solid var(--color-neutral-black);
  background: var(--color-neutral-white);
  color: var(--color-neutral-black);
}
.button--secondary:focus:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.button--secondary:focus-visible {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.button--secondary:hover {
  background: var(--color-primary-400);
}
.button--secondary[disabled],
.button--secondary .disabled {
  background: var(--color-neutral-300);
  color: var(--color-neutral-black);
  text-decoration: none;
}
.button--secondary[disabled]:hover,
.button--secondary .disabled:hover {
  background: var(--color-neutral-300);
  color: var(--color-neutral-black);
  cursor: not-allowed;
}
.button--tertiary {
  background: var(--color-blue);
  color: var(--color-neutral-white);
}
.button--tertiary:hover,
.button--tertiary:focus {
  background: var(--color-blue-100);
  color: var(--color-neutral-black);
}
.button--warning {
  background: var(--color-warning);
  color: var(--color-neutral-white);
}
.button--warning:hover,
.button--warning:focus {
  background: var(--color-warning-600);
}
.button--link {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: var(--color-neutral-black);
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}
.button--link:hover,
.button--link:focus {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-primary-1000);
  text-decoration: underline;
}
.input {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.input__control {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: var(--space-300);
  border: 1px solid var(--color-neutral-700);
  border-radius: var(--border-radius-100);
  margin-top: var(--space-200);
  margin-bottom: 2px;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0);
  color: var(--color-neutral-black);
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  line-height: 1;
  text-overflow: ellipsis;
  height: 3.375rem;
}
.input--sm .input__control {
  height: 2rem;
  font-size: var(--font-size-100);
}
.input__control:hover:not(:disabled) {
  outline: 1px solid var(--color-neutral-700);
}
.input__control:focus:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.input__control::placeholder {
  color: var(--color-neutral-700);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  opacity: 1;
  visibility: visible;
}
.input__control[readonly],
.input__control:disabled {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-500);
  opacity: 1;
  -webkit-text-fill-color: var(--color-neutral-500);
}
.input__control:disabled {
  cursor: not-allowed;
}
.validated .input__control:invalid,
.input--validated .input__control:invalid,
.input--invalid .input__control {
  border-color: var(--color-warning);
  outline: 1px solid var(--color-warning);
}
.input__control::-webkit-date-and-time-value {
  position: relative;
  top: var(--space-100);
  text-align: left;
}
.input__label {
  display: inline-block;
  color: var(--color-neutral-900);
  font-size: 1rem;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1;
  pointer-events: none;
}
.input__control[readonly] ~ .input__label,
.input__control:disabled ~ .input__label {
  color: var(--color-neutral-500);
}
.input--sm .input__label {
  font-size: var(--font-size-100);
}
.input--sm .input__control:focus ~ .input__label,
.input--sm .input__control:not(:placeholder-shown) ~ .input__label,
.input--sm .input__control--active ~ .input__label {
  font-size: var(--font-size-0);
}
.validated .input__control:invalid ~ .input__label,
.validated .input__control:focus:invalid ~ .input__label,
.validated .input__control:not(:placeholder-shown):invalid ~ .input__label,
.validated .input__control--active:invalid ~ .input__label,
.input--validated .input__control:invalid ~ .input__label,
.input--validated .input__control:focus:invalid ~ .input__label,
.input--validated .input__control:not(:placeholder-shown):invalid ~ .input__label,
.input--validated .input__control--active:invalid ~ .input__label,
.input--invalid .input__label,
.input--invalid .input__control:focus ~ .input__label,
.input--invalid .input__control:not(:placeholder-shown) ~ .input__label,
.input--invalid .input__control--active ~ .input__label {
  color: var(--color-warning);
}
.textarea {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.textarea__control {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: var(--space-300);
  border: 1px solid var(--color-neutral-700);
  border-radius: var(--border-radius-100);
  margin-top: var(--space-200);
  margin-bottom: 2px;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0);
  color: var(--color-neutral-black);
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  line-height: 1;
  text-overflow: ellipsis;
  height: auto;
  overflow: auto;
  min-height: 2.5rem;
  line-height: 1.25;
  resize: vertical;
}
.textarea--sm .textarea__control {
  font-size: var(--font-size-100);
}
.textarea__control:hover:not(:disabled) {
  outline: 1px solid var(--color-neutral-700);
}
.textarea__control:focus:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.textarea__control::placeholder {
  color: var(--color-neutral-700);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  opacity: 1;
  visibility: visible;
}
.textarea__control[readonly],
.textarea__control:disabled {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-500);
  opacity: 1;
  -webkit-text-fill-color: var(--color-neutral-500);
}
.textarea__control:disabled {
  cursor: not-allowed;
}
.validated .textarea__control:invalid,
.textarea--validated .textarea__control:invalid,
.textarea--invalid .textarea__control {
  border-color: var(--color-warning);
  outline: 1px solid var(--color-warning);
}
.textarea__control::-webkit-date-and-time-value {
  position: relative;
  top: var(--space-100);
  text-align: left;
}
.textarea__label {
  display: inline-block;
  color: var(--color-neutral-900);
  font-size: 1rem;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1;
  pointer-events: none;
}
.textarea__control[readonly] ~ .textarea__label,
.textarea__control:disabled ~ .textarea__label {
  color: var(--color-neutral-500);
}
.textarea--sm .textarea__label {
  font-size: var(--font-size-100);
}
.textarea--sm .textarea__control:focus ~ .textarea__label,
.textarea--sm .textarea__control:not(:placeholder-shown) ~ .textarea__label,
.textarea--sm .textarea__control--active ~ .textarea__label {
  font-size: var(--font-size-0);
}
.validated .textarea__control:invalid ~ .textarea__label,
.validated .textarea__control:focus:invalid ~ .textarea__label,
.validated .textarea__control:not(:placeholder-shown):invalid ~ .textarea__label,
.validated .textarea__control--active:invalid ~ .textarea__label,
.textarea--validated .textarea__control:invalid ~ .textarea__label,
.textarea--validated .textarea__control:focus:invalid ~ .textarea__label,
.textarea--validated .textarea__control:not(:placeholder-shown):invalid ~ .textarea__label,
.textarea--validated .textarea__control--active:invalid ~ .textarea__label,
.textarea--invalid .textarea__label,
.textarea--invalid .textarea__control:focus ~ .textarea__label,
.textarea--invalid .textarea__control:not(:placeholder-shown) ~ .textarea__label,
.textarea--invalid .textarea__control--active ~ .textarea__label {
  color: var(--color-warning);
}
.select {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.select__control {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: var(--space-300);
  border: 1px solid var(--color-neutral-700);
  border-radius: var(--border-radius-100);
  margin-top: var(--space-200);
  margin-bottom: 2px;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0);
  color: var(--color-neutral-black);
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  line-height: 1;
  text-overflow: ellipsis;
  height: 3.375rem;
  padding-right: 2rem;
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.5%201.75L6%207.25L11.5%201.75%22%20stroke%3D%22%2358554C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fsvg%3E);
  background-position: right 1rem bottom 1.3rem;
  background-repeat: no-repeat;
  line-height: 1.25;
}
.select--sm .select__control {
  height: 2rem;
  font-size: var(--font-size-100);
}
.select__control:hover:not(:disabled) {
  outline: 1px solid var(--color-neutral-700);
}
.select__control:focus:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.select__control::placeholder {
  color: var(--color-neutral-700);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  opacity: 1;
  visibility: visible;
}
.select__control[readonly],
.select__control:disabled {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-500);
  opacity: 1;
  -webkit-text-fill-color: var(--color-neutral-500);
}
.select__control:disabled {
  cursor: not-allowed;
}
.validated .select__control:invalid,
.select--validated .select__control:invalid,
.select--invalid .select__control {
  border-color: var(--color-warning);
  outline: 1px solid var(--color-warning);
}
.select__control::-webkit-date-and-time-value {
  position: relative;
  top: var(--space-100);
  text-align: left;
}
.select__control:disabled {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.5%201.75L6%207.25L11.5%201.75%22%20stroke%3D%22%2358554C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fsvg%3E);
}
.validated .select__control:invalid,
.select--invalid .select__control {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.5%201.75L6%207.25L11.5%201.75%22%20stroke%3D%22%2358554C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fsvg%3E);
}
.select__label {
  display: inline-block;
  color: var(--color-neutral-900);
  font-size: 1rem;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1;
  pointer-events: none;
}
.select__control[readonly] ~ .select__label,
.select__control:disabled ~ .select__label {
  color: var(--color-neutral-500);
}
.select--sm .select__label {
  font-size: var(--font-size-100);
}
.select--sm .select__control:focus ~ .select__label,
.select--sm .select__control:not(:placeholder-shown) ~ .select__label,
.select--sm .select__control--active ~ .select__label {
  font-size: var(--font-size-0);
}
.validated .select__control:invalid ~ .select__label,
.validated .select__control:focus:invalid ~ .select__label,
.validated .select__control:not(:placeholder-shown):invalid ~ .select__label,
.validated .select__control--active:invalid ~ .select__label,
.select--validated .select__control:invalid ~ .select__label,
.select--validated .select__control:focus:invalid ~ .select__label,
.select--validated .select__control:not(:placeholder-shown):invalid ~ .select__label,
.select--validated .select__control--active:invalid ~ .select__label,
.select--invalid .select__label,
.select--invalid .select__control:focus ~ .select__label,
.select--invalid .select__control:not(:placeholder-shown) ~ .select__label,
.select--invalid .select__control--active ~ .select__label {
  color: var(--color-warning);
}
.checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-200);
}
.checkbox__control {
  position: relative;
  width: var(--space-400);
  height: var(--space-400);
  flex: 1 0 auto;
  border: 2px solid var(--color-neutral-black);
  appearance: none;
  cursor: pointer;
  transition: all 250ms;
  border-radius: var(--border-radius-200);
}
.checkbox__control:focus:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.checkbox__control:focus-within:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.checkbox__control:focus-visible {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.checkbox__control:disabled {
  border-color: var(--color-neutral-500);
  cursor: not-allowed;
}
.checkbox__control:hover:not(:disabled, :checked) {
  border-color: var(--color-neutral-black);
  background-color: var(--color-primary-400);
}
.checkbox__control:checked {
  border-color: var(--color-neutral-black);
  background-color: var(--color-primary);
}
.checkbox__control:checked::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  color: var(--color-neutral-black);
  content: "\2713";
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-bold);
  transform: translate(-50%, -50%);
}
.checkbox__control:checked:disabled {
  border-color: var(--color-neutral-500);
  background-color: var(--color-neutral-200);
}
.checkbox__label {
  flex: 0 1 auto;
  cursor: pointer;
  font-size: var(--font-size-100);
  font-weight: var(--font-weight-semi-bold);
}
.checkbox__control:disabled ~ .checkbox__label {
  color: var(--color-neutral-500);
}
.checkbox__control:disabled ~ .checkbox__label {
  cursor: not-allowed;
}
.checkbox--invalid .checkbox__label,
.validated .checkbox__control:invalid ~ .checkbox__label {
  color: var(--color-warning);
}
.radio {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-200);
}
.radio__control {
  position: relative;
  width: var(--space-400);
  height: var(--space-400);
  flex: 1 0 auto;
  border: 2px solid var(--color-neutral-black);
  appearance: none;
  cursor: pointer;
  transition: all 250ms;
  border-radius: var(--border-radius-full);
}
.radio__control:focus:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.radio__control:focus-within:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.radio__control:focus-visible {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.radio__control:disabled {
  border-color: var(--color-neutral-500);
  cursor: not-allowed;
}
.radio__control:hover:not(:disabled)::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: var(--space-200);
  height: var(--space-200);
  border-radius: var(--border-radius-full);
  background-color: var(--color-primary);
  content: "";
  transform: translate(-50%, -50%);
}
.radio__control:active::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: var(--space-200);
  height: var(--space-200);
  border-radius: var(--border-radius-full);
  background-color: var(--color-neutral-black);
  content: "";
  transform: translate(-50%, -50%);
}
.radio__control:checked::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: var(--space-200);
  height: var(--space-200);
  border-radius: var(--border-radius-full);
  background-color: var(--color-neutral-black);
  content: "";
  transform: translate(-50%, -50%);
}
.radio__control:checked:disabled {
  border-color: var(--color-neutral-500);
}
.radio__control:checked:disabled::before {
  background-color: var(--color-neutral-500);
}
.radio__label {
  flex: 0 1 auto;
  cursor: pointer;
  font-size: var(--font-size-100);
  font-weight: var(--font-weight-semi-bold);
}
.radio__control:disabled ~ .radio__label {
  color: var(--color-neutral-500);
}
.radio__control:disabled ~ .radio__label {
  cursor: not-allowed;
}
.radio--invalid .radio__label,
.validated .radio__control:invalid ~ .radio__label {
  color: var(--color-warning);
}
.radio-card {
  display: flex;
  width: fit-content;
  flex-wrap: wrap;
  padding: 1rem;
  border: 1px solid var(--color-neutral-700);
  border-radius: 4px;
  cursor: pointer;
}
.radio-card--block {
  width: 100%;
  justify-content: center;
}
.radio-card__header {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
}
.radio-card__header:not(:has(.radio-card__title)) {
  justify-content: center;
}
.radio-card__title {
  flex: 2 1 100%;
  margin-top: var(--space-75);
  font-weight: 700;
  line-height: 1;
}
.radio-card__control {
  width: 0;
  height: 0;
  appearance: none;
}
.radio-card__description {
  margin-top: 1rem;
}
.radio-card:hover:not(:disabled) {
  background-color: var(--color-primary-200);
  outline: 1px solid var(--color-neutral-700);
}
.radio-card:focus:not(:disabled) {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.radio-card:has(.radio-card__control:checked) {
  background-color: var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.validated .radio-card:invalid,
.radio-card--validated .radio-card:invalid,
.radio-card--invalid {
  border-color: var(--color-warning);
  outline: 1px solid var(--color-warning);
}
.form-help {
  display: block;
  margin-top: var(--space-75);
  color: var(--color-neutral-black);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-regular);
}
.form-help--valid {
  color: var(--color-secondary);
}
.form-help--invalid {
  color: var(--color-warning);
}
.form-group__fieldset {
  padding: 0;
  border: 0;
  margin: 0;
  box-shadow: none;
}
.form-group__legend {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0 0 var(--space-400);
  font-size: var(--font-size-100);
  font-weight: var(--font-weight-semi-bold);
}
.form-group__fieldset:disabled .form-group__legend {
  color: var(--color-neutral-500);
}
.form-group__controls {
  display: block;
}
.form-group__controls > :not(:last-child) {
  margin-right: var(--space-500);
}
.form-group--vertical .form-group__controls > * {
  display: inline-flex;
}
.form-group--vertical .form-group__controls > :not(:last-child) {
  margin-right: 0;
  margin-bottom: var(--space-500);
}
.breadcrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
}
.breadcrumbs .breadcrumbs__item:not(:last-child) {
  color: var(--color-secondary);
  white-space: nowrap;
}
.breadcrumbs .breadcrumbs__item:not(:last-child)::after {
  display: inline-block;
  width: 2px;
  height: 1rem;
  margin-right: .5rem;
  margin-left: .5rem;
  background-color: var(--color-secondary);
  content: "";
  transform: rotate(25deg);
  vertical-align: middle;
}
.breadcrumbs .breadcrumbs__item:last-child {
  font-weight: bold;
}
.breadcrumbs .breadcrumbs__item:last-child :hover {
  text-decoration: none;
}
.pill {
  display: inline-flex;
  padding: var(--space-75) var(--space-100);
  border-radius: var(--border-radius-400);
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-black);
}
.pill__content {
  display: inline-flex;
  font-size: var(--font-size-body-xs);
  font-weight: var(--font-weight-semi-bold);
}
.pill--primary {
  background-color: var(--color-primary);
  color: var(--color-neutral-black);
}
.pill--secondary {
  background-color: var(--color-secondary);
  color: var(--color-neutral-white);
}
.pill--tertiary {
  background-color: var(--color-tertiary);
  color: var(--color-neutral-white);
}
.pill--info {
  background: var(--color-neutral-500);
  color: var(--color-neutral-white);
}
.pill--warning {
  background-color: var(--color-warning);
  color: var(--color-neutral-white);
}
.pill--static {
  background: var(--color-neutral-black);
  color: var(--color-neutral-white);
}
.pill--inactive {
  background: var(--color-neutral-600);
  color: var(--color-neutral-white);
}
.pill--sm > .pill__content {
  font-size: var(--font-size-body-xs);
}
.pill--md > .pill__content {
  font-size: var(--font-size-body-sm);
}
.pill--lg > .pill__content {
  font-size: var(--font-size-body-md);
}
.pill[emphasis=low].pill--primary {
  border: 1px solid var(--color-primary-1000);
  background-color: var(--color-primary-200);
  color: var(--color-primary-1000);
}
.pill[emphasis=low].pill--secondary {
  border: 1px solid var(--color-secondary-1000);
  background-color: var(--color-secondary-200);
  color: var(--color-secondary-1000);
}
.pill[emphasis=low].pill--tertiary {
  border: 1px solid var(--color-tertiary-1000);
  background-color: var(--color-tertiary-200);
  color: var(--color-tertiary-1000);
}
.pill[emphasis=low].pill--info {
  border: 1px solid var(--color-plum-1000);
  background-color: var(--color-plum-200);
  color: var(--color-plum-1000);
}
.pill[emphasis=low].pill--warning {
  border: 1px solid var(--color-red-1000);
  background-color: var(--color-red-200);
  color: var(--color-red-1000);
}
.pill[emphasis=low].pill--static {
  border: 1px solid var(--color-neutral-1000);
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-1000);
}
.pill[emphasis=low].pill--inactive {
  border: 1px solid var(--color-neutral-600);
  background-color: var(--color-neutral-300);
  color: var(--color-neutral-600);
}
.switch {
  --switch-checked-string: "On";
  --switch-unchecked-string: "Off";
  --_switch-width: 4.5rem;
  --_switch-height: 2.25rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.switch:focus:not(:disabled) .switch__control {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.switch:focus-visible {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.switch:focus-within .switch__control {
  box-shadow: 0 0 0 3px var(--color-primary);
  outline: 1px solid var(--color-neutral-700);
}
.switch:has(.switch__control:disabled) {
  color: var(--color-neutral-500);
  cursor: not-allowed;
}
.switch:has(.switch__control:disabled) .switch__control {
  border-bottom-color: var(--color-neutral-500);
  background-color: var(--color-neutral-300);
  cursor: not-allowed;
}
.switch:has(.switch__control:disabled) .switch__control::after {
  border-bottom-color: var(--color-neutral-500);
  color: var(--color-neutral-500);
}
.switch:has(.switch__control:disabled) .switch__control::before {
  border-bottom-color: var(--color-neutral-500);
  background-color: var(--color-neutral-500);
}
.switch:has(.switch__control:disabled) .switch__control:checked::before {
  filter: grayscale(60%);
}
.switch__label {
  margin-right: var(--space-100);
  line-height: var(--line-height-reset);
  -webkit-user-select: none;
  user-select: none;
}
.switch__control {
  position: relative;
  width: var(--_switch-width);
  height: var(--_switch-height);
  border-radius: var(--border-radius-300);
  border-bottom: 2px solid var(--color-neutral-500);
  appearance: none;
  background-color: var(--color-neutral-400);
  cursor: pointer;
  transition: all var(--motion-duration-mid);
}
.switch__control::after {
  display: block;
  margin-top: calc(var(--_switch-height) - 43%);
  margin-left: calc(var(--_switch-width) + 12px);
  color: var(--color-neutral-black);
  content: var(--switch-unchecked-string);
  font-size: var(--font-size-100);
  font-weight: var(--font-weight-semi-bold);
  white-space: nowrap;
}
.switch__control::before {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: var(--border-radius-200);
  border-bottom: 2px solid var(--color-neutral-500);
  background-color: var(--color-neutral-white);
  content: "";
  transition: all var(--motion-duration-fast);
}
.switch__control:checked {
  border-bottom: 2px solid var(--color-primary-800);
  background-color: var(--color-primary);
}
.switch__control:checked::after {
  content: var(--switch-checked-string);
}
.switch__control:checked::before {
  position: absolute;
  top: 5px;
  display: block;
  border-radius: var(--border-radius-200);
  border-bottom: 2px solid var(--color-primary-800);
  background-color: var(--color-neutral-white);
  content: " ";
  transform: translateX(2.25rem);
}
.switch--with-icon .switch__control:checked::before {
  content: url("data:image/svg+xml,%3Csvg width='25' height='23' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3327 10.2917C16.3327 14.25 13.5619 16.2292 10.2685 17.3771C10.0961 17.4356 9.90873 17.4328 9.7381 17.3692C6.43685 16.2292 3.66602 14.25 3.66602 10.2917V4.75003C3.66602 4.54007 3.74942 4.3387 3.89789 4.19024C4.04636 4.04177 4.24772 3.95836 4.45768 3.95836C6.04102 3.95836 8.02018 3.00836 9.39768 1.80503C9.5654 1.66174 9.77875 1.58301 9.99935 1.58301C10.2199 1.58301 10.4333 1.66174 10.601 1.80503C11.9864 3.01628 13.9577 3.95836 15.541 3.95836C15.751 3.95836 15.9523 4.04177 16.1008 4.19024C16.2493 4.3387 16.3327 4.54007 16.3327 4.75003V10.2917Z' fill='%23FFC857' stroke='%23242118' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 17.4163V1.58301V17.4163Z' fill='%23FFC857'/%3E%3Cpath d='M10 17.4163V1.58301' stroke='%23242118' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.switch--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.switch--vertical > .switch__label {
  margin-bottom: var(--space-200);
}
.table-wrapper {
  overflow-x: auto;
  scroll-snap-type: both mandatory;
}
.table-wrapper table,
.table-wrapper .table {
  display: table;
  overflow: auto;
  width: 100%;
  border-collapse: collapse;
}
.table-wrapper table caption,
.table-wrapper .table caption {
  margin-bottom: var(--space-100);
  font-size: var(--font-size-heading-xs);
  font-weight: var(--font-weight-bold);
  text-align: left;
}
.table-wrapper table thead,
.table-wrapper .table thead {
  width: 100%;
}
.table-wrapper table thead tr,
.table-wrapper .table thead tr {
  background: var(--color-neutral-200);
  text-align: left;
  vertical-align: bottom;
}
.table-wrapper table thead tr th,
.table-wrapper .table thead tr th {
  padding: var(--space-200) var(--space-300);
  border-top: 1px solid var(--color-neutral-400);
  border-bottom: 1px solid var(--color-neutral-400);
  color: var(--color-neutral-black);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-200);
  scroll-snap-align: start;
}
.table-wrapper table thead.sticky th,
.table-wrapper .table thead.sticky th {
  position: sticky;
  z-index: var(--elevation-200);
  top: 0;
  background: var(--color-neutral-200);
}
.table-wrapper table tbody.sticky th,
.table-wrapper .table tbody.sticky th {
  position: sticky;
  z-index: var(--elevation-100);
  left: 0;
  scroll-snap-align: start;
}
.table-wrapper table tbody tr,
.table-wrapper .table tbody tr {
  background: inherit;
  text-align: left;
  vertical-align: middle;
}
.table-wrapper table tbody tr:nth-of-type(even),
.table-wrapper .table tbody tr:nth-of-type(even) {
  background: var(--color-neutral-200);
}
.table-wrapper table tbody tr:hover,
.table-wrapper .table tbody tr:hover {
  background: var(--color-primary-100);
}
.table-wrapper table tbody tr th,
.table-wrapper .table tbody tr th {
  padding: var(--space-100) var(--space-300);
  border-bottom: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-200);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-200);
}
.table-wrapper table tbody tr td,
.table-wrapper .table tbody tr td {
  padding: var(--space-100) var(--space-300);
  border-bottom: 1px solid var(--color-neutral-300);
  font-size: var(--font-size-body-sm);
  scroll-snap-align: start;
}
.table-wrapper table tfoot tr,
.table-wrapper .table tfoot tr {
  height: 2rem;
  background: var(--color-neutral-white);
  text-align: left;
  vertical-align: middle;
}
.table-wrapper table tfoot tr th,
.table-wrapper .table tfoot tr th {
  padding: var(--space-200) var(--space-300);
  font-size: var(--font-size-body-sm);
  font-weight: bold;
}
.table-wrapper table tfoot tr td,
.table-wrapper .table tfoot tr td {
  padding: var(--space-100) var(--space-300);
  border: 0;
  font-size: var(--font-size-body-sm);
  font-weight: bold;
}
.table-wrapper table.table--compact thead th,
.table-wrapper .table.table--compact thead th {
  padding: var(--space-75) var(--space-75);
}
.table-wrapper table.table--compact tbody tr th,
.table-wrapper table.table--compact tbody tr td,
.table-wrapper .table.table--compact tbody tr th,
.table-wrapper .table.table--compact tbody tr td {
  padding: var(--space-50) var(--space-75);
}
.table-wrapper table.table--compact tfoot tr th,
.table-wrapper table.table--compact tfoot tr td,
.table-wrapper .table.table--compact tfoot tr th,
.table-wrapper .table.table--compact tfoot tr td {
  padding: var(--space-50) var(--space-75);
}
.table-wrapper table.table--open thead th,
.table-wrapper .table.table--open thead th {
  padding: var(--space-300) var(--space-400);
}
.table-wrapper table.table--open tbody tr th,
.table-wrapper table.table--open tbody tr td,
.table-wrapper .table.table--open tbody tr th,
.table-wrapper .table.table--open tbody tr td {
  padding: var(--space-200) var(--space-400);
}
.table-wrapper table.table--open tfoot tr th,
.table-wrapper table.table--open tfoot tr td,
.table-wrapper .table.table--open tfoot tr th,
.table-wrapper .table.table--open tfoot tr td {
  padding: var(--space-200) var(--space-400);
}
.table-wrapper table.table--unstriped tbody tr:nth-of-type(odd),
.table-wrapper .table.table--unstriped tbody tr:nth-of-type(odd) {
  background: inherit;
}
.table-wrapper table.table--unstriped tbody tr:nth-of-type(even),
.table-wrapper .table.table--unstriped tbody tr:nth-of-type(even) {
  background: inherit;
}
.table-wrapper table.table--unstriped tbody tr:hover,
.table-wrapper .table.table--unstriped tbody tr:hover {
  background: var(--color-primary-100);
}
.table-wrapper table.table--bordered,
.table-wrapper .table.table--bordered {
  border: 1px solid var(--color-neutral-700);
}
.table-wrapper table.table--bordered thead th,
.table-wrapper .table.table--bordered thead th {
  border: 1px solid var(--color-neutral-700);
}
.table-wrapper table.table--bordered tbody tr th,
.table-wrapper table.table--bordered tbody tr td,
.table-wrapper .table.table--bordered tbody tr th,
.table-wrapper .table.table--bordered tbody tr td {
  border: 1px solid var(--color-neutral-700);
}
.table-wrapper table.table--fixed,
.table-wrapper .table.table--fixed {
  table-layout: fixed;
}
.pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin: 0;
  gap: var(--space-75);
  list-style-type: none;
}
.pagination__link {
  display: flex;
  min-width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
  border-width: 0;
  border-radius: 1.375rem;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-neutral-700);
  cursor: pointer;
  font-family: inherit;
  font-size: var(--font-size-50);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.pagination__link:hover,
.pagination__link:focus {
  background-color: var(--color-neutral-300);
  color: var(--color-neutral-black);
  text-decoration: none;
}
.pagination__link--prev,
.pagination__link--next {
  padding: 0;
}
.pagination__link--current {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
  color: var(--color-neutral-white);
}
.pagination__link--current:hover,
.pagination__link--current:focus {
  background-color: var(--color-secondary);
  color: var(--color-neutral-white);
}
.pagination__link[disabled] {
  color: var(--color-neutral-500);
  cursor: not-allowed;
}
.pagination__link[disabled]:hover {
  background-color: rgba(0, 0, 0, 0);
}
.pagination--bordered .pagination__link {
  border: 1px solid var(--color-neutral-500);
}
.pagination--bordered .pagination__link--current {
  border-color: var(--color-secondary);
}
.button-toggle {
  display: inline-flex;
  padding: var(--space-50);
  border: 1px solid var(--color-neutral-black);
  border-radius: var(--border-radius-200);
  background-color: var(--color-neutral-white);
  gap: var(--space-50);
}
.button-toggle__button {
  padding: var(--space-100) var(--space-300);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--border-radius-200);
  appearance: none;
  background-color: var(--color-neutral-white);
  background-image: none;
  color: var(--color-neutral-black);
  cursor: pointer;
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}
.button-toggle__button:hover,
.button-toggle__button:active,
.button-toggle__button--active {
  background-color: var(--color-primary-300);
}
.button-toggle__button:focus,
.button-toggle__button:focus-visible {
  border: 1px solid var(--color-neutral-600);
  background-color: var(--color-primary);
  outline: none;
}
.detail-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 6.25rem;
}
.detail-list__term {
  color: var(--color-neutral-600);
  font-weight: var(--font-weight-black);
}
.tabs-nav {
  position: relative;
  display: flex;
  border-bottom: 1px solid var(--color-neutral-600);
  gap: 0;
  overflow-y: auto;
  white-space: nowrap;
}
.tabs-nav__link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: var(--space-100) var(--space-200);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  color: var(--color-neutral-600);
  color: var(--color-neutral-black);
  cursor: pointer;
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-medium);
  gap: var(--space-100);
  line-height: var(--line-height-body);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.tabs-nav__link svg {
  width: 1em;
  height: 1em;
  stroke: currentColor;
}
.tabs-nav__link:focus-visible {
  border-radius: var(--border-radius-200);
  border-bottom-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 2px var(--color-primary), inset 0 0 0 4px var(--color-neutral-800);
  outline: none;
}
.tabs-nav__link--active {
  border-bottom-color: var(--color-neutral-black);
  font-weight: var(--font-weight-bold);
}
.tabs-nav__link:hover {
  border-bottom-color: var(--color-neutral-black);
}
.tabs-nav .tab__icon {
  display: inline-flex;
  margin-right: var(--space-100);
}
.tabs-nav .tab__icon svg {
  stroke: currentColor;
}
.tabs-nav--vertical {
  position: relative;
  display: flex;
  width: fit-content;
  flex-direction: column;
  gap: var(--space-100);
  overflow-y: auto;
  white-space: nowrap;
}
.tabs-nav--vertical .tabs-nav__link {
  display: inline-flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: flex-start;
  padding: var(--space-200) var(--space-100);
  border: 0;
  border-radius: var(--border-radius-300);
}
.tabs-nav--vertical .tabs-nav__link--active {
  border-bottom: 0;
  background: var(--color-neutral-300);
  color: var(--color-neutral-800);
  font-weight: var(--font-weight-bold);
}
.tabs-nav--vertical .tabs-nav__link:focus-visible {
  border-bottom: 0;
  background: var(--color-neutral-300);
  outline: none;
  transition: background .2s ease-out;
}
.tabs-nav--vertical .tabs-nav__link:hover {
  border-bottom: 0;
  background: var(--color-neutral-300);
}
.link {
  color: var(--link-color);
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
  text-decoration: underline;
}
.link:hover {
  color: var(--link-color-hover);
  text-decoration: underline;
}
.link:active {
  color: var(--link-color-active);
  text-decoration: underline;
}
.link:visited {
  color: var(--link-color-visited);
  text-decoration: underline;
}
.link:focus {
  color: var(--link-color-focus);
  text-decoration: underline;
}
.ff-webfont {
  font-family: var(--font-family-webfont) !important;
}
.ff-system-sans {
  font-family: var(--font-family-system-sans) !important;
}
.ff-default {
  font-family: var(--font-family-default) !important;
}
.ff-system-mono {
  font-family: var(--font-family-system-mono) !important;
}
.ff-body {
  font-family: var(--font-family-body) !important;
}
.ff-header {
  font-family: var(--font-family-header) !important;
}
.ff-public {
  font-family: var(--font-family-public) !important;
}
.ff-sans {
  font-family: var(--font-family-webfont) !important;
}
.h1 {
  font-size: var(--font-size-heading-xxl) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-heading) !important;
}
.h2 {
  font-size: var(--font-size-heading-xl) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-heading) !important;
}
.h3 {
  font-size: var(--font-size-heading-lg) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  line-height: var(--line-height-heading) !important;
}
.h4 {
  font-size: var(--font-size-heading-md) !important;
  line-height: var(--line-height-body) !important;
}
.h5 {
  font-size: var(--font-size-heading-sm) !important;
  line-height: var(--line-height-body) !important;
}
.h6 {
  font-size: var(--font-size-heading-xs) !important;
  line-height: var(--line-height-body) !important;
}
.fs-display-sm {
  font-size: var(--font-size-display-sm) !important;
}
.fs-display-md {
  font-size: var(--font-size-display-md) !important;
}
.fs-display-lg {
  font-size: var(--font-size-display-lg) !important;
}
.fs-display-xl {
  font-size: var(--font-size-display-xl) !important;
}
.fs-0 {
  font-size: var(--font-size-0) !important;
}
.fs-50 {
  font-size: var(--font-size-50) !important;
}
.fs-100 {
  font-size: var(--font-size-100) !important;
}
.fs-200 {
  font-size: var(--font-size-200) !important;
}
.fs-300 {
  font-size: var(--font-size-300) !important;
}
.fs-400 {
  font-size: var(--font-size-400) !important;
}
.fs-500 {
  font-size: var(--font-size-500) !important;
}
.fs-600 {
  font-size: var(--font-size-600) !important;
}
.fs-700 {
  font-size: var(--font-size-700) !important;
}
.fs-800 {
  font-size: var(--font-size-800) !important;
}
.fs-900 {
  font-size: var(--font-size-900) !important;
}
.fs-1000 {
  font-size: var(--font-size-1000) !important;
}
.fs-body-xs {
  font-size: var(--font-size-body-xs) !important;
}
.fs-body-sm {
  font-size: var(--font-size-body-sm) !important;
}
.fs-body-md {
  font-size: var(--font-size-body-md) !important;
}
.fs-body-lg {
  font-size: var(--font-size-body-lg) !important;
}
.fw-200 {
  font-weight: var(--font-weight-200) !important;
}
.fw-300 {
  font-weight: var(--font-weight-300) !important;
}
.fw-400 {
  font-weight: var(--font-weight-400) !important;
}
.fw-500 {
  font-weight: var(--font-weight-500) !important;
}
.fw-600 {
  font-weight: var(--font-weight-600) !important;
}
.fw-700 {
  font-weight: var(--font-weight-700) !important;
}
.fw-light {
  font-weight: var(--font-weight-300) !important;
}
.fw-regular {
  font-weight: var(--font-weight-regular) !important;
}
.fw-medium {
  font-weight: var(--font-weight-500) !important;
}
.fw-semi-bold {
  font-weight: var(--font-weight-semi-bold) !important;
}
.fw-bold {
  font-weight: var(--font-weight-bold) !important;
}
.fw-semibold {
  font-weight: var(--font-weight-semi-bold) !important;
}
.fs-italic {
  font-style: italic !important;
}
.tt-uppercase {
  text-transform: uppercase !important;
}
.tt-lowercase {
  text-transform: lowercase !important;
}
.tt-capitalize {
  text-transform: capitalize !important;
}
.td-underline {
  text-decoration: underline !important;
}
.td-line-through {
  text-decoration: line-through !important;
}
.td-overline {
  text-decoration: overline !important;
}
.td-none {
  text-decoration: none !important;
}
.ws-no-wrap {
  white-space: nowrap !important;
}
.ws-normal {
  white-space: normal !important;
}
.ta-left {
  text-align: left !important;
}
.ta-right {
  text-align: right !important;
}
.ta-center {
  text-align: center !important;
}
@media only screen and (min-width: 768px) {
  .ta-left\@sm {
    text-align: left !important;
  }
  .ta-right\@sm {
    text-align: right !important;
  }
  .ta-center\@sm {
    text-align: center !important;
  }
}
@media only screen and (min-width: 992px) {
  .ta-left\@md {
    text-align: left !important;
  }
  .ta-right\@md {
    text-align: right !important;
  }
  .ta-center\@md {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1200px) {
  .ta-left\@lg {
    text-align: left !important;
  }
  .ta-right\@lg {
    text-align: right !important;
  }
  .ta-center\@lg {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1600px) {
  .ta-left\@xl {
    text-align: left !important;
  }
  .ta-right\@xl {
    text-align: right !important;
  }
  .ta-center\@xl {
    text-align: center !important;
  }
}
.lh-0 {
  line-height: var(--line-height-0) !important;
}
.lh-100 {
  line-height: var(--line-height-100) !important;
}
.lh-200 {
  line-height: var(--line-height-200) !important;
}
.lh-300 {
  line-height: var(--line-height-300) !important;
}
.lh-body {
  line-height: var(--line-height-body) !important;
}
.lh-heading {
  line-height: var(--line-height-heading) !important;
}
.lh-sub-heading {
  line-height: var(--line-height-sub-heading) !important;
}
.lh-reset {
  line-height: var(--line-height-reset) !important;
}
@media only screen and (min-width: 768px) {
  .fs-0\@sm {
    font-size: var(--font-size-0) !important;
  }
  .fs-50\@sm {
    font-size: var(--font-size-50) !important;
  }
  .fs-100\@sm {
    font-size: var(--font-size-100) !important;
  }
  .fs-200\@sm {
    font-size: var(--font-size-200) !important;
  }
  .fs-300\@sm {
    font-size: var(--font-size-300) !important;
  }
  .fs-400\@sm {
    font-size: var(--font-size-400) !important;
  }
  .fs-500\@sm {
    font-size: var(--font-size-500) !important;
  }
  .fs-600\@sm {
    font-size: var(--font-size-600) !important;
  }
  .fs-700\@sm {
    font-size: var(--font-size-700) !important;
  }
  .fs-800\@sm {
    font-size: var(--font-size-800) !important;
  }
  .fs-900\@sm {
    font-size: var(--font-size-900) !important;
  }
  .fs-1000\@sm {
    font-size: var(--font-size-1000) !important;
  }
  .fs-display-sm\@sm {
    font-size: var(--font-size-display-sm) !important;
  }
  .fs-display-md\@sm {
    font-size: var(--font-size-display-md) !important;
  }
  .fs-display-lg\@sm {
    font-size: var(--font-size-display-lg) !important;
  }
  .fs-display-xl\@sm {
    font-size: var(--font-size-display-xl) !important;
  }
  .fs-body-xs\@sm {
    font-size: var(--font-size-body-xs) !important;
  }
  .fs-body-sm\@sm {
    font-size: var(--font-size-body-sm) !important;
  }
  .fs-body-md\@sm {
    font-size: var(--font-size-body-md) !important;
  }
  .fs-body-lg\@sm {
    font-size: var(--font-size-body-lg) !important;
  }
}
@media only screen and (min-width: 992px) {
  .fs-0\@md {
    font-size: var(--font-size-0) !important;
  }
  .fs-50\@md {
    font-size: var(--font-size-50) !important;
  }
  .fs-100\@md {
    font-size: var(--font-size-100) !important;
  }
  .fs-200\@md {
    font-size: var(--font-size-200) !important;
  }
  .fs-300\@md {
    font-size: var(--font-size-300) !important;
  }
  .fs-400\@md {
    font-size: var(--font-size-400) !important;
  }
  .fs-500\@md {
    font-size: var(--font-size-500) !important;
  }
  .fs-600\@md {
    font-size: var(--font-size-600) !important;
  }
  .fs-700\@md {
    font-size: var(--font-size-700) !important;
  }
  .fs-800\@md {
    font-size: var(--font-size-800) !important;
  }
  .fs-900\@md {
    font-size: var(--font-size-900) !important;
  }
  .fs-1000\@md {
    font-size: var(--font-size-1000) !important;
  }
  .fs-display-sm\@md {
    font-size: var(--font-size-display-sm) !important;
  }
  .fs-display-md\@md {
    font-size: var(--font-size-display-md) !important;
  }
  .fs-display-lg\@md {
    font-size: var(--font-size-display-lg) !important;
  }
  .fs-display-xl\@md {
    font-size: var(--font-size-display-xl) !important;
  }
  .fs-body-xs\@md {
    font-size: var(--font-size-body-xs) !important;
  }
  .fs-body-sm\@md {
    font-size: var(--font-size-body-sm) !important;
  }
  .fs-body-md\@md {
    font-size: var(--font-size-body-md) !important;
  }
  .fs-body-lg\@md {
    font-size: var(--font-size-body-lg) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .fs-0\@lg {
    font-size: var(--font-size-0) !important;
  }
  .fs-50\@lg {
    font-size: var(--font-size-50) !important;
  }
  .fs-100\@lg {
    font-size: var(--font-size-100) !important;
  }
  .fs-200\@lg {
    font-size: var(--font-size-200) !important;
  }
  .fs-300\@lg {
    font-size: var(--font-size-300) !important;
  }
  .fs-400\@lg {
    font-size: var(--font-size-400) !important;
  }
  .fs-500\@lg {
    font-size: var(--font-size-500) !important;
  }
  .fs-600\@lg {
    font-size: var(--font-size-600) !important;
  }
  .fs-700\@lg {
    font-size: var(--font-size-700) !important;
  }
  .fs-800\@lg {
    font-size: var(--font-size-800) !important;
  }
  .fs-900\@lg {
    font-size: var(--font-size-900) !important;
  }
  .fs-1000\@lg {
    font-size: var(--font-size-1000) !important;
  }
  .fs-display-sm\@lg {
    font-size: var(--font-size-display-sm) !important;
  }
  .fs-display-md\@lg {
    font-size: var(--font-size-display-md) !important;
  }
  .fs-display-lg\@lg {
    font-size: var(--font-size-display-lg) !important;
  }
  .fs-display-xl\@lg {
    font-size: var(--font-size-display-xl) !important;
  }
  .fs-body-xs\@lg {
    font-size: var(--font-size-body-xs) !important;
  }
  .fs-body-sm\@lg {
    font-size: var(--font-size-body-sm) !important;
  }
  .fs-body-md\@lg {
    font-size: var(--font-size-body-md) !important;
  }
  .fs-body-lg\@lg {
    font-size: var(--font-size-body-lg) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fs-0\@xl {
    font-size: var(--font-size-0) !important;
  }
  .fs-50\@xl {
    font-size: var(--font-size-50) !important;
  }
  .fs-100\@xl {
    font-size: var(--font-size-100) !important;
  }
  .fs-200\@xl {
    font-size: var(--font-size-200) !important;
  }
  .fs-300\@xl {
    font-size: var(--font-size-300) !important;
  }
  .fs-400\@xl {
    font-size: var(--font-size-400) !important;
  }
  .fs-500\@xl {
    font-size: var(--font-size-500) !important;
  }
  .fs-600\@xl {
    font-size: var(--font-size-600) !important;
  }
  .fs-700\@xl {
    font-size: var(--font-size-700) !important;
  }
  .fs-800\@xl {
    font-size: var(--font-size-800) !important;
  }
  .fs-900\@xl {
    font-size: var(--font-size-900) !important;
  }
  .fs-1000\@xl {
    font-size: var(--font-size-1000) !important;
  }
  .fs-display-sm\@xl {
    font-size: var(--font-size-display-sm) !important;
  }
  .fs-display-md\@xl {
    font-size: var(--font-size-display-md) !important;
  }
  .fs-display-lg\@xl {
    font-size: var(--font-size-display-lg) !important;
  }
  .fs-display-xl\@xl {
    font-size: var(--font-size-display-xl) !important;
  }
  .fs-body-xs\@xl {
    font-size: var(--font-size-body-xs) !important;
  }
  .fs-body-sm\@xl {
    font-size: var(--font-size-body-sm) !important;
  }
  .fs-body-md\@xl {
    font-size: var(--font-size-body-md) !important;
  }
  .fs-body-lg\@xl {
    font-size: var(--font-size-body-lg) !important;
  }
}
@media only screen and (min-width: 768px) {
  .fw-200\@sm {
    font-weight: var(--font-weight-200) !important;
  }
  .fw-300\@sm {
    font-weight: var(--font-weight-300) !important;
  }
  .fw-400\@sm {
    font-weight: var(--font-weight-400) !important;
  }
  .fw-500\@sm {
    font-weight: var(--font-weight-500) !important;
  }
  .fw-600\@sm {
    font-weight: var(--font-weight-600) !important;
  }
  .fw-700\@sm {
    font-weight: var(--font-weight-700) !important;
  }
  .fw-light\@sm {
    font-weight: var(--font-weight-300) !important;
  }
  .fw-regular\@sm {
    font-weight: var(--font-weight-regular) !important;
  }
  .fw-medium\@sm {
    font-weight: var(--font-weight-500) !important;
  }
  .fw-semi-bold\@sm {
    font-weight: var(--font-weight-semi-bold) !important;
  }
  .fw-bold\@sm {
    font-weight: var(--font-weight-bold) !important;
  }
}
@media only screen and (min-width: 992px) {
  .fw-200\@md {
    font-weight: var(--font-weight-200) !important;
  }
  .fw-300\@md {
    font-weight: var(--font-weight-300) !important;
  }
  .fw-400\@md {
    font-weight: var(--font-weight-400) !important;
  }
  .fw-500\@md {
    font-weight: var(--font-weight-500) !important;
  }
  .fw-600\@md {
    font-weight: var(--font-weight-600) !important;
  }
  .fw-700\@md {
    font-weight: var(--font-weight-700) !important;
  }
  .fw-light\@md {
    font-weight: var(--font-weight-300) !important;
  }
  .fw-regular\@md {
    font-weight: var(--font-weight-regular) !important;
  }
  .fw-medium\@md {
    font-weight: var(--font-weight-500) !important;
  }
  .fw-semi-bold\@md {
    font-weight: var(--font-weight-semi-bold) !important;
  }
  .fw-bold\@md {
    font-weight: var(--font-weight-bold) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .fw-200\@lg {
    font-weight: var(--font-weight-200) !important;
  }
  .fw-300\@lg {
    font-weight: var(--font-weight-300) !important;
  }
  .fw-400\@lg {
    font-weight: var(--font-weight-400) !important;
  }
  .fw-500\@lg {
    font-weight: var(--font-weight-500) !important;
  }
  .fw-600\@lg {
    font-weight: var(--font-weight-600) !important;
  }
  .fw-700\@lg {
    font-weight: var(--font-weight-700) !important;
  }
  .fw-light\@lg {
    font-weight: var(--font-weight-300) !important;
  }
  .fw-regular\@lg {
    font-weight: var(--font-weight-regular) !important;
  }
  .fw-medium\@lg {
    font-weight: var(--font-weight-500) !important;
  }
  .fw-semi-bold\@lg {
    font-weight: var(--font-weight-semi-bold) !important;
  }
  .fw-bold\@lg {
    font-weight: var(--font-weight-bold) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fw-200\@xl {
    font-weight: var(--font-weight-200) !important;
  }
  .fw-300\@xl {
    font-weight: var(--font-weight-300) !important;
  }
  .fw-400\@xl {
    font-weight: var(--font-weight-400) !important;
  }
  .fw-500\@xl {
    font-weight: var(--font-weight-500) !important;
  }
  .fw-600\@xl {
    font-weight: var(--font-weight-600) !important;
  }
  .fw-700\@xl {
    font-weight: var(--font-weight-700) !important;
  }
  .fw-light\@xl {
    font-weight: var(--font-weight-300) !important;
  }
  .fw-regular\@xl {
    font-weight: var(--font-weight-regular) !important;
  }
  .fw-medium\@xl {
    font-weight: var(--font-weight-500) !important;
  }
  .fw-semi-bold\@xl {
    font-weight: var(--font-weight-semi-bold) !important;
  }
  .fw-bold\@xl {
    font-weight: var(--font-weight-bold) !important;
  }
}
@media only screen and (min-width: 768px) {
  .lh-0\@sm {
    line-height: var(--line-height-0) !important;
  }
  .lh-100\@sm {
    line-height: var(--line-height-100) !important;
  }
  .lh-200\@sm {
    line-height: var(--line-height-200) !important;
  }
  .lh-300\@sm {
    line-height: var(--line-height-300) !important;
  }
  .lh-body\@sm {
    line-height: var(--line-height-body) !important;
  }
  .lh-heading\@sm {
    line-height: var(--line-height-heading) !important;
  }
  .lh-sub-heading\@sm {
    line-height: var(--line-height-sub-heading) !important;
  }
  .lh-reset\@sm {
    line-height: var(--line-height-reset) !important;
  }
}
@media only screen and (min-width: 992px) {
  .lh-0\@md {
    line-height: var(--line-height-0) !important;
  }
  .lh-100\@md {
    line-height: var(--line-height-100) !important;
  }
  .lh-200\@md {
    line-height: var(--line-height-200) !important;
  }
  .lh-300\@md {
    line-height: var(--line-height-300) !important;
  }
  .lh-body\@md {
    line-height: var(--line-height-body) !important;
  }
  .lh-heading\@md {
    line-height: var(--line-height-heading) !important;
  }
  .lh-sub-heading\@md {
    line-height: var(--line-height-sub-heading) !important;
  }
  .lh-reset\@md {
    line-height: var(--line-height-reset) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .lh-0\@lg {
    line-height: var(--line-height-0) !important;
  }
  .lh-100\@lg {
    line-height: var(--line-height-100) !important;
  }
  .lh-200\@lg {
    line-height: var(--line-height-200) !important;
  }
  .lh-300\@lg {
    line-height: var(--line-height-300) !important;
  }
  .lh-body\@lg {
    line-height: var(--line-height-body) !important;
  }
  .lh-heading\@lg {
    line-height: var(--line-height-heading) !important;
  }
  .lh-sub-heading\@lg {
    line-height: var(--line-height-sub-heading) !important;
  }
  .lh-reset\@lg {
    line-height: var(--line-height-reset) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .lh-0\@xl {
    line-height: var(--line-height-0) !important;
  }
  .lh-100\@xl {
    line-height: var(--line-height-100) !important;
  }
  .lh-200\@xl {
    line-height: var(--line-height-200) !important;
  }
  .lh-300\@xl {
    line-height: var(--line-height-300) !important;
  }
  .lh-body\@xl {
    line-height: var(--line-height-body) !important;
  }
  .lh-heading\@xl {
    line-height: var(--line-height-heading) !important;
  }
  .lh-sub-heading\@xl {
    line-height: var(--line-height-sub-heading) !important;
  }
  .lh-reset\@xl {
    line-height: var(--line-height-reset) !important;
  }
}
.border {
  border: 1px solid var(--color-neutral-500) !important;
}
.border-t {
  border-top: 1px solid var(--color-neutral-500) !important;
}
.border-r {
  border-right: 1px solid var(--color-neutral-500) !important;
}
.border-l {
  border-left: 1px solid var(--color-neutral-500) !important;
}
.border-b {
  border-bottom: 1px solid var(--color-neutral-500) !important;
}
.border-x {
  border-right: 1px solid var(--color-neutral-500) !important;
  border-left: 1px solid var(--color-neutral-500) !important;
}
.border-y {
  border-top: 1px solid var(--color-neutral-500) !important;
  border-bottom: 1px solid var(--color-neutral-500) !important;
}
.border-0 {
  border: 0 !important;
}
.border-t-0 {
  border-top: 0 !important;
}
.border-r-0 {
  border-right: 0 !important;
}
.border-l-0 {
  border-left: 0 !important;
}
.border-b-0 {
  border-bottom: 0 !important;
}
.border-x-0 {
  border-right: 0 !important;
  border-left: 0 !important;
}
.border-y-0 {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.rounded-0 {
  border-radius: var(--border-radius-0) !important;
}
.rounded-100 {
  border-radius: var(--border-radius-100) !important;
}
.rounded-200 {
  border-radius: var(--border-radius-200) !important;
}
.rounded-300 {
  border-radius: var(--border-radius-300) !important;
}
.rounded-400 {
  border-radius: var(--border-radius-400) !important;
}
.rounded-500 {
  border-radius: var(--border-radius-500) !important;
}
.round {
  border-radius: var(--border-radius-full) !important;
}
.rounded-tl-0 {
  border-top-left-radius: var(--border-radius-0) !important;
}
.rounded-tr-0 {
  border-top-right-radius: var(--border-radius-0) !important;
}
.rounded-bl-0 {
  border-bottom-left-radius: var(--border-radius-0) !important;
}
.rounded-br-0 {
  border-bottom-right-radius: var(--border-radius-0) !important;
}
@media only screen and (min-width: 768px) {
  .rounded-tl-0\@sm {
    border-top-left-radius: var(--border-radius-0) !important;
  }
  .rounded-tr-0\@sm {
    border-top-right-radius: var(--border-radius-0) !important;
  }
  .rounded-bl-0\@sm {
    border-bottom-left-radius: var(--border-radius-0) !important;
  }
  .rounded-br-0\@sm {
    border-bottom-right-radius: var(--border-radius-0) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-tl-0\@md {
    border-top-left-radius: var(--border-radius-0) !important;
  }
  .rounded-tr-0\@md {
    border-top-right-radius: var(--border-radius-0) !important;
  }
  .rounded-bl-0\@md {
    border-bottom-left-radius: var(--border-radius-0) !important;
  }
  .rounded-br-0\@md {
    border-bottom-right-radius: var(--border-radius-0) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-tl-0\@lg {
    border-top-left-radius: var(--border-radius-0) !important;
  }
  .rounded-tr-0\@lg {
    border-top-right-radius: var(--border-radius-0) !important;
  }
  .rounded-bl-0\@lg {
    border-bottom-left-radius: var(--border-radius-0) !important;
  }
  .rounded-br-0\@lg {
    border-bottom-right-radius: var(--border-radius-0) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-tl-0\@xl {
    border-top-left-radius: var(--border-radius-0) !important;
  }
  .rounded-tr-0\@xl {
    border-top-right-radius: var(--border-radius-0) !important;
  }
  .rounded-bl-0\@xl {
    border-bottom-left-radius: var(--border-radius-0) !important;
  }
  .rounded-br-0\@xl {
    border-bottom-right-radius: var(--border-radius-0) !important;
  }
}
.rounded-tl-100 {
  border-top-left-radius: var(--border-radius-100) !important;
}
.rounded-tr-100 {
  border-top-right-radius: var(--border-radius-100) !important;
}
.rounded-bl-100 {
  border-bottom-left-radius: var(--border-radius-100) !important;
}
.rounded-br-100 {
  border-bottom-right-radius: var(--border-radius-100) !important;
}
@media only screen and (min-width: 768px) {
  .rounded-tl-100\@sm {
    border-top-left-radius: var(--border-radius-100) !important;
  }
  .rounded-tr-100\@sm {
    border-top-right-radius: var(--border-radius-100) !important;
  }
  .rounded-bl-100\@sm {
    border-bottom-left-radius: var(--border-radius-100) !important;
  }
  .rounded-br-100\@sm {
    border-bottom-right-radius: var(--border-radius-100) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-tl-100\@md {
    border-top-left-radius: var(--border-radius-100) !important;
  }
  .rounded-tr-100\@md {
    border-top-right-radius: var(--border-radius-100) !important;
  }
  .rounded-bl-100\@md {
    border-bottom-left-radius: var(--border-radius-100) !important;
  }
  .rounded-br-100\@md {
    border-bottom-right-radius: var(--border-radius-100) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-tl-100\@lg {
    border-top-left-radius: var(--border-radius-100) !important;
  }
  .rounded-tr-100\@lg {
    border-top-right-radius: var(--border-radius-100) !important;
  }
  .rounded-bl-100\@lg {
    border-bottom-left-radius: var(--border-radius-100) !important;
  }
  .rounded-br-100\@lg {
    border-bottom-right-radius: var(--border-radius-100) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-tl-100\@xl {
    border-top-left-radius: var(--border-radius-100) !important;
  }
  .rounded-tr-100\@xl {
    border-top-right-radius: var(--border-radius-100) !important;
  }
  .rounded-bl-100\@xl {
    border-bottom-left-radius: var(--border-radius-100) !important;
  }
  .rounded-br-100\@xl {
    border-bottom-right-radius: var(--border-radius-100) !important;
  }
}
.rounded-tl-200 {
  border-top-left-radius: var(--border-radius-200) !important;
}
.rounded-tr-200 {
  border-top-right-radius: var(--border-radius-200) !important;
}
.rounded-bl-200 {
  border-bottom-left-radius: var(--border-radius-200) !important;
}
.rounded-br-200 {
  border-bottom-right-radius: var(--border-radius-200) !important;
}
@media only screen and (min-width: 768px) {
  .rounded-tl-200\@sm {
    border-top-left-radius: var(--border-radius-200) !important;
  }
  .rounded-tr-200\@sm {
    border-top-right-radius: var(--border-radius-200) !important;
  }
  .rounded-bl-200\@sm {
    border-bottom-left-radius: var(--border-radius-200) !important;
  }
  .rounded-br-200\@sm {
    border-bottom-right-radius: var(--border-radius-200) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-tl-200\@md {
    border-top-left-radius: var(--border-radius-200) !important;
  }
  .rounded-tr-200\@md {
    border-top-right-radius: var(--border-radius-200) !important;
  }
  .rounded-bl-200\@md {
    border-bottom-left-radius: var(--border-radius-200) !important;
  }
  .rounded-br-200\@md {
    border-bottom-right-radius: var(--border-radius-200) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-tl-200\@lg {
    border-top-left-radius: var(--border-radius-200) !important;
  }
  .rounded-tr-200\@lg {
    border-top-right-radius: var(--border-radius-200) !important;
  }
  .rounded-bl-200\@lg {
    border-bottom-left-radius: var(--border-radius-200) !important;
  }
  .rounded-br-200\@lg {
    border-bottom-right-radius: var(--border-radius-200) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-tl-200\@xl {
    border-top-left-radius: var(--border-radius-200) !important;
  }
  .rounded-tr-200\@xl {
    border-top-right-radius: var(--border-radius-200) !important;
  }
  .rounded-bl-200\@xl {
    border-bottom-left-radius: var(--border-radius-200) !important;
  }
  .rounded-br-200\@xl {
    border-bottom-right-radius: var(--border-radius-200) !important;
  }
}
.rounded-tl-300 {
  border-top-left-radius: var(--border-radius-300) !important;
}
.rounded-tr-300 {
  border-top-right-radius: var(--border-radius-300) !important;
}
.rounded-bl-300 {
  border-bottom-left-radius: var(--border-radius-300) !important;
}
.rounded-br-300 {
  border-bottom-right-radius: var(--border-radius-300) !important;
}
@media only screen and (min-width: 768px) {
  .rounded-tl-300\@sm {
    border-top-left-radius: var(--border-radius-300) !important;
  }
  .rounded-tr-300\@sm {
    border-top-right-radius: var(--border-radius-300) !important;
  }
  .rounded-bl-300\@sm {
    border-bottom-left-radius: var(--border-radius-300) !important;
  }
  .rounded-br-300\@sm {
    border-bottom-right-radius: var(--border-radius-300) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-tl-300\@md {
    border-top-left-radius: var(--border-radius-300) !important;
  }
  .rounded-tr-300\@md {
    border-top-right-radius: var(--border-radius-300) !important;
  }
  .rounded-bl-300\@md {
    border-bottom-left-radius: var(--border-radius-300) !important;
  }
  .rounded-br-300\@md {
    border-bottom-right-radius: var(--border-radius-300) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-tl-300\@lg {
    border-top-left-radius: var(--border-radius-300) !important;
  }
  .rounded-tr-300\@lg {
    border-top-right-radius: var(--border-radius-300) !important;
  }
  .rounded-bl-300\@lg {
    border-bottom-left-radius: var(--border-radius-300) !important;
  }
  .rounded-br-300\@lg {
    border-bottom-right-radius: var(--border-radius-300) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-tl-300\@xl {
    border-top-left-radius: var(--border-radius-300) !important;
  }
  .rounded-tr-300\@xl {
    border-top-right-radius: var(--border-radius-300) !important;
  }
  .rounded-bl-300\@xl {
    border-bottom-left-radius: var(--border-radius-300) !important;
  }
  .rounded-br-300\@xl {
    border-bottom-right-radius: var(--border-radius-300) !important;
  }
}
.rounded-tl-400 {
  border-top-left-radius: var(--border-radius-400) !important;
}
.rounded-tr-400 {
  border-top-right-radius: var(--border-radius-400) !important;
}
.rounded-bl-400 {
  border-bottom-left-radius: var(--border-radius-400) !important;
}
.rounded-br-400 {
  border-bottom-right-radius: var(--border-radius-400) !important;
}
@media only screen and (min-width: 768px) {
  .rounded-tl-400\@sm {
    border-top-left-radius: var(--border-radius-400) !important;
  }
  .rounded-tr-400\@sm {
    border-top-right-radius: var(--border-radius-400) !important;
  }
  .rounded-bl-400\@sm {
    border-bottom-left-radius: var(--border-radius-400) !important;
  }
  .rounded-br-400\@sm {
    border-bottom-right-radius: var(--border-radius-400) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-tl-400\@md {
    border-top-left-radius: var(--border-radius-400) !important;
  }
  .rounded-tr-400\@md {
    border-top-right-radius: var(--border-radius-400) !important;
  }
  .rounded-bl-400\@md {
    border-bottom-left-radius: var(--border-radius-400) !important;
  }
  .rounded-br-400\@md {
    border-bottom-right-radius: var(--border-radius-400) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-tl-400\@lg {
    border-top-left-radius: var(--border-radius-400) !important;
  }
  .rounded-tr-400\@lg {
    border-top-right-radius: var(--border-radius-400) !important;
  }
  .rounded-bl-400\@lg {
    border-bottom-left-radius: var(--border-radius-400) !important;
  }
  .rounded-br-400\@lg {
    border-bottom-right-radius: var(--border-radius-400) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-tl-400\@xl {
    border-top-left-radius: var(--border-radius-400) !important;
  }
  .rounded-tr-400\@xl {
    border-top-right-radius: var(--border-radius-400) !important;
  }
  .rounded-bl-400\@xl {
    border-bottom-left-radius: var(--border-radius-400) !important;
  }
  .rounded-br-400\@xl {
    border-bottom-right-radius: var(--border-radius-400) !important;
  }
}
.rounded-tl-500 {
  border-top-left-radius: var(--border-radius-500) !important;
}
.rounded-tr-500 {
  border-top-right-radius: var(--border-radius-500) !important;
}
.rounded-bl-500 {
  border-bottom-left-radius: var(--border-radius-500) !important;
}
.rounded-br-500 {
  border-bottom-right-radius: var(--border-radius-500) !important;
}
@media only screen and (min-width: 768px) {
  .rounded-tl-500\@sm {
    border-top-left-radius: var(--border-radius-500) !important;
  }
  .rounded-tr-500\@sm {
    border-top-right-radius: var(--border-radius-500) !important;
  }
  .rounded-bl-500\@sm {
    border-bottom-left-radius: var(--border-radius-500) !important;
  }
  .rounded-br-500\@sm {
    border-bottom-right-radius: var(--border-radius-500) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-tl-500\@md {
    border-top-left-radius: var(--border-radius-500) !important;
  }
  .rounded-tr-500\@md {
    border-top-right-radius: var(--border-radius-500) !important;
  }
  .rounded-bl-500\@md {
    border-bottom-left-radius: var(--border-radius-500) !important;
  }
  .rounded-br-500\@md {
    border-bottom-right-radius: var(--border-radius-500) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-tl-500\@lg {
    border-top-left-radius: var(--border-radius-500) !important;
  }
  .rounded-tr-500\@lg {
    border-top-right-radius: var(--border-radius-500) !important;
  }
  .rounded-bl-500\@lg {
    border-bottom-left-radius: var(--border-radius-500) !important;
  }
  .rounded-br-500\@lg {
    border-bottom-right-radius: var(--border-radius-500) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-tl-500\@xl {
    border-top-left-radius: var(--border-radius-500) !important;
  }
  .rounded-tr-500\@xl {
    border-top-right-radius: var(--border-radius-500) !important;
  }
  .rounded-bl-500\@xl {
    border-bottom-left-radius: var(--border-radius-500) !important;
  }
  .rounded-br-500\@xl {
    border-bottom-right-radius: var(--border-radius-500) !important;
  }
}
@media only screen and (min-width: 768px) {
  .rounded-0\@sm {
    border-radius: var(--border-radius-0) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-0\@md {
    border-radius: var(--border-radius-0) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-0\@lg {
    border-radius: var(--border-radius-0) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-0\@xl {
    border-radius: var(--border-radius-0) !important;
  }
}
@media only screen and (min-width: 768px) {
  .rounded-100\@sm {
    border-radius: var(--border-radius-100) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-100\@md {
    border-radius: var(--border-radius-100) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-100\@lg {
    border-radius: var(--border-radius-100) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-100\@xl {
    border-radius: var(--border-radius-100) !important;
  }
}
@media only screen and (min-width: 768px) {
  .rounded-200\@sm {
    border-radius: var(--border-radius-200) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-200\@md {
    border-radius: var(--border-radius-200) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-200\@lg {
    border-radius: var(--border-radius-200) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-200\@xl {
    border-radius: var(--border-radius-200) !important;
  }
}
@media only screen and (min-width: 768px) {
  .rounded-300\@sm {
    border-radius: var(--border-radius-300) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-300\@md {
    border-radius: var(--border-radius-300) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-300\@lg {
    border-radius: var(--border-radius-300) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-300\@xl {
    border-radius: var(--border-radius-300) !important;
  }
}
@media only screen and (min-width: 768px) {
  .rounded-400\@sm {
    border-radius: var(--border-radius-400) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-400\@md {
    border-radius: var(--border-radius-400) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-400\@lg {
    border-radius: var(--border-radius-400) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-400\@xl {
    border-radius: var(--border-radius-400) !important;
  }
}
@media only screen and (min-width: 768px) {
  .rounded-500\@sm {
    border-radius: var(--border-radius-500) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-500\@md {
    border-radius: var(--border-radius-500) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-500\@lg {
    border-radius: var(--border-radius-500) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-500\@xl {
    border-radius: var(--border-radius-500) !important;
  }
}
@media only screen and (min-width: 768px) {
  .rounded-500\@sm {
    border-radius: var(--border-radius-500) !important;
  }
  .round\@sm {
    border-radius: var(--border-radius-full) !important;
  }
}
@media only screen and (min-width: 992px) {
  .rounded-500\@md {
    border-radius: var(--border-radius-500) !important;
  }
  .round\@md {
    border-radius: var(--border-radius-full) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .rounded-500\@lg {
    border-radius: var(--border-radius-500) !important;
  }
  .round\@lg {
    border-radius: var(--border-radius-full) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .rounded-500\@xl {
    border-radius: var(--border-radius-500) !important;
  }
  .round\@xl {
    border-radius: var(--border-radius-full) !important;
  }
}
.bg-primary-100 {
  background-color: var(--color-primary-100) !important;
}
.h\:bg-primary-100:hover {
  background-color: var(--color-primary-100) !important;
}
.f\:bg-primary-100:focus {
  background-color: var(--color-primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--color-primary-200) !important;
}
.h\:bg-primary-200:hover {
  background-color: var(--color-primary-200) !important;
}
.f\:bg-primary-200:focus {
  background-color: var(--color-primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--color-primary-300) !important;
}
.h\:bg-primary-300:hover {
  background-color: var(--color-primary-300) !important;
}
.f\:bg-primary-300:focus {
  background-color: var(--color-primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--color-primary-400) !important;
}
.h\:bg-primary-400:hover {
  background-color: var(--color-primary-400) !important;
}
.f\:bg-primary-400:focus {
  background-color: var(--color-primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--color-primary-500) !important;
}
.h\:bg-primary-500:hover {
  background-color: var(--color-primary-500) !important;
}
.f\:bg-primary-500:focus {
  background-color: var(--color-primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--color-primary-600) !important;
}
.h\:bg-primary-600:hover {
  background-color: var(--color-primary-600) !important;
}
.f\:bg-primary-600:focus {
  background-color: var(--color-primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--color-primary-700) !important;
}
.h\:bg-primary-700:hover {
  background-color: var(--color-primary-700) !important;
}
.f\:bg-primary-700:focus {
  background-color: var(--color-primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--color-primary-800) !important;
}
.h\:bg-primary-800:hover {
  background-color: var(--color-primary-800) !important;
}
.f\:bg-primary-800:focus {
  background-color: var(--color-primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--color-primary-900) !important;
}
.h\:bg-primary-900:hover {
  background-color: var(--color-primary-900) !important;
}
.f\:bg-primary-900:focus {
  background-color: var(--color-primary-900) !important;
}
.bg-primary-1000 {
  background-color: var(--color-primary-1000) !important;
}
.h\:bg-primary-1000:hover {
  background-color: var(--color-primary-1000) !important;
}
.f\:bg-primary-1000:focus {
  background-color: var(--color-primary-1000) !important;
}
.bg-primary {
  background-color: var(--color-primary) !important;
}
.h\:bg-primary:hover {
  background-color: var(--color-primary) !important;
}
.f\:bg-primary:focus {
  background-color: var(--color-primary) !important;
}
.c-primary-100 {
  color: var(--color-primary-100) !important;
}
.h\:c-primary-100:hover {
  color: var(--color-primary-100) !important;
}
.f\:c-primary-100:focus {
  color: var(--color-primary-100) !important;
}
.c-primary-200 {
  color: var(--color-primary-200) !important;
}
.h\:c-primary-200:hover {
  color: var(--color-primary-200) !important;
}
.f\:c-primary-200:focus {
  color: var(--color-primary-200) !important;
}
.c-primary-300 {
  color: var(--color-primary-300) !important;
}
.h\:c-primary-300:hover {
  color: var(--color-primary-300) !important;
}
.f\:c-primary-300:focus {
  color: var(--color-primary-300) !important;
}
.c-primary-400 {
  color: var(--color-primary-400) !important;
}
.h\:c-primary-400:hover {
  color: var(--color-primary-400) !important;
}
.f\:c-primary-400:focus {
  color: var(--color-primary-400) !important;
}
.c-primary-500 {
  color: var(--color-primary-500) !important;
}
.h\:c-primary-500:hover {
  color: var(--color-primary-500) !important;
}
.f\:c-primary-500:focus {
  color: var(--color-primary-500) !important;
}
.c-primary-600 {
  color: var(--color-primary-600) !important;
}
.h\:c-primary-600:hover {
  color: var(--color-primary-600) !important;
}
.f\:c-primary-600:focus {
  color: var(--color-primary-600) !important;
}
.c-primary-700 {
  color: var(--color-primary-700) !important;
}
.h\:c-primary-700:hover {
  color: var(--color-primary-700) !important;
}
.f\:c-primary-700:focus {
  color: var(--color-primary-700) !important;
}
.c-primary-800 {
  color: var(--color-primary-800) !important;
}
.h\:c-primary-800:hover {
  color: var(--color-primary-800) !important;
}
.f\:c-primary-800:focus {
  color: var(--color-primary-800) !important;
}
.c-primary-900 {
  color: var(--color-primary-900) !important;
}
.h\:c-primary-900:hover {
  color: var(--color-primary-900) !important;
}
.f\:c-primary-900:focus {
  color: var(--color-primary-900) !important;
}
.c-primary-1000 {
  color: var(--color-primary-1000) !important;
}
.h\:c-primary-1000:hover {
  color: var(--color-primary-1000) !important;
}
.f\:c-primary-1000:focus {
  color: var(--color-primary-1000) !important;
}
.c-primary {
  color: var(--color-primary) !important;
}
.h\:c-primary:hover {
  color: var(--color-primary) !important;
}
.f\:c-primary:focus {
  color: var(--color-primary) !important;
}
.bc-primary-100 {
  border-color: var(--color-primary-100) !important;
}
.h\:bc-primary-100:hover {
  border-color: var(--color-primary-100) !important;
}
.f\:bc-primary-100:focus {
  border-color: var(--color-primary-100) !important;
}
.bc-primary-200 {
  border-color: var(--color-primary-200) !important;
}
.h\:bc-primary-200:hover {
  border-color: var(--color-primary-200) !important;
}
.f\:bc-primary-200:focus {
  border-color: var(--color-primary-200) !important;
}
.bc-primary-300 {
  border-color: var(--color-primary-300) !important;
}
.h\:bc-primary-300:hover {
  border-color: var(--color-primary-300) !important;
}
.f\:bc-primary-300:focus {
  border-color: var(--color-primary-300) !important;
}
.bc-primary-400 {
  border-color: var(--color-primary-400) !important;
}
.h\:bc-primary-400:hover {
  border-color: var(--color-primary-400) !important;
}
.f\:bc-primary-400:focus {
  border-color: var(--color-primary-400) !important;
}
.bc-primary-500 {
  border-color: var(--color-primary-500) !important;
}
.h\:bc-primary-500:hover {
  border-color: var(--color-primary-500) !important;
}
.f\:bc-primary-500:focus {
  border-color: var(--color-primary-500) !important;
}
.bc-primary-600 {
  border-color: var(--color-primary-600) !important;
}
.h\:bc-primary-600:hover {
  border-color: var(--color-primary-600) !important;
}
.f\:bc-primary-600:focus {
  border-color: var(--color-primary-600) !important;
}
.bc-primary-700 {
  border-color: var(--color-primary-700) !important;
}
.h\:bc-primary-700:hover {
  border-color: var(--color-primary-700) !important;
}
.f\:bc-primary-700:focus {
  border-color: var(--color-primary-700) !important;
}
.bc-primary-800 {
  border-color: var(--color-primary-800) !important;
}
.h\:bc-primary-800:hover {
  border-color: var(--color-primary-800) !important;
}
.f\:bc-primary-800:focus {
  border-color: var(--color-primary-800) !important;
}
.bc-primary-900 {
  border-color: var(--color-primary-900) !important;
}
.h\:bc-primary-900:hover {
  border-color: var(--color-primary-900) !important;
}
.f\:bc-primary-900:focus {
  border-color: var(--color-primary-900) !important;
}
.bc-primary-1000 {
  border-color: var(--color-primary-1000) !important;
}
.h\:bc-primary-1000:hover {
  border-color: var(--color-primary-1000) !important;
}
.f\:bc-primary-1000:focus {
  border-color: var(--color-primary-1000) !important;
}
.bc-primary {
  border-color: var(--color-primary) !important;
}
.h\:bc-primary:hover {
  border-color: var(--color-primary) !important;
}
.f\:bc-primary:focus {
  border-color: var(--color-primary) !important;
}
.bg-secondary-100 {
  background-color: var(--color-secondary-100) !important;
}
.h\:bg-secondary-100:hover {
  background-color: var(--color-secondary-100) !important;
}
.f\:bg-secondary-100:focus {
  background-color: var(--color-secondary-100) !important;
}
.bg-secondary-200 {
  background-color: var(--color-secondary-200) !important;
}
.h\:bg-secondary-200:hover {
  background-color: var(--color-secondary-200) !important;
}
.f\:bg-secondary-200:focus {
  background-color: var(--color-secondary-200) !important;
}
.bg-secondary-300 {
  background-color: var(--color-secondary-300) !important;
}
.h\:bg-secondary-300:hover {
  background-color: var(--color-secondary-300) !important;
}
.f\:bg-secondary-300:focus {
  background-color: var(--color-secondary-300) !important;
}
.bg-secondary-400 {
  background-color: var(--color-secondary-400) !important;
}
.h\:bg-secondary-400:hover {
  background-color: var(--color-secondary-400) !important;
}
.f\:bg-secondary-400:focus {
  background-color: var(--color-secondary-400) !important;
}
.bg-secondary-500 {
  background-color: var(--color-secondary-500) !important;
}
.h\:bg-secondary-500:hover {
  background-color: var(--color-secondary-500) !important;
}
.f\:bg-secondary-500:focus {
  background-color: var(--color-secondary-500) !important;
}
.bg-secondary-600 {
  background-color: var(--color-secondary-600) !important;
}
.h\:bg-secondary-600:hover {
  background-color: var(--color-secondary-600) !important;
}
.f\:bg-secondary-600:focus {
  background-color: var(--color-secondary-600) !important;
}
.bg-secondary-700 {
  background-color: var(--color-secondary-700) !important;
}
.h\:bg-secondary-700:hover {
  background-color: var(--color-secondary-700) !important;
}
.f\:bg-secondary-700:focus {
  background-color: var(--color-secondary-700) !important;
}
.bg-secondary-800 {
  background-color: var(--color-secondary-800) !important;
}
.h\:bg-secondary-800:hover {
  background-color: var(--color-secondary-800) !important;
}
.f\:bg-secondary-800:focus {
  background-color: var(--color-secondary-800) !important;
}
.bg-secondary-900 {
  background-color: var(--color-secondary-900) !important;
}
.h\:bg-secondary-900:hover {
  background-color: var(--color-secondary-900) !important;
}
.f\:bg-secondary-900:focus {
  background-color: var(--color-secondary-900) !important;
}
.bg-secondary-1000 {
  background-color: var(--color-secondary-1000) !important;
}
.h\:bg-secondary-1000:hover {
  background-color: var(--color-secondary-1000) !important;
}
.f\:bg-secondary-1000:focus {
  background-color: var(--color-secondary-1000) !important;
}
.bg-secondary {
  background-color: var(--color-secondary) !important;
}
.h\:bg-secondary:hover {
  background-color: var(--color-secondary) !important;
}
.f\:bg-secondary:focus {
  background-color: var(--color-secondary) !important;
}
.c-secondary-100 {
  color: var(--color-secondary-100) !important;
}
.h\:c-secondary-100:hover {
  color: var(--color-secondary-100) !important;
}
.f\:c-secondary-100:focus {
  color: var(--color-secondary-100) !important;
}
.c-secondary-200 {
  color: var(--color-secondary-200) !important;
}
.h\:c-secondary-200:hover {
  color: var(--color-secondary-200) !important;
}
.f\:c-secondary-200:focus {
  color: var(--color-secondary-200) !important;
}
.c-secondary-300 {
  color: var(--color-secondary-300) !important;
}
.h\:c-secondary-300:hover {
  color: var(--color-secondary-300) !important;
}
.f\:c-secondary-300:focus {
  color: var(--color-secondary-300) !important;
}
.c-secondary-400 {
  color: var(--color-secondary-400) !important;
}
.h\:c-secondary-400:hover {
  color: var(--color-secondary-400) !important;
}
.f\:c-secondary-400:focus {
  color: var(--color-secondary-400) !important;
}
.c-secondary-500 {
  color: var(--color-secondary-500) !important;
}
.h\:c-secondary-500:hover {
  color: var(--color-secondary-500) !important;
}
.f\:c-secondary-500:focus {
  color: var(--color-secondary-500) !important;
}
.c-secondary-600 {
  color: var(--color-secondary-600) !important;
}
.h\:c-secondary-600:hover {
  color: var(--color-secondary-600) !important;
}
.f\:c-secondary-600:focus {
  color: var(--color-secondary-600) !important;
}
.c-secondary-700 {
  color: var(--color-secondary-700) !important;
}
.h\:c-secondary-700:hover {
  color: var(--color-secondary-700) !important;
}
.f\:c-secondary-700:focus {
  color: var(--color-secondary-700) !important;
}
.c-secondary-800 {
  color: var(--color-secondary-800) !important;
}
.h\:c-secondary-800:hover {
  color: var(--color-secondary-800) !important;
}
.f\:c-secondary-800:focus {
  color: var(--color-secondary-800) !important;
}
.c-secondary-900 {
  color: var(--color-secondary-900) !important;
}
.h\:c-secondary-900:hover {
  color: var(--color-secondary-900) !important;
}
.f\:c-secondary-900:focus {
  color: var(--color-secondary-900) !important;
}
.c-secondary-1000 {
  color: var(--color-secondary-1000) !important;
}
.h\:c-secondary-1000:hover {
  color: var(--color-secondary-1000) !important;
}
.f\:c-secondary-1000:focus {
  color: var(--color-secondary-1000) !important;
}
.c-secondary {
  color: var(--color-secondary) !important;
}
.h\:c-secondary:hover {
  color: var(--color-secondary) !important;
}
.f\:c-secondary:focus {
  color: var(--color-secondary) !important;
}
.bc-secondary-100 {
  border-color: var(--color-secondary-100) !important;
}
.h\:bc-secondary-100:hover {
  border-color: var(--color-secondary-100) !important;
}
.f\:bc-secondary-100:focus {
  border-color: var(--color-secondary-100) !important;
}
.bc-secondary-200 {
  border-color: var(--color-secondary-200) !important;
}
.h\:bc-secondary-200:hover {
  border-color: var(--color-secondary-200) !important;
}
.f\:bc-secondary-200:focus {
  border-color: var(--color-secondary-200) !important;
}
.bc-secondary-300 {
  border-color: var(--color-secondary-300) !important;
}
.h\:bc-secondary-300:hover {
  border-color: var(--color-secondary-300) !important;
}
.f\:bc-secondary-300:focus {
  border-color: var(--color-secondary-300) !important;
}
.bc-secondary-400 {
  border-color: var(--color-secondary-400) !important;
}
.h\:bc-secondary-400:hover {
  border-color: var(--color-secondary-400) !important;
}
.f\:bc-secondary-400:focus {
  border-color: var(--color-secondary-400) !important;
}
.bc-secondary-500 {
  border-color: var(--color-secondary-500) !important;
}
.h\:bc-secondary-500:hover {
  border-color: var(--color-secondary-500) !important;
}
.f\:bc-secondary-500:focus {
  border-color: var(--color-secondary-500) !important;
}
.bc-secondary-600 {
  border-color: var(--color-secondary-600) !important;
}
.h\:bc-secondary-600:hover {
  border-color: var(--color-secondary-600) !important;
}
.f\:bc-secondary-600:focus {
  border-color: var(--color-secondary-600) !important;
}
.bc-secondary-700 {
  border-color: var(--color-secondary-700) !important;
}
.h\:bc-secondary-700:hover {
  border-color: var(--color-secondary-700) !important;
}
.f\:bc-secondary-700:focus {
  border-color: var(--color-secondary-700) !important;
}
.bc-secondary-800 {
  border-color: var(--color-secondary-800) !important;
}
.h\:bc-secondary-800:hover {
  border-color: var(--color-secondary-800) !important;
}
.f\:bc-secondary-800:focus {
  border-color: var(--color-secondary-800) !important;
}
.bc-secondary-900 {
  border-color: var(--color-secondary-900) !important;
}
.h\:bc-secondary-900:hover {
  border-color: var(--color-secondary-900) !important;
}
.f\:bc-secondary-900:focus {
  border-color: var(--color-secondary-900) !important;
}
.bc-secondary-1000 {
  border-color: var(--color-secondary-1000) !important;
}
.h\:bc-secondary-1000:hover {
  border-color: var(--color-secondary-1000) !important;
}
.f\:bc-secondary-1000:focus {
  border-color: var(--color-secondary-1000) !important;
}
.bc-secondary {
  border-color: var(--color-secondary) !important;
}
.h\:bc-secondary:hover {
  border-color: var(--color-secondary) !important;
}
.f\:bc-secondary:focus {
  border-color: var(--color-secondary) !important;
}
.bg-tertiary-100 {
  background-color: var(--color-tertiary-100) !important;
}
.h\:bg-tertiary-100:hover {
  background-color: var(--color-tertiary-100) !important;
}
.f\:bg-tertiary-100:focus {
  background-color: var(--color-tertiary-100) !important;
}
.bg-tertiary-200 {
  background-color: var(--color-tertiary-200) !important;
}
.h\:bg-tertiary-200:hover {
  background-color: var(--color-tertiary-200) !important;
}
.f\:bg-tertiary-200:focus {
  background-color: var(--color-tertiary-200) !important;
}
.bg-tertiary-300 {
  background-color: var(--color-tertiary-300) !important;
}
.h\:bg-tertiary-300:hover {
  background-color: var(--color-tertiary-300) !important;
}
.f\:bg-tertiary-300:focus {
  background-color: var(--color-tertiary-300) !important;
}
.bg-tertiary-400 {
  background-color: var(--color-tertiary-400) !important;
}
.h\:bg-tertiary-400:hover {
  background-color: var(--color-tertiary-400) !important;
}
.f\:bg-tertiary-400:focus {
  background-color: var(--color-tertiary-400) !important;
}
.bg-tertiary-500 {
  background-color: var(--color-tertiary-500) !important;
}
.h\:bg-tertiary-500:hover {
  background-color: var(--color-tertiary-500) !important;
}
.f\:bg-tertiary-500:focus {
  background-color: var(--color-tertiary-500) !important;
}
.bg-tertiary-600 {
  background-color: var(--color-tertiary-600) !important;
}
.h\:bg-tertiary-600:hover {
  background-color: var(--color-tertiary-600) !important;
}
.f\:bg-tertiary-600:focus {
  background-color: var(--color-tertiary-600) !important;
}
.bg-tertiary-700 {
  background-color: var(--color-tertiary-700) !important;
}
.h\:bg-tertiary-700:hover {
  background-color: var(--color-tertiary-700) !important;
}
.f\:bg-tertiary-700:focus {
  background-color: var(--color-tertiary-700) !important;
}
.bg-tertiary-800 {
  background-color: var(--color-tertiary-800) !important;
}
.h\:bg-tertiary-800:hover {
  background-color: var(--color-tertiary-800) !important;
}
.f\:bg-tertiary-800:focus {
  background-color: var(--color-tertiary-800) !important;
}
.bg-tertiary-900 {
  background-color: var(--color-tertiary-900) !important;
}
.h\:bg-tertiary-900:hover {
  background-color: var(--color-tertiary-900) !important;
}
.f\:bg-tertiary-900:focus {
  background-color: var(--color-tertiary-900) !important;
}
.bg-tertiary-1000 {
  background-color: var(--color-tertiary-1000) !important;
}
.h\:bg-tertiary-1000:hover {
  background-color: var(--color-tertiary-1000) !important;
}
.f\:bg-tertiary-1000:focus {
  background-color: var(--color-tertiary-1000) !important;
}
.bg-tertiary {
  background-color: var(--color-tertiary) !important;
}
.h\:bg-tertiary:hover {
  background-color: var(--color-tertiary) !important;
}
.f\:bg-tertiary:focus {
  background-color: var(--color-tertiary) !important;
}
.c-tertiary-100 {
  color: var(--color-tertiary-100) !important;
}
.h\:c-tertiary-100:hover {
  color: var(--color-tertiary-100) !important;
}
.f\:c-tertiary-100:focus {
  color: var(--color-tertiary-100) !important;
}
.c-tertiary-200 {
  color: var(--color-tertiary-200) !important;
}
.h\:c-tertiary-200:hover {
  color: var(--color-tertiary-200) !important;
}
.f\:c-tertiary-200:focus {
  color: var(--color-tertiary-200) !important;
}
.c-tertiary-300 {
  color: var(--color-tertiary-300) !important;
}
.h\:c-tertiary-300:hover {
  color: var(--color-tertiary-300) !important;
}
.f\:c-tertiary-300:focus {
  color: var(--color-tertiary-300) !important;
}
.c-tertiary-400 {
  color: var(--color-tertiary-400) !important;
}
.h\:c-tertiary-400:hover {
  color: var(--color-tertiary-400) !important;
}
.f\:c-tertiary-400:focus {
  color: var(--color-tertiary-400) !important;
}
.c-tertiary-500 {
  color: var(--color-tertiary-500) !important;
}
.h\:c-tertiary-500:hover {
  color: var(--color-tertiary-500) !important;
}
.f\:c-tertiary-500:focus {
  color: var(--color-tertiary-500) !important;
}
.c-tertiary-600 {
  color: var(--color-tertiary-600) !important;
}
.h\:c-tertiary-600:hover {
  color: var(--color-tertiary-600) !important;
}
.f\:c-tertiary-600:focus {
  color: var(--color-tertiary-600) !important;
}
.c-tertiary-700 {
  color: var(--color-tertiary-700) !important;
}
.h\:c-tertiary-700:hover {
  color: var(--color-tertiary-700) !important;
}
.f\:c-tertiary-700:focus {
  color: var(--color-tertiary-700) !important;
}
.c-tertiary-800 {
  color: var(--color-tertiary-800) !important;
}
.h\:c-tertiary-800:hover {
  color: var(--color-tertiary-800) !important;
}
.f\:c-tertiary-800:focus {
  color: var(--color-tertiary-800) !important;
}
.c-tertiary-900 {
  color: var(--color-tertiary-900) !important;
}
.h\:c-tertiary-900:hover {
  color: var(--color-tertiary-900) !important;
}
.f\:c-tertiary-900:focus {
  color: var(--color-tertiary-900) !important;
}
.c-tertiary-1000 {
  color: var(--color-tertiary-1000) !important;
}
.h\:c-tertiary-1000:hover {
  color: var(--color-tertiary-1000) !important;
}
.f\:c-tertiary-1000:focus {
  color: var(--color-tertiary-1000) !important;
}
.c-tertiary {
  color: var(--color-tertiary) !important;
}
.h\:c-tertiary:hover {
  color: var(--color-tertiary) !important;
}
.f\:c-tertiary:focus {
  color: var(--color-tertiary) !important;
}
.bc-tertiary-100 {
  border-color: var(--color-tertiary-100) !important;
}
.h\:bc-tertiary-100:hover {
  border-color: var(--color-tertiary-100) !important;
}
.f\:bc-tertiary-100:focus {
  border-color: var(--color-tertiary-100) !important;
}
.bc-tertiary-200 {
  border-color: var(--color-tertiary-200) !important;
}
.h\:bc-tertiary-200:hover {
  border-color: var(--color-tertiary-200) !important;
}
.f\:bc-tertiary-200:focus {
  border-color: var(--color-tertiary-200) !important;
}
.bc-tertiary-300 {
  border-color: var(--color-tertiary-300) !important;
}
.h\:bc-tertiary-300:hover {
  border-color: var(--color-tertiary-300) !important;
}
.f\:bc-tertiary-300:focus {
  border-color: var(--color-tertiary-300) !important;
}
.bc-tertiary-400 {
  border-color: var(--color-tertiary-400) !important;
}
.h\:bc-tertiary-400:hover {
  border-color: var(--color-tertiary-400) !important;
}
.f\:bc-tertiary-400:focus {
  border-color: var(--color-tertiary-400) !important;
}
.bc-tertiary-500 {
  border-color: var(--color-tertiary-500) !important;
}
.h\:bc-tertiary-500:hover {
  border-color: var(--color-tertiary-500) !important;
}
.f\:bc-tertiary-500:focus {
  border-color: var(--color-tertiary-500) !important;
}
.bc-tertiary-600 {
  border-color: var(--color-tertiary-600) !important;
}
.h\:bc-tertiary-600:hover {
  border-color: var(--color-tertiary-600) !important;
}
.f\:bc-tertiary-600:focus {
  border-color: var(--color-tertiary-600) !important;
}
.bc-tertiary-700 {
  border-color: var(--color-tertiary-700) !important;
}
.h\:bc-tertiary-700:hover {
  border-color: var(--color-tertiary-700) !important;
}
.f\:bc-tertiary-700:focus {
  border-color: var(--color-tertiary-700) !important;
}
.bc-tertiary-800 {
  border-color: var(--color-tertiary-800) !important;
}
.h\:bc-tertiary-800:hover {
  border-color: var(--color-tertiary-800) !important;
}
.f\:bc-tertiary-800:focus {
  border-color: var(--color-tertiary-800) !important;
}
.bc-tertiary-900 {
  border-color: var(--color-tertiary-900) !important;
}
.h\:bc-tertiary-900:hover {
  border-color: var(--color-tertiary-900) !important;
}
.f\:bc-tertiary-900:focus {
  border-color: var(--color-tertiary-900) !important;
}
.bc-tertiary-1000 {
  border-color: var(--color-tertiary-1000) !important;
}
.h\:bc-tertiary-1000:hover {
  border-color: var(--color-tertiary-1000) !important;
}
.f\:bc-tertiary-1000:focus {
  border-color: var(--color-tertiary-1000) !important;
}
.bc-tertiary {
  border-color: var(--color-tertiary) !important;
}
.h\:bc-tertiary:hover {
  border-color: var(--color-tertiary) !important;
}
.f\:bc-tertiary:focus {
  border-color: var(--color-tertiary) !important;
}
.bg-warning-100 {
  background-color: var(--color-warning-100) !important;
}
.h\:bg-warning-100:hover {
  background-color: var(--color-warning-100) !important;
}
.f\:bg-warning-100:focus {
  background-color: var(--color-warning-100) !important;
}
.bg-warning-200 {
  background-color: var(--color-warning-200) !important;
}
.h\:bg-warning-200:hover {
  background-color: var(--color-warning-200) !important;
}
.f\:bg-warning-200:focus {
  background-color: var(--color-warning-200) !important;
}
.bg-warning-300 {
  background-color: var(--color-warning-300) !important;
}
.h\:bg-warning-300:hover {
  background-color: var(--color-warning-300) !important;
}
.f\:bg-warning-300:focus {
  background-color: var(--color-warning-300) !important;
}
.bg-warning-400 {
  background-color: var(--color-warning-400) !important;
}
.h\:bg-warning-400:hover {
  background-color: var(--color-warning-400) !important;
}
.f\:bg-warning-400:focus {
  background-color: var(--color-warning-400) !important;
}
.bg-warning-500 {
  background-color: var(--color-warning-500) !important;
}
.h\:bg-warning-500:hover {
  background-color: var(--color-warning-500) !important;
}
.f\:bg-warning-500:focus {
  background-color: var(--color-warning-500) !important;
}
.bg-warning-600 {
  background-color: var(--color-warning-600) !important;
}
.h\:bg-warning-600:hover {
  background-color: var(--color-warning-600) !important;
}
.f\:bg-warning-600:focus {
  background-color: var(--color-warning-600) !important;
}
.bg-warning-700 {
  background-color: var(--color-warning-700) !important;
}
.h\:bg-warning-700:hover {
  background-color: var(--color-warning-700) !important;
}
.f\:bg-warning-700:focus {
  background-color: var(--color-warning-700) !important;
}
.bg-warning-800 {
  background-color: var(--color-warning-800) !important;
}
.h\:bg-warning-800:hover {
  background-color: var(--color-warning-800) !important;
}
.f\:bg-warning-800:focus {
  background-color: var(--color-warning-800) !important;
}
.bg-warning-900 {
  background-color: var(--color-warning-900) !important;
}
.h\:bg-warning-900:hover {
  background-color: var(--color-warning-900) !important;
}
.f\:bg-warning-900:focus {
  background-color: var(--color-warning-900) !important;
}
.bg-warning-1000 {
  background-color: var(--color-warning-1000) !important;
}
.h\:bg-warning-1000:hover {
  background-color: var(--color-warning-1000) !important;
}
.f\:bg-warning-1000:focus {
  background-color: var(--color-warning-1000) !important;
}
.bg-warning {
  background-color: var(--color-warning) !important;
}
.h\:bg-warning:hover {
  background-color: var(--color-warning) !important;
}
.f\:bg-warning:focus {
  background-color: var(--color-warning) !important;
}
.c-warning-100 {
  color: var(--color-warning-100) !important;
}
.h\:c-warning-100:hover {
  color: var(--color-warning-100) !important;
}
.f\:c-warning-100:focus {
  color: var(--color-warning-100) !important;
}
.c-warning-200 {
  color: var(--color-warning-200) !important;
}
.h\:c-warning-200:hover {
  color: var(--color-warning-200) !important;
}
.f\:c-warning-200:focus {
  color: var(--color-warning-200) !important;
}
.c-warning-300 {
  color: var(--color-warning-300) !important;
}
.h\:c-warning-300:hover {
  color: var(--color-warning-300) !important;
}
.f\:c-warning-300:focus {
  color: var(--color-warning-300) !important;
}
.c-warning-400 {
  color: var(--color-warning-400) !important;
}
.h\:c-warning-400:hover {
  color: var(--color-warning-400) !important;
}
.f\:c-warning-400:focus {
  color: var(--color-warning-400) !important;
}
.c-warning-500 {
  color: var(--color-warning-500) !important;
}
.h\:c-warning-500:hover {
  color: var(--color-warning-500) !important;
}
.f\:c-warning-500:focus {
  color: var(--color-warning-500) !important;
}
.c-warning-600 {
  color: var(--color-warning-600) !important;
}
.h\:c-warning-600:hover {
  color: var(--color-warning-600) !important;
}
.f\:c-warning-600:focus {
  color: var(--color-warning-600) !important;
}
.c-warning-700 {
  color: var(--color-warning-700) !important;
}
.h\:c-warning-700:hover {
  color: var(--color-warning-700) !important;
}
.f\:c-warning-700:focus {
  color: var(--color-warning-700) !important;
}
.c-warning-800 {
  color: var(--color-warning-800) !important;
}
.h\:c-warning-800:hover {
  color: var(--color-warning-800) !important;
}
.f\:c-warning-800:focus {
  color: var(--color-warning-800) !important;
}
.c-warning-900 {
  color: var(--color-warning-900) !important;
}
.h\:c-warning-900:hover {
  color: var(--color-warning-900) !important;
}
.f\:c-warning-900:focus {
  color: var(--color-warning-900) !important;
}
.c-warning-1000 {
  color: var(--color-warning-1000) !important;
}
.h\:c-warning-1000:hover {
  color: var(--color-warning-1000) !important;
}
.f\:c-warning-1000:focus {
  color: var(--color-warning-1000) !important;
}
.c-warning {
  color: var(--color-warning) !important;
}
.h\:c-warning:hover {
  color: var(--color-warning) !important;
}
.f\:c-warning:focus {
  color: var(--color-warning) !important;
}
.bc-warning-100 {
  border-color: var(--color-warning-100) !important;
}
.h\:bc-warning-100:hover {
  border-color: var(--color-warning-100) !important;
}
.f\:bc-warning-100:focus {
  border-color: var(--color-warning-100) !important;
}
.bc-warning-200 {
  border-color: var(--color-warning-200) !important;
}
.h\:bc-warning-200:hover {
  border-color: var(--color-warning-200) !important;
}
.f\:bc-warning-200:focus {
  border-color: var(--color-warning-200) !important;
}
.bc-warning-300 {
  border-color: var(--color-warning-300) !important;
}
.h\:bc-warning-300:hover {
  border-color: var(--color-warning-300) !important;
}
.f\:bc-warning-300:focus {
  border-color: var(--color-warning-300) !important;
}
.bc-warning-400 {
  border-color: var(--color-warning-400) !important;
}
.h\:bc-warning-400:hover {
  border-color: var(--color-warning-400) !important;
}
.f\:bc-warning-400:focus {
  border-color: var(--color-warning-400) !important;
}
.bc-warning-500 {
  border-color: var(--color-warning-500) !important;
}
.h\:bc-warning-500:hover {
  border-color: var(--color-warning-500) !important;
}
.f\:bc-warning-500:focus {
  border-color: var(--color-warning-500) !important;
}
.bc-warning-600 {
  border-color: var(--color-warning-600) !important;
}
.h\:bc-warning-600:hover {
  border-color: var(--color-warning-600) !important;
}
.f\:bc-warning-600:focus {
  border-color: var(--color-warning-600) !important;
}
.bc-warning-700 {
  border-color: var(--color-warning-700) !important;
}
.h\:bc-warning-700:hover {
  border-color: var(--color-warning-700) !important;
}
.f\:bc-warning-700:focus {
  border-color: var(--color-warning-700) !important;
}
.bc-warning-800 {
  border-color: var(--color-warning-800) !important;
}
.h\:bc-warning-800:hover {
  border-color: var(--color-warning-800) !important;
}
.f\:bc-warning-800:focus {
  border-color: var(--color-warning-800) !important;
}
.bc-warning-900 {
  border-color: var(--color-warning-900) !important;
}
.h\:bc-warning-900:hover {
  border-color: var(--color-warning-900) !important;
}
.f\:bc-warning-900:focus {
  border-color: var(--color-warning-900) !important;
}
.bc-warning-1000 {
  border-color: var(--color-warning-1000) !important;
}
.h\:bc-warning-1000:hover {
  border-color: var(--color-warning-1000) !important;
}
.f\:bc-warning-1000:focus {
  border-color: var(--color-warning-1000) !important;
}
.bc-warning {
  border-color: var(--color-warning) !important;
}
.h\:bc-warning:hover {
  border-color: var(--color-warning) !important;
}
.f\:bc-warning:focus {
  border-color: var(--color-warning) !important;
}
.bg-success-100 {
  background-color: var(--color-success-100) !important;
}
.h\:bg-success-100:hover {
  background-color: var(--color-success-100) !important;
}
.f\:bg-success-100:focus {
  background-color: var(--color-success-100) !important;
}
.bg-success-200 {
  background-color: var(--color-success-200) !important;
}
.h\:bg-success-200:hover {
  background-color: var(--color-success-200) !important;
}
.f\:bg-success-200:focus {
  background-color: var(--color-success-200) !important;
}
.bg-success-300 {
  background-color: var(--color-success-300) !important;
}
.h\:bg-success-300:hover {
  background-color: var(--color-success-300) !important;
}
.f\:bg-success-300:focus {
  background-color: var(--color-success-300) !important;
}
.bg-success-400 {
  background-color: var(--color-success-400) !important;
}
.h\:bg-success-400:hover {
  background-color: var(--color-success-400) !important;
}
.f\:bg-success-400:focus {
  background-color: var(--color-success-400) !important;
}
.bg-success-500 {
  background-color: var(--color-success-500) !important;
}
.h\:bg-success-500:hover {
  background-color: var(--color-success-500) !important;
}
.f\:bg-success-500:focus {
  background-color: var(--color-success-500) !important;
}
.bg-success-600 {
  background-color: var(--color-success-600) !important;
}
.h\:bg-success-600:hover {
  background-color: var(--color-success-600) !important;
}
.f\:bg-success-600:focus {
  background-color: var(--color-success-600) !important;
}
.bg-success-700 {
  background-color: var(--color-success-700) !important;
}
.h\:bg-success-700:hover {
  background-color: var(--color-success-700) !important;
}
.f\:bg-success-700:focus {
  background-color: var(--color-success-700) !important;
}
.bg-success-800 {
  background-color: var(--color-success-800) !important;
}
.h\:bg-success-800:hover {
  background-color: var(--color-success-800) !important;
}
.f\:bg-success-800:focus {
  background-color: var(--color-success-800) !important;
}
.bg-success-900 {
  background-color: var(--color-success-900) !important;
}
.h\:bg-success-900:hover {
  background-color: var(--color-success-900) !important;
}
.f\:bg-success-900:focus {
  background-color: var(--color-success-900) !important;
}
.bg-success-1000 {
  background-color: var(--color-success-1000) !important;
}
.h\:bg-success-1000:hover {
  background-color: var(--color-success-1000) !important;
}
.f\:bg-success-1000:focus {
  background-color: var(--color-success-1000) !important;
}
.bg-success {
  background-color: var(--color-success) !important;
}
.h\:bg-success:hover {
  background-color: var(--color-success) !important;
}
.f\:bg-success:focus {
  background-color: var(--color-success) !important;
}
.c-success-100 {
  color: var(--color-success-100) !important;
}
.h\:c-success-100:hover {
  color: var(--color-success-100) !important;
}
.f\:c-success-100:focus {
  color: var(--color-success-100) !important;
}
.c-success-200 {
  color: var(--color-success-200) !important;
}
.h\:c-success-200:hover {
  color: var(--color-success-200) !important;
}
.f\:c-success-200:focus {
  color: var(--color-success-200) !important;
}
.c-success-300 {
  color: var(--color-success-300) !important;
}
.h\:c-success-300:hover {
  color: var(--color-success-300) !important;
}
.f\:c-success-300:focus {
  color: var(--color-success-300) !important;
}
.c-success-400 {
  color: var(--color-success-400) !important;
}
.h\:c-success-400:hover {
  color: var(--color-success-400) !important;
}
.f\:c-success-400:focus {
  color: var(--color-success-400) !important;
}
.c-success-500 {
  color: var(--color-success-500) !important;
}
.h\:c-success-500:hover {
  color: var(--color-success-500) !important;
}
.f\:c-success-500:focus {
  color: var(--color-success-500) !important;
}
.c-success-600 {
  color: var(--color-success-600) !important;
}
.h\:c-success-600:hover {
  color: var(--color-success-600) !important;
}
.f\:c-success-600:focus {
  color: var(--color-success-600) !important;
}
.c-success-700 {
  color: var(--color-success-700) !important;
}
.h\:c-success-700:hover {
  color: var(--color-success-700) !important;
}
.f\:c-success-700:focus {
  color: var(--color-success-700) !important;
}
.c-success-800 {
  color: var(--color-success-800) !important;
}
.h\:c-success-800:hover {
  color: var(--color-success-800) !important;
}
.f\:c-success-800:focus {
  color: var(--color-success-800) !important;
}
.c-success-900 {
  color: var(--color-success-900) !important;
}
.h\:c-success-900:hover {
  color: var(--color-success-900) !important;
}
.f\:c-success-900:focus {
  color: var(--color-success-900) !important;
}
.c-success-1000 {
  color: var(--color-success-1000) !important;
}
.h\:c-success-1000:hover {
  color: var(--color-success-1000) !important;
}
.f\:c-success-1000:focus {
  color: var(--color-success-1000) !important;
}
.c-success {
  color: var(--color-success) !important;
}
.h\:c-success:hover {
  color: var(--color-success) !important;
}
.f\:c-success:focus {
  color: var(--color-success) !important;
}
.bc-success-100 {
  border-color: var(--color-success-100) !important;
}
.h\:bc-success-100:hover {
  border-color: var(--color-success-100) !important;
}
.f\:bc-success-100:focus {
  border-color: var(--color-success-100) !important;
}
.bc-success-200 {
  border-color: var(--color-success-200) !important;
}
.h\:bc-success-200:hover {
  border-color: var(--color-success-200) !important;
}
.f\:bc-success-200:focus {
  border-color: var(--color-success-200) !important;
}
.bc-success-300 {
  border-color: var(--color-success-300) !important;
}
.h\:bc-success-300:hover {
  border-color: var(--color-success-300) !important;
}
.f\:bc-success-300:focus {
  border-color: var(--color-success-300) !important;
}
.bc-success-400 {
  border-color: var(--color-success-400) !important;
}
.h\:bc-success-400:hover {
  border-color: var(--color-success-400) !important;
}
.f\:bc-success-400:focus {
  border-color: var(--color-success-400) !important;
}
.bc-success-500 {
  border-color: var(--color-success-500) !important;
}
.h\:bc-success-500:hover {
  border-color: var(--color-success-500) !important;
}
.f\:bc-success-500:focus {
  border-color: var(--color-success-500) !important;
}
.bc-success-600 {
  border-color: var(--color-success-600) !important;
}
.h\:bc-success-600:hover {
  border-color: var(--color-success-600) !important;
}
.f\:bc-success-600:focus {
  border-color: var(--color-success-600) !important;
}
.bc-success-700 {
  border-color: var(--color-success-700) !important;
}
.h\:bc-success-700:hover {
  border-color: var(--color-success-700) !important;
}
.f\:bc-success-700:focus {
  border-color: var(--color-success-700) !important;
}
.bc-success-800 {
  border-color: var(--color-success-800) !important;
}
.h\:bc-success-800:hover {
  border-color: var(--color-success-800) !important;
}
.f\:bc-success-800:focus {
  border-color: var(--color-success-800) !important;
}
.bc-success-900 {
  border-color: var(--color-success-900) !important;
}
.h\:bc-success-900:hover {
  border-color: var(--color-success-900) !important;
}
.f\:bc-success-900:focus {
  border-color: var(--color-success-900) !important;
}
.bc-success-1000 {
  border-color: var(--color-success-1000) !important;
}
.h\:bc-success-1000:hover {
  border-color: var(--color-success-1000) !important;
}
.f\:bc-success-1000:focus {
  border-color: var(--color-success-1000) !important;
}
.bc-success {
  border-color: var(--color-success) !important;
}
.h\:bc-success:hover {
  border-color: var(--color-success) !important;
}
.f\:bc-success:focus {
  border-color: var(--color-success) !important;
}
.bg-neutral-white {
  background-color: var(--color-neutral-white) !important;
}
.h\:bg-neutral-white:hover {
  background-color: var(--color-neutral-white) !important;
}
.f\:bg-neutral-white:focus {
  background-color: var(--color-neutral-white) !important;
}
.c-neutral-white {
  color: var(--color-neutral-white) !important;
}
.h\:c-neutral-white:hover {
  color: var(--color-neutral-white) !important;
}
.f\:c-neutral-white:focus {
  color: var(--color-neutral-white) !important;
}
.bc-neutral-white {
  border-color: var(--color-neutral-white) !important;
}
.h\:bc-neutral-white:hover {
  border-color: var(--color-neutral-white) !important;
}
.f\:bc-neutral-white:focus {
  border-color: var(--color-neutral-white) !important;
}
.bg-neutral-black {
  background-color: var(--color-neutral-black) !important;
}
.h\:bg-neutral-black:hover {
  background-color: var(--color-neutral-black) !important;
}
.f\:bg-neutral-black:focus {
  background-color: var(--color-neutral-black) !important;
}
.c-neutral-black {
  color: var(--color-neutral-black) !important;
}
.h\:c-neutral-black:hover {
  color: var(--color-neutral-black) !important;
}
.f\:c-neutral-black:focus {
  color: var(--color-neutral-black) !important;
}
.bc-neutral-black {
  border-color: var(--color-neutral-black) !important;
}
.h\:bc-neutral-black:hover {
  border-color: var(--color-neutral-black) !important;
}
.f\:bc-neutral-black:focus {
  border-color: var(--color-neutral-black) !important;
}
.bg-neutral-100 {
  background-color: var(--color-neutral-100) !important;
}
.h\:bg-neutral-100:hover {
  background-color: var(--color-neutral-100) !important;
}
.f\:bg-neutral-100:focus {
  background-color: var(--color-neutral-100) !important;
}
.bg-neutral-200 {
  background-color: var(--color-neutral-200) !important;
}
.h\:bg-neutral-200:hover {
  background-color: var(--color-neutral-200) !important;
}
.f\:bg-neutral-200:focus {
  background-color: var(--color-neutral-200) !important;
}
.bg-neutral-300 {
  background-color: var(--color-neutral-300) !important;
}
.h\:bg-neutral-300:hover {
  background-color: var(--color-neutral-300) !important;
}
.f\:bg-neutral-300:focus {
  background-color: var(--color-neutral-300) !important;
}
.bg-neutral-400 {
  background-color: var(--color-neutral-400) !important;
}
.h\:bg-neutral-400:hover {
  background-color: var(--color-neutral-400) !important;
}
.f\:bg-neutral-400:focus {
  background-color: var(--color-neutral-400) !important;
}
.bg-neutral-500 {
  background-color: var(--color-neutral-500) !important;
}
.h\:bg-neutral-500:hover {
  background-color: var(--color-neutral-500) !important;
}
.f\:bg-neutral-500:focus {
  background-color: var(--color-neutral-500) !important;
}
.bg-neutral-600 {
  background-color: var(--color-neutral-600) !important;
}
.h\:bg-neutral-600:hover {
  background-color: var(--color-neutral-600) !important;
}
.f\:bg-neutral-600:focus {
  background-color: var(--color-neutral-600) !important;
}
.bg-neutral-700 {
  background-color: var(--color-neutral-700) !important;
}
.h\:bg-neutral-700:hover {
  background-color: var(--color-neutral-700) !important;
}
.f\:bg-neutral-700:focus {
  background-color: var(--color-neutral-700) !important;
}
.bg-neutral-800 {
  background-color: var(--color-neutral-800) !important;
}
.h\:bg-neutral-800:hover {
  background-color: var(--color-neutral-800) !important;
}
.f\:bg-neutral-800:focus {
  background-color: var(--color-neutral-800) !important;
}
.bg-neutral-900 {
  background-color: var(--color-neutral-900) !important;
}
.h\:bg-neutral-900:hover {
  background-color: var(--color-neutral-900) !important;
}
.f\:bg-neutral-900:focus {
  background-color: var(--color-neutral-900) !important;
}
.bg-neutral-1000 {
  background-color: var(--color-neutral-1000) !important;
}
.h\:bg-neutral-1000:hover {
  background-color: var(--color-neutral-1000) !important;
}
.f\:bg-neutral-1000:focus {
  background-color: var(--color-neutral-1000) !important;
}
.bg-neutral {
  background-color: var(--color-neutral) !important;
}
.h\:bg-neutral:hover {
  background-color: var(--color-neutral) !important;
}
.f\:bg-neutral:focus {
  background-color: var(--color-neutral) !important;
}
.c-neutral-100 {
  color: var(--color-neutral-100) !important;
}
.h\:c-neutral-100:hover {
  color: var(--color-neutral-100) !important;
}
.f\:c-neutral-100:focus {
  color: var(--color-neutral-100) !important;
}
.c-neutral-200 {
  color: var(--color-neutral-200) !important;
}
.h\:c-neutral-200:hover {
  color: var(--color-neutral-200) !important;
}
.f\:c-neutral-200:focus {
  color: var(--color-neutral-200) !important;
}
.c-neutral-300 {
  color: var(--color-neutral-300) !important;
}
.h\:c-neutral-300:hover {
  color: var(--color-neutral-300) !important;
}
.f\:c-neutral-300:focus {
  color: var(--color-neutral-300) !important;
}
.c-neutral-400 {
  color: var(--color-neutral-400) !important;
}
.h\:c-neutral-400:hover {
  color: var(--color-neutral-400) !important;
}
.f\:c-neutral-400:focus {
  color: var(--color-neutral-400) !important;
}
.c-neutral-500 {
  color: var(--color-neutral-500) !important;
}
.h\:c-neutral-500:hover {
  color: var(--color-neutral-500) !important;
}
.f\:c-neutral-500:focus {
  color: var(--color-neutral-500) !important;
}
.c-neutral-600 {
  color: var(--color-neutral-600) !important;
}
.h\:c-neutral-600:hover {
  color: var(--color-neutral-600) !important;
}
.f\:c-neutral-600:focus {
  color: var(--color-neutral-600) !important;
}
.c-neutral-700 {
  color: var(--color-neutral-700) !important;
}
.h\:c-neutral-700:hover {
  color: var(--color-neutral-700) !important;
}
.f\:c-neutral-700:focus {
  color: var(--color-neutral-700) !important;
}
.c-neutral-800 {
  color: var(--color-neutral-800) !important;
}
.h\:c-neutral-800:hover {
  color: var(--color-neutral-800) !important;
}
.f\:c-neutral-800:focus {
  color: var(--color-neutral-800) !important;
}
.c-neutral-900 {
  color: var(--color-neutral-900) !important;
}
.h\:c-neutral-900:hover {
  color: var(--color-neutral-900) !important;
}
.f\:c-neutral-900:focus {
  color: var(--color-neutral-900) !important;
}
.c-neutral-1000 {
  color: var(--color-neutral-1000) !important;
}
.h\:c-neutral-1000:hover {
  color: var(--color-neutral-1000) !important;
}
.f\:c-neutral-1000:focus {
  color: var(--color-neutral-1000) !important;
}
.c-neutral {
  color: var(--color-neutral) !important;
}
.h\:c-neutral:hover {
  color: var(--color-neutral) !important;
}
.f\:c-neutral:focus {
  color: var(--color-neutral) !important;
}
.bc-neutral-100 {
  border-color: var(--color-neutral-100) !important;
}
.h\:bc-neutral-100:hover {
  border-color: var(--color-neutral-100) !important;
}
.f\:bc-neutral-100:focus {
  border-color: var(--color-neutral-100) !important;
}
.bc-neutral-200 {
  border-color: var(--color-neutral-200) !important;
}
.h\:bc-neutral-200:hover {
  border-color: var(--color-neutral-200) !important;
}
.f\:bc-neutral-200:focus {
  border-color: var(--color-neutral-200) !important;
}
.bc-neutral-300 {
  border-color: var(--color-neutral-300) !important;
}
.h\:bc-neutral-300:hover {
  border-color: var(--color-neutral-300) !important;
}
.f\:bc-neutral-300:focus {
  border-color: var(--color-neutral-300) !important;
}
.bc-neutral-400 {
  border-color: var(--color-neutral-400) !important;
}
.h\:bc-neutral-400:hover {
  border-color: var(--color-neutral-400) !important;
}
.f\:bc-neutral-400:focus {
  border-color: var(--color-neutral-400) !important;
}
.bc-neutral-500 {
  border-color: var(--color-neutral-500) !important;
}
.h\:bc-neutral-500:hover {
  border-color: var(--color-neutral-500) !important;
}
.f\:bc-neutral-500:focus {
  border-color: var(--color-neutral-500) !important;
}
.bc-neutral-600 {
  border-color: var(--color-neutral-600) !important;
}
.h\:bc-neutral-600:hover {
  border-color: var(--color-neutral-600) !important;
}
.f\:bc-neutral-600:focus {
  border-color: var(--color-neutral-600) !important;
}
.bc-neutral-700 {
  border-color: var(--color-neutral-700) !important;
}
.h\:bc-neutral-700:hover {
  border-color: var(--color-neutral-700) !important;
}
.f\:bc-neutral-700:focus {
  border-color: var(--color-neutral-700) !important;
}
.bc-neutral-800 {
  border-color: var(--color-neutral-800) !important;
}
.h\:bc-neutral-800:hover {
  border-color: var(--color-neutral-800) !important;
}
.f\:bc-neutral-800:focus {
  border-color: var(--color-neutral-800) !important;
}
.bc-neutral-900 {
  border-color: var(--color-neutral-900) !important;
}
.h\:bc-neutral-900:hover {
  border-color: var(--color-neutral-900) !important;
}
.f\:bc-neutral-900:focus {
  border-color: var(--color-neutral-900) !important;
}
.bc-neutral-1000 {
  border-color: var(--color-neutral-1000) !important;
}
.h\:bc-neutral-1000:hover {
  border-color: var(--color-neutral-1000) !important;
}
.f\:bc-neutral-1000:focus {
  border-color: var(--color-neutral-1000) !important;
}
.bc-neutral {
  border-color: var(--color-neutral) !important;
}
.h\:bc-neutral:hover {
  border-color: var(--color-neutral) !important;
}
.f\:bc-neutral:focus {
  border-color: var(--color-neutral) !important;
}
.bg-yellow-100 {
  background-color: var(--color-yellow-100) !important;
}
.h\:bg-yellow-100:hover {
  background-color: var(--color-yellow-100) !important;
}
.f\:bg-yellow-100:focus {
  background-color: var(--color-yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--color-yellow-200) !important;
}
.h\:bg-yellow-200:hover {
  background-color: var(--color-yellow-200) !important;
}
.f\:bg-yellow-200:focus {
  background-color: var(--color-yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--color-yellow-300) !important;
}
.h\:bg-yellow-300:hover {
  background-color: var(--color-yellow-300) !important;
}
.f\:bg-yellow-300:focus {
  background-color: var(--color-yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--color-yellow-400) !important;
}
.h\:bg-yellow-400:hover {
  background-color: var(--color-yellow-400) !important;
}
.f\:bg-yellow-400:focus {
  background-color: var(--color-yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--color-yellow-500) !important;
}
.h\:bg-yellow-500:hover {
  background-color: var(--color-yellow-500) !important;
}
.f\:bg-yellow-500:focus {
  background-color: var(--color-yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--color-yellow-600) !important;
}
.h\:bg-yellow-600:hover {
  background-color: var(--color-yellow-600) !important;
}
.f\:bg-yellow-600:focus {
  background-color: var(--color-yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--color-yellow-700) !important;
}
.h\:bg-yellow-700:hover {
  background-color: var(--color-yellow-700) !important;
}
.f\:bg-yellow-700:focus {
  background-color: var(--color-yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--color-yellow-800) !important;
}
.h\:bg-yellow-800:hover {
  background-color: var(--color-yellow-800) !important;
}
.f\:bg-yellow-800:focus {
  background-color: var(--color-yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--color-yellow-900) !important;
}
.h\:bg-yellow-900:hover {
  background-color: var(--color-yellow-900) !important;
}
.f\:bg-yellow-900:focus {
  background-color: var(--color-yellow-900) !important;
}
.bg-yellow-1000 {
  background-color: var(--color-yellow-1000) !important;
}
.h\:bg-yellow-1000:hover {
  background-color: var(--color-yellow-1000) !important;
}
.f\:bg-yellow-1000:focus {
  background-color: var(--color-yellow-1000) !important;
}
.bg-yellow {
  background-color: var(--color-yellow) !important;
}
.h\:bg-yellow:hover {
  background-color: var(--color-yellow) !important;
}
.f\:bg-yellow:focus {
  background-color: var(--color-yellow) !important;
}
.c-yellow-100 {
  color: var(--color-yellow-100) !important;
}
.h\:c-yellow-100:hover {
  color: var(--color-yellow-100) !important;
}
.f\:c-yellow-100:focus {
  color: var(--color-yellow-100) !important;
}
.c-yellow-200 {
  color: var(--color-yellow-200) !important;
}
.h\:c-yellow-200:hover {
  color: var(--color-yellow-200) !important;
}
.f\:c-yellow-200:focus {
  color: var(--color-yellow-200) !important;
}
.c-yellow-300 {
  color: var(--color-yellow-300) !important;
}
.h\:c-yellow-300:hover {
  color: var(--color-yellow-300) !important;
}
.f\:c-yellow-300:focus {
  color: var(--color-yellow-300) !important;
}
.c-yellow-400 {
  color: var(--color-yellow-400) !important;
}
.h\:c-yellow-400:hover {
  color: var(--color-yellow-400) !important;
}
.f\:c-yellow-400:focus {
  color: var(--color-yellow-400) !important;
}
.c-yellow-500 {
  color: var(--color-yellow-500) !important;
}
.h\:c-yellow-500:hover {
  color: var(--color-yellow-500) !important;
}
.f\:c-yellow-500:focus {
  color: var(--color-yellow-500) !important;
}
.c-yellow-600 {
  color: var(--color-yellow-600) !important;
}
.h\:c-yellow-600:hover {
  color: var(--color-yellow-600) !important;
}
.f\:c-yellow-600:focus {
  color: var(--color-yellow-600) !important;
}
.c-yellow-700 {
  color: var(--color-yellow-700) !important;
}
.h\:c-yellow-700:hover {
  color: var(--color-yellow-700) !important;
}
.f\:c-yellow-700:focus {
  color: var(--color-yellow-700) !important;
}
.c-yellow-800 {
  color: var(--color-yellow-800) !important;
}
.h\:c-yellow-800:hover {
  color: var(--color-yellow-800) !important;
}
.f\:c-yellow-800:focus {
  color: var(--color-yellow-800) !important;
}
.c-yellow-900 {
  color: var(--color-yellow-900) !important;
}
.h\:c-yellow-900:hover {
  color: var(--color-yellow-900) !important;
}
.f\:c-yellow-900:focus {
  color: var(--color-yellow-900) !important;
}
.c-yellow-1000 {
  color: var(--color-yellow-1000) !important;
}
.h\:c-yellow-1000:hover {
  color: var(--color-yellow-1000) !important;
}
.f\:c-yellow-1000:focus {
  color: var(--color-yellow-1000) !important;
}
.c-yellow {
  color: var(--color-yellow) !important;
}
.h\:c-yellow:hover {
  color: var(--color-yellow) !important;
}
.f\:c-yellow:focus {
  color: var(--color-yellow) !important;
}
.bc-yellow-100 {
  border-color: var(--color-yellow-100) !important;
}
.h\:bc-yellow-100:hover {
  border-color: var(--color-yellow-100) !important;
}
.f\:bc-yellow-100:focus {
  border-color: var(--color-yellow-100) !important;
}
.bc-yellow-200 {
  border-color: var(--color-yellow-200) !important;
}
.h\:bc-yellow-200:hover {
  border-color: var(--color-yellow-200) !important;
}
.f\:bc-yellow-200:focus {
  border-color: var(--color-yellow-200) !important;
}
.bc-yellow-300 {
  border-color: var(--color-yellow-300) !important;
}
.h\:bc-yellow-300:hover {
  border-color: var(--color-yellow-300) !important;
}
.f\:bc-yellow-300:focus {
  border-color: var(--color-yellow-300) !important;
}
.bc-yellow-400 {
  border-color: var(--color-yellow-400) !important;
}
.h\:bc-yellow-400:hover {
  border-color: var(--color-yellow-400) !important;
}
.f\:bc-yellow-400:focus {
  border-color: var(--color-yellow-400) !important;
}
.bc-yellow-500 {
  border-color: var(--color-yellow-500) !important;
}
.h\:bc-yellow-500:hover {
  border-color: var(--color-yellow-500) !important;
}
.f\:bc-yellow-500:focus {
  border-color: var(--color-yellow-500) !important;
}
.bc-yellow-600 {
  border-color: var(--color-yellow-600) !important;
}
.h\:bc-yellow-600:hover {
  border-color: var(--color-yellow-600) !important;
}
.f\:bc-yellow-600:focus {
  border-color: var(--color-yellow-600) !important;
}
.bc-yellow-700 {
  border-color: var(--color-yellow-700) !important;
}
.h\:bc-yellow-700:hover {
  border-color: var(--color-yellow-700) !important;
}
.f\:bc-yellow-700:focus {
  border-color: var(--color-yellow-700) !important;
}
.bc-yellow-800 {
  border-color: var(--color-yellow-800) !important;
}
.h\:bc-yellow-800:hover {
  border-color: var(--color-yellow-800) !important;
}
.f\:bc-yellow-800:focus {
  border-color: var(--color-yellow-800) !important;
}
.bc-yellow-900 {
  border-color: var(--color-yellow-900) !important;
}
.h\:bc-yellow-900:hover {
  border-color: var(--color-yellow-900) !important;
}
.f\:bc-yellow-900:focus {
  border-color: var(--color-yellow-900) !important;
}
.bc-yellow-1000 {
  border-color: var(--color-yellow-1000) !important;
}
.h\:bc-yellow-1000:hover {
  border-color: var(--color-yellow-1000) !important;
}
.f\:bc-yellow-1000:focus {
  border-color: var(--color-yellow-1000) !important;
}
.bc-yellow {
  border-color: var(--color-yellow) !important;
}
.h\:bc-yellow:hover {
  border-color: var(--color-yellow) !important;
}
.f\:bc-yellow:focus {
  border-color: var(--color-yellow) !important;
}
.bg-red-100 {
  background-color: var(--color-red-100) !important;
}
.h\:bg-red-100:hover {
  background-color: var(--color-red-100) !important;
}
.f\:bg-red-100:focus {
  background-color: var(--color-red-100) !important;
}
.bg-red-200 {
  background-color: var(--color-red-200) !important;
}
.h\:bg-red-200:hover {
  background-color: var(--color-red-200) !important;
}
.f\:bg-red-200:focus {
  background-color: var(--color-red-200) !important;
}
.bg-red-300 {
  background-color: var(--color-red-300) !important;
}
.h\:bg-red-300:hover {
  background-color: var(--color-red-300) !important;
}
.f\:bg-red-300:focus {
  background-color: var(--color-red-300) !important;
}
.bg-red-400 {
  background-color: var(--color-red-400) !important;
}
.h\:bg-red-400:hover {
  background-color: var(--color-red-400) !important;
}
.f\:bg-red-400:focus {
  background-color: var(--color-red-400) !important;
}
.bg-red-500 {
  background-color: var(--color-red-500) !important;
}
.h\:bg-red-500:hover {
  background-color: var(--color-red-500) !important;
}
.f\:bg-red-500:focus {
  background-color: var(--color-red-500) !important;
}
.bg-red-600 {
  background-color: var(--color-red-600) !important;
}
.h\:bg-red-600:hover {
  background-color: var(--color-red-600) !important;
}
.f\:bg-red-600:focus {
  background-color: var(--color-red-600) !important;
}
.bg-red-700 {
  background-color: var(--color-red-700) !important;
}
.h\:bg-red-700:hover {
  background-color: var(--color-red-700) !important;
}
.f\:bg-red-700:focus {
  background-color: var(--color-red-700) !important;
}
.bg-red-800 {
  background-color: var(--color-red-800) !important;
}
.h\:bg-red-800:hover {
  background-color: var(--color-red-800) !important;
}
.f\:bg-red-800:focus {
  background-color: var(--color-red-800) !important;
}
.bg-red-900 {
  background-color: var(--color-red-900) !important;
}
.h\:bg-red-900:hover {
  background-color: var(--color-red-900) !important;
}
.f\:bg-red-900:focus {
  background-color: var(--color-red-900) !important;
}
.bg-red-1000 {
  background-color: var(--color-red-1000) !important;
}
.h\:bg-red-1000:hover {
  background-color: var(--color-red-1000) !important;
}
.f\:bg-red-1000:focus {
  background-color: var(--color-red-1000) !important;
}
.bg-red {
  background-color: var(--color-red) !important;
}
.h\:bg-red:hover {
  background-color: var(--color-red) !important;
}
.f\:bg-red:focus {
  background-color: var(--color-red) !important;
}
.c-red-100 {
  color: var(--color-red-100) !important;
}
.h\:c-red-100:hover {
  color: var(--color-red-100) !important;
}
.f\:c-red-100:focus {
  color: var(--color-red-100) !important;
}
.c-red-200 {
  color: var(--color-red-200) !important;
}
.h\:c-red-200:hover {
  color: var(--color-red-200) !important;
}
.f\:c-red-200:focus {
  color: var(--color-red-200) !important;
}
.c-red-300 {
  color: var(--color-red-300) !important;
}
.h\:c-red-300:hover {
  color: var(--color-red-300) !important;
}
.f\:c-red-300:focus {
  color: var(--color-red-300) !important;
}
.c-red-400 {
  color: var(--color-red-400) !important;
}
.h\:c-red-400:hover {
  color: var(--color-red-400) !important;
}
.f\:c-red-400:focus {
  color: var(--color-red-400) !important;
}
.c-red-500 {
  color: var(--color-red-500) !important;
}
.h\:c-red-500:hover {
  color: var(--color-red-500) !important;
}
.f\:c-red-500:focus {
  color: var(--color-red-500) !important;
}
.c-red-600 {
  color: var(--color-red-600) !important;
}
.h\:c-red-600:hover {
  color: var(--color-red-600) !important;
}
.f\:c-red-600:focus {
  color: var(--color-red-600) !important;
}
.c-red-700 {
  color: var(--color-red-700) !important;
}
.h\:c-red-700:hover {
  color: var(--color-red-700) !important;
}
.f\:c-red-700:focus {
  color: var(--color-red-700) !important;
}
.c-red-800 {
  color: var(--color-red-800) !important;
}
.h\:c-red-800:hover {
  color: var(--color-red-800) !important;
}
.f\:c-red-800:focus {
  color: var(--color-red-800) !important;
}
.c-red-900 {
  color: var(--color-red-900) !important;
}
.h\:c-red-900:hover {
  color: var(--color-red-900) !important;
}
.f\:c-red-900:focus {
  color: var(--color-red-900) !important;
}
.c-red-1000 {
  color: var(--color-red-1000) !important;
}
.h\:c-red-1000:hover {
  color: var(--color-red-1000) !important;
}
.f\:c-red-1000:focus {
  color: var(--color-red-1000) !important;
}
.c-red {
  color: var(--color-red) !important;
}
.h\:c-red:hover {
  color: var(--color-red) !important;
}
.f\:c-red:focus {
  color: var(--color-red) !important;
}
.bc-red-100 {
  border-color: var(--color-red-100) !important;
}
.h\:bc-red-100:hover {
  border-color: var(--color-red-100) !important;
}
.f\:bc-red-100:focus {
  border-color: var(--color-red-100) !important;
}
.bc-red-200 {
  border-color: var(--color-red-200) !important;
}
.h\:bc-red-200:hover {
  border-color: var(--color-red-200) !important;
}
.f\:bc-red-200:focus {
  border-color: var(--color-red-200) !important;
}
.bc-red-300 {
  border-color: var(--color-red-300) !important;
}
.h\:bc-red-300:hover {
  border-color: var(--color-red-300) !important;
}
.f\:bc-red-300:focus {
  border-color: var(--color-red-300) !important;
}
.bc-red-400 {
  border-color: var(--color-red-400) !important;
}
.h\:bc-red-400:hover {
  border-color: var(--color-red-400) !important;
}
.f\:bc-red-400:focus {
  border-color: var(--color-red-400) !important;
}
.bc-red-500 {
  border-color: var(--color-red-500) !important;
}
.h\:bc-red-500:hover {
  border-color: var(--color-red-500) !important;
}
.f\:bc-red-500:focus {
  border-color: var(--color-red-500) !important;
}
.bc-red-600 {
  border-color: var(--color-red-600) !important;
}
.h\:bc-red-600:hover {
  border-color: var(--color-red-600) !important;
}
.f\:bc-red-600:focus {
  border-color: var(--color-red-600) !important;
}
.bc-red-700 {
  border-color: var(--color-red-700) !important;
}
.h\:bc-red-700:hover {
  border-color: var(--color-red-700) !important;
}
.f\:bc-red-700:focus {
  border-color: var(--color-red-700) !important;
}
.bc-red-800 {
  border-color: var(--color-red-800) !important;
}
.h\:bc-red-800:hover {
  border-color: var(--color-red-800) !important;
}
.f\:bc-red-800:focus {
  border-color: var(--color-red-800) !important;
}
.bc-red-900 {
  border-color: var(--color-red-900) !important;
}
.h\:bc-red-900:hover {
  border-color: var(--color-red-900) !important;
}
.f\:bc-red-900:focus {
  border-color: var(--color-red-900) !important;
}
.bc-red-1000 {
  border-color: var(--color-red-1000) !important;
}
.h\:bc-red-1000:hover {
  border-color: var(--color-red-1000) !important;
}
.f\:bc-red-1000:focus {
  border-color: var(--color-red-1000) !important;
}
.bc-red {
  border-color: var(--color-red) !important;
}
.h\:bc-red:hover {
  border-color: var(--color-red) !important;
}
.f\:bc-red:focus {
  border-color: var(--color-red) !important;
}
.bg-green-100 {
  background-color: var(--color-green-100) !important;
}
.h\:bg-green-100:hover {
  background-color: var(--color-green-100) !important;
}
.f\:bg-green-100:focus {
  background-color: var(--color-green-100) !important;
}
.bg-green-200 {
  background-color: var(--color-green-200) !important;
}
.h\:bg-green-200:hover {
  background-color: var(--color-green-200) !important;
}
.f\:bg-green-200:focus {
  background-color: var(--color-green-200) !important;
}
.bg-green-300 {
  background-color: var(--color-green-300) !important;
}
.h\:bg-green-300:hover {
  background-color: var(--color-green-300) !important;
}
.f\:bg-green-300:focus {
  background-color: var(--color-green-300) !important;
}
.bg-green-400 {
  background-color: var(--color-green-400) !important;
}
.h\:bg-green-400:hover {
  background-color: var(--color-green-400) !important;
}
.f\:bg-green-400:focus {
  background-color: var(--color-green-400) !important;
}
.bg-green-500 {
  background-color: var(--color-green-500) !important;
}
.h\:bg-green-500:hover {
  background-color: var(--color-green-500) !important;
}
.f\:bg-green-500:focus {
  background-color: var(--color-green-500) !important;
}
.bg-green-600 {
  background-color: var(--color-green-600) !important;
}
.h\:bg-green-600:hover {
  background-color: var(--color-green-600) !important;
}
.f\:bg-green-600:focus {
  background-color: var(--color-green-600) !important;
}
.bg-green-700 {
  background-color: var(--color-green-700) !important;
}
.h\:bg-green-700:hover {
  background-color: var(--color-green-700) !important;
}
.f\:bg-green-700:focus {
  background-color: var(--color-green-700) !important;
}
.bg-green-800 {
  background-color: var(--color-green-800) !important;
}
.h\:bg-green-800:hover {
  background-color: var(--color-green-800) !important;
}
.f\:bg-green-800:focus {
  background-color: var(--color-green-800) !important;
}
.bg-green-900 {
  background-color: var(--color-green-900) !important;
}
.h\:bg-green-900:hover {
  background-color: var(--color-green-900) !important;
}
.f\:bg-green-900:focus {
  background-color: var(--color-green-900) !important;
}
.bg-green-1000 {
  background-color: var(--color-green-1000) !important;
}
.h\:bg-green-1000:hover {
  background-color: var(--color-green-1000) !important;
}
.f\:bg-green-1000:focus {
  background-color: var(--color-green-1000) !important;
}
.bg-green {
  background-color: var(--color-green) !important;
}
.h\:bg-green:hover {
  background-color: var(--color-green) !important;
}
.f\:bg-green:focus {
  background-color: var(--color-green) !important;
}
.c-green-100 {
  color: var(--color-green-100) !important;
}
.h\:c-green-100:hover {
  color: var(--color-green-100) !important;
}
.f\:c-green-100:focus {
  color: var(--color-green-100) !important;
}
.c-green-200 {
  color: var(--color-green-200) !important;
}
.h\:c-green-200:hover {
  color: var(--color-green-200) !important;
}
.f\:c-green-200:focus {
  color: var(--color-green-200) !important;
}
.c-green-300 {
  color: var(--color-green-300) !important;
}
.h\:c-green-300:hover {
  color: var(--color-green-300) !important;
}
.f\:c-green-300:focus {
  color: var(--color-green-300) !important;
}
.c-green-400 {
  color: var(--color-green-400) !important;
}
.h\:c-green-400:hover {
  color: var(--color-green-400) !important;
}
.f\:c-green-400:focus {
  color: var(--color-green-400) !important;
}
.c-green-500 {
  color: var(--color-green-500) !important;
}
.h\:c-green-500:hover {
  color: var(--color-green-500) !important;
}
.f\:c-green-500:focus {
  color: var(--color-green-500) !important;
}
.c-green-600 {
  color: var(--color-green-600) !important;
}
.h\:c-green-600:hover {
  color: var(--color-green-600) !important;
}
.f\:c-green-600:focus {
  color: var(--color-green-600) !important;
}
.c-green-700 {
  color: var(--color-green-700) !important;
}
.h\:c-green-700:hover {
  color: var(--color-green-700) !important;
}
.f\:c-green-700:focus {
  color: var(--color-green-700) !important;
}
.c-green-800 {
  color: var(--color-green-800) !important;
}
.h\:c-green-800:hover {
  color: var(--color-green-800) !important;
}
.f\:c-green-800:focus {
  color: var(--color-green-800) !important;
}
.c-green-900 {
  color: var(--color-green-900) !important;
}
.h\:c-green-900:hover {
  color: var(--color-green-900) !important;
}
.f\:c-green-900:focus {
  color: var(--color-green-900) !important;
}
.c-green-1000 {
  color: var(--color-green-1000) !important;
}
.h\:c-green-1000:hover {
  color: var(--color-green-1000) !important;
}
.f\:c-green-1000:focus {
  color: var(--color-green-1000) !important;
}
.c-green {
  color: var(--color-green) !important;
}
.h\:c-green:hover {
  color: var(--color-green) !important;
}
.f\:c-green:focus {
  color: var(--color-green) !important;
}
.bc-green-100 {
  border-color: var(--color-green-100) !important;
}
.h\:bc-green-100:hover {
  border-color: var(--color-green-100) !important;
}
.f\:bc-green-100:focus {
  border-color: var(--color-green-100) !important;
}
.bc-green-200 {
  border-color: var(--color-green-200) !important;
}
.h\:bc-green-200:hover {
  border-color: var(--color-green-200) !important;
}
.f\:bc-green-200:focus {
  border-color: var(--color-green-200) !important;
}
.bc-green-300 {
  border-color: var(--color-green-300) !important;
}
.h\:bc-green-300:hover {
  border-color: var(--color-green-300) !important;
}
.f\:bc-green-300:focus {
  border-color: var(--color-green-300) !important;
}
.bc-green-400 {
  border-color: var(--color-green-400) !important;
}
.h\:bc-green-400:hover {
  border-color: var(--color-green-400) !important;
}
.f\:bc-green-400:focus {
  border-color: var(--color-green-400) !important;
}
.bc-green-500 {
  border-color: var(--color-green-500) !important;
}
.h\:bc-green-500:hover {
  border-color: var(--color-green-500) !important;
}
.f\:bc-green-500:focus {
  border-color: var(--color-green-500) !important;
}
.bc-green-600 {
  border-color: var(--color-green-600) !important;
}
.h\:bc-green-600:hover {
  border-color: var(--color-green-600) !important;
}
.f\:bc-green-600:focus {
  border-color: var(--color-green-600) !important;
}
.bc-green-700 {
  border-color: var(--color-green-700) !important;
}
.h\:bc-green-700:hover {
  border-color: var(--color-green-700) !important;
}
.f\:bc-green-700:focus {
  border-color: var(--color-green-700) !important;
}
.bc-green-800 {
  border-color: var(--color-green-800) !important;
}
.h\:bc-green-800:hover {
  border-color: var(--color-green-800) !important;
}
.f\:bc-green-800:focus {
  border-color: var(--color-green-800) !important;
}
.bc-green-900 {
  border-color: var(--color-green-900) !important;
}
.h\:bc-green-900:hover {
  border-color: var(--color-green-900) !important;
}
.f\:bc-green-900:focus {
  border-color: var(--color-green-900) !important;
}
.bc-green-1000 {
  border-color: var(--color-green-1000) !important;
}
.h\:bc-green-1000:hover {
  border-color: var(--color-green-1000) !important;
}
.f\:bc-green-1000:focus {
  border-color: var(--color-green-1000) !important;
}
.bc-green {
  border-color: var(--color-green) !important;
}
.h\:bc-green:hover {
  border-color: var(--color-green) !important;
}
.f\:bc-green:focus {
  border-color: var(--color-green) !important;
}
.bg-blue-100 {
  background-color: var(--color-blue-100) !important;
}
.h\:bg-blue-100:hover {
  background-color: var(--color-blue-100) !important;
}
.f\:bg-blue-100:focus {
  background-color: var(--color-blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--color-blue-200) !important;
}
.h\:bg-blue-200:hover {
  background-color: var(--color-blue-200) !important;
}
.f\:bg-blue-200:focus {
  background-color: var(--color-blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--color-blue-300) !important;
}
.h\:bg-blue-300:hover {
  background-color: var(--color-blue-300) !important;
}
.f\:bg-blue-300:focus {
  background-color: var(--color-blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--color-blue-400) !important;
}
.h\:bg-blue-400:hover {
  background-color: var(--color-blue-400) !important;
}
.f\:bg-blue-400:focus {
  background-color: var(--color-blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--color-blue-500) !important;
}
.h\:bg-blue-500:hover {
  background-color: var(--color-blue-500) !important;
}
.f\:bg-blue-500:focus {
  background-color: var(--color-blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--color-blue-600) !important;
}
.h\:bg-blue-600:hover {
  background-color: var(--color-blue-600) !important;
}
.f\:bg-blue-600:focus {
  background-color: var(--color-blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--color-blue-700) !important;
}
.h\:bg-blue-700:hover {
  background-color: var(--color-blue-700) !important;
}
.f\:bg-blue-700:focus {
  background-color: var(--color-blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--color-blue-800) !important;
}
.h\:bg-blue-800:hover {
  background-color: var(--color-blue-800) !important;
}
.f\:bg-blue-800:focus {
  background-color: var(--color-blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--color-blue-900) !important;
}
.h\:bg-blue-900:hover {
  background-color: var(--color-blue-900) !important;
}
.f\:bg-blue-900:focus {
  background-color: var(--color-blue-900) !important;
}
.bg-blue-1000 {
  background-color: var(--color-blue-1000) !important;
}
.h\:bg-blue-1000:hover {
  background-color: var(--color-blue-1000) !important;
}
.f\:bg-blue-1000:focus {
  background-color: var(--color-blue-1000) !important;
}
.bg-blue {
  background-color: var(--color-blue) !important;
}
.h\:bg-blue:hover {
  background-color: var(--color-blue) !important;
}
.f\:bg-blue:focus {
  background-color: var(--color-blue) !important;
}
.c-blue-100 {
  color: var(--color-blue-100) !important;
}
.h\:c-blue-100:hover {
  color: var(--color-blue-100) !important;
}
.f\:c-blue-100:focus {
  color: var(--color-blue-100) !important;
}
.c-blue-200 {
  color: var(--color-blue-200) !important;
}
.h\:c-blue-200:hover {
  color: var(--color-blue-200) !important;
}
.f\:c-blue-200:focus {
  color: var(--color-blue-200) !important;
}
.c-blue-300 {
  color: var(--color-blue-300) !important;
}
.h\:c-blue-300:hover {
  color: var(--color-blue-300) !important;
}
.f\:c-blue-300:focus {
  color: var(--color-blue-300) !important;
}
.c-blue-400 {
  color: var(--color-blue-400) !important;
}
.h\:c-blue-400:hover {
  color: var(--color-blue-400) !important;
}
.f\:c-blue-400:focus {
  color: var(--color-blue-400) !important;
}
.c-blue-500 {
  color: var(--color-blue-500) !important;
}
.h\:c-blue-500:hover {
  color: var(--color-blue-500) !important;
}
.f\:c-blue-500:focus {
  color: var(--color-blue-500) !important;
}
.c-blue-600 {
  color: var(--color-blue-600) !important;
}
.h\:c-blue-600:hover {
  color: var(--color-blue-600) !important;
}
.f\:c-blue-600:focus {
  color: var(--color-blue-600) !important;
}
.c-blue-700 {
  color: var(--color-blue-700) !important;
}
.h\:c-blue-700:hover {
  color: var(--color-blue-700) !important;
}
.f\:c-blue-700:focus {
  color: var(--color-blue-700) !important;
}
.c-blue-800 {
  color: var(--color-blue-800) !important;
}
.h\:c-blue-800:hover {
  color: var(--color-blue-800) !important;
}
.f\:c-blue-800:focus {
  color: var(--color-blue-800) !important;
}
.c-blue-900 {
  color: var(--color-blue-900) !important;
}
.h\:c-blue-900:hover {
  color: var(--color-blue-900) !important;
}
.f\:c-blue-900:focus {
  color: var(--color-blue-900) !important;
}
.c-blue-1000 {
  color: var(--color-blue-1000) !important;
}
.h\:c-blue-1000:hover {
  color: var(--color-blue-1000) !important;
}
.f\:c-blue-1000:focus {
  color: var(--color-blue-1000) !important;
}
.c-blue {
  color: var(--color-blue) !important;
}
.h\:c-blue:hover {
  color: var(--color-blue) !important;
}
.f\:c-blue:focus {
  color: var(--color-blue) !important;
}
.bc-blue-100 {
  border-color: var(--color-blue-100) !important;
}
.h\:bc-blue-100:hover {
  border-color: var(--color-blue-100) !important;
}
.f\:bc-blue-100:focus {
  border-color: var(--color-blue-100) !important;
}
.bc-blue-200 {
  border-color: var(--color-blue-200) !important;
}
.h\:bc-blue-200:hover {
  border-color: var(--color-blue-200) !important;
}
.f\:bc-blue-200:focus {
  border-color: var(--color-blue-200) !important;
}
.bc-blue-300 {
  border-color: var(--color-blue-300) !important;
}
.h\:bc-blue-300:hover {
  border-color: var(--color-blue-300) !important;
}
.f\:bc-blue-300:focus {
  border-color: var(--color-blue-300) !important;
}
.bc-blue-400 {
  border-color: var(--color-blue-400) !important;
}
.h\:bc-blue-400:hover {
  border-color: var(--color-blue-400) !important;
}
.f\:bc-blue-400:focus {
  border-color: var(--color-blue-400) !important;
}
.bc-blue-500 {
  border-color: var(--color-blue-500) !important;
}
.h\:bc-blue-500:hover {
  border-color: var(--color-blue-500) !important;
}
.f\:bc-blue-500:focus {
  border-color: var(--color-blue-500) !important;
}
.bc-blue-600 {
  border-color: var(--color-blue-600) !important;
}
.h\:bc-blue-600:hover {
  border-color: var(--color-blue-600) !important;
}
.f\:bc-blue-600:focus {
  border-color: var(--color-blue-600) !important;
}
.bc-blue-700 {
  border-color: var(--color-blue-700) !important;
}
.h\:bc-blue-700:hover {
  border-color: var(--color-blue-700) !important;
}
.f\:bc-blue-700:focus {
  border-color: var(--color-blue-700) !important;
}
.bc-blue-800 {
  border-color: var(--color-blue-800) !important;
}
.h\:bc-blue-800:hover {
  border-color: var(--color-blue-800) !important;
}
.f\:bc-blue-800:focus {
  border-color: var(--color-blue-800) !important;
}
.bc-blue-900 {
  border-color: var(--color-blue-900) !important;
}
.h\:bc-blue-900:hover {
  border-color: var(--color-blue-900) !important;
}
.f\:bc-blue-900:focus {
  border-color: var(--color-blue-900) !important;
}
.bc-blue-1000 {
  border-color: var(--color-blue-1000) !important;
}
.h\:bc-blue-1000:hover {
  border-color: var(--color-blue-1000) !important;
}
.f\:bc-blue-1000:focus {
  border-color: var(--color-blue-1000) !important;
}
.bc-blue {
  border-color: var(--color-blue) !important;
}
.h\:bc-blue:hover {
  border-color: var(--color-blue) !important;
}
.f\:bc-blue:focus {
  border-color: var(--color-blue) !important;
}
.bg-plum-100 {
  background-color: var(--color-plum-100) !important;
}
.h\:bg-plum-100:hover {
  background-color: var(--color-plum-100) !important;
}
.f\:bg-plum-100:focus {
  background-color: var(--color-plum-100) !important;
}
.bg-plum-200 {
  background-color: var(--color-plum-200) !important;
}
.h\:bg-plum-200:hover {
  background-color: var(--color-plum-200) !important;
}
.f\:bg-plum-200:focus {
  background-color: var(--color-plum-200) !important;
}
.bg-plum-300 {
  background-color: var(--color-plum-300) !important;
}
.h\:bg-plum-300:hover {
  background-color: var(--color-plum-300) !important;
}
.f\:bg-plum-300:focus {
  background-color: var(--color-plum-300) !important;
}
.bg-plum-400 {
  background-color: var(--color-plum-400) !important;
}
.h\:bg-plum-400:hover {
  background-color: var(--color-plum-400) !important;
}
.f\:bg-plum-400:focus {
  background-color: var(--color-plum-400) !important;
}
.bg-plum-500 {
  background-color: var(--color-plum-500) !important;
}
.h\:bg-plum-500:hover {
  background-color: var(--color-plum-500) !important;
}
.f\:bg-plum-500:focus {
  background-color: var(--color-plum-500) !important;
}
.bg-plum-600 {
  background-color: var(--color-plum-600) !important;
}
.h\:bg-plum-600:hover {
  background-color: var(--color-plum-600) !important;
}
.f\:bg-plum-600:focus {
  background-color: var(--color-plum-600) !important;
}
.bg-plum-700 {
  background-color: var(--color-plum-700) !important;
}
.h\:bg-plum-700:hover {
  background-color: var(--color-plum-700) !important;
}
.f\:bg-plum-700:focus {
  background-color: var(--color-plum-700) !important;
}
.bg-plum-800 {
  background-color: var(--color-plum-800) !important;
}
.h\:bg-plum-800:hover {
  background-color: var(--color-plum-800) !important;
}
.f\:bg-plum-800:focus {
  background-color: var(--color-plum-800) !important;
}
.bg-plum-900 {
  background-color: var(--color-plum-900) !important;
}
.h\:bg-plum-900:hover {
  background-color: var(--color-plum-900) !important;
}
.f\:bg-plum-900:focus {
  background-color: var(--color-plum-900) !important;
}
.bg-plum-1000 {
  background-color: var(--color-plum-1000) !important;
}
.h\:bg-plum-1000:hover {
  background-color: var(--color-plum-1000) !important;
}
.f\:bg-plum-1000:focus {
  background-color: var(--color-plum-1000) !important;
}
.bg-plum {
  background-color: var(--color-plum) !important;
}
.h\:bg-plum:hover {
  background-color: var(--color-plum) !important;
}
.f\:bg-plum:focus {
  background-color: var(--color-plum) !important;
}
.c-plum-100 {
  color: var(--color-plum-100) !important;
}
.h\:c-plum-100:hover {
  color: var(--color-plum-100) !important;
}
.f\:c-plum-100:focus {
  color: var(--color-plum-100) !important;
}
.c-plum-200 {
  color: var(--color-plum-200) !important;
}
.h\:c-plum-200:hover {
  color: var(--color-plum-200) !important;
}
.f\:c-plum-200:focus {
  color: var(--color-plum-200) !important;
}
.c-plum-300 {
  color: var(--color-plum-300) !important;
}
.h\:c-plum-300:hover {
  color: var(--color-plum-300) !important;
}
.f\:c-plum-300:focus {
  color: var(--color-plum-300) !important;
}
.c-plum-400 {
  color: var(--color-plum-400) !important;
}
.h\:c-plum-400:hover {
  color: var(--color-plum-400) !important;
}
.f\:c-plum-400:focus {
  color: var(--color-plum-400) !important;
}
.c-plum-500 {
  color: var(--color-plum-500) !important;
}
.h\:c-plum-500:hover {
  color: var(--color-plum-500) !important;
}
.f\:c-plum-500:focus {
  color: var(--color-plum-500) !important;
}
.c-plum-600 {
  color: var(--color-plum-600) !important;
}
.h\:c-plum-600:hover {
  color: var(--color-plum-600) !important;
}
.f\:c-plum-600:focus {
  color: var(--color-plum-600) !important;
}
.c-plum-700 {
  color: var(--color-plum-700) !important;
}
.h\:c-plum-700:hover {
  color: var(--color-plum-700) !important;
}
.f\:c-plum-700:focus {
  color: var(--color-plum-700) !important;
}
.c-plum-800 {
  color: var(--color-plum-800) !important;
}
.h\:c-plum-800:hover {
  color: var(--color-plum-800) !important;
}
.f\:c-plum-800:focus {
  color: var(--color-plum-800) !important;
}
.c-plum-900 {
  color: var(--color-plum-900) !important;
}
.h\:c-plum-900:hover {
  color: var(--color-plum-900) !important;
}
.f\:c-plum-900:focus {
  color: var(--color-plum-900) !important;
}
.c-plum-1000 {
  color: var(--color-plum-1000) !important;
}
.h\:c-plum-1000:hover {
  color: var(--color-plum-1000) !important;
}
.f\:c-plum-1000:focus {
  color: var(--color-plum-1000) !important;
}
.c-plum {
  color: var(--color-plum) !important;
}
.h\:c-plum:hover {
  color: var(--color-plum) !important;
}
.f\:c-plum:focus {
  color: var(--color-plum) !important;
}
.bc-plum-100 {
  border-color: var(--color-plum-100) !important;
}
.h\:bc-plum-100:hover {
  border-color: var(--color-plum-100) !important;
}
.f\:bc-plum-100:focus {
  border-color: var(--color-plum-100) !important;
}
.bc-plum-200 {
  border-color: var(--color-plum-200) !important;
}
.h\:bc-plum-200:hover {
  border-color: var(--color-plum-200) !important;
}
.f\:bc-plum-200:focus {
  border-color: var(--color-plum-200) !important;
}
.bc-plum-300 {
  border-color: var(--color-plum-300) !important;
}
.h\:bc-plum-300:hover {
  border-color: var(--color-plum-300) !important;
}
.f\:bc-plum-300:focus {
  border-color: var(--color-plum-300) !important;
}
.bc-plum-400 {
  border-color: var(--color-plum-400) !important;
}
.h\:bc-plum-400:hover {
  border-color: var(--color-plum-400) !important;
}
.f\:bc-plum-400:focus {
  border-color: var(--color-plum-400) !important;
}
.bc-plum-500 {
  border-color: var(--color-plum-500) !important;
}
.h\:bc-plum-500:hover {
  border-color: var(--color-plum-500) !important;
}
.f\:bc-plum-500:focus {
  border-color: var(--color-plum-500) !important;
}
.bc-plum-600 {
  border-color: var(--color-plum-600) !important;
}
.h\:bc-plum-600:hover {
  border-color: var(--color-plum-600) !important;
}
.f\:bc-plum-600:focus {
  border-color: var(--color-plum-600) !important;
}
.bc-plum-700 {
  border-color: var(--color-plum-700) !important;
}
.h\:bc-plum-700:hover {
  border-color: var(--color-plum-700) !important;
}
.f\:bc-plum-700:focus {
  border-color: var(--color-plum-700) !important;
}
.bc-plum-800 {
  border-color: var(--color-plum-800) !important;
}
.h\:bc-plum-800:hover {
  border-color: var(--color-plum-800) !important;
}
.f\:bc-plum-800:focus {
  border-color: var(--color-plum-800) !important;
}
.bc-plum-900 {
  border-color: var(--color-plum-900) !important;
}
.h\:bc-plum-900:hover {
  border-color: var(--color-plum-900) !important;
}
.f\:bc-plum-900:focus {
  border-color: var(--color-plum-900) !important;
}
.bc-plum-1000 {
  border-color: var(--color-plum-1000) !important;
}
.h\:bc-plum-1000:hover {
  border-color: var(--color-plum-1000) !important;
}
.f\:bc-plum-1000:focus {
  border-color: var(--color-plum-1000) !important;
}
.bc-plum {
  border-color: var(--color-plum) !important;
}
.h\:bc-plum:hover {
  border-color: var(--color-plum) !important;
}
.f\:bc-plum:focus {
  border-color: var(--color-plum) !important;
}
.bg-orange-100 {
  background-color: var(--color-orange-100) !important;
}
.h\:bg-orange-100:hover {
  background-color: var(--color-orange-100) !important;
}
.f\:bg-orange-100:focus {
  background-color: var(--color-orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--color-orange-200) !important;
}
.h\:bg-orange-200:hover {
  background-color: var(--color-orange-200) !important;
}
.f\:bg-orange-200:focus {
  background-color: var(--color-orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--color-orange-300) !important;
}
.h\:bg-orange-300:hover {
  background-color: var(--color-orange-300) !important;
}
.f\:bg-orange-300:focus {
  background-color: var(--color-orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--color-orange-400) !important;
}
.h\:bg-orange-400:hover {
  background-color: var(--color-orange-400) !important;
}
.f\:bg-orange-400:focus {
  background-color: var(--color-orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--color-orange-500) !important;
}
.h\:bg-orange-500:hover {
  background-color: var(--color-orange-500) !important;
}
.f\:bg-orange-500:focus {
  background-color: var(--color-orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--color-orange-600) !important;
}
.h\:bg-orange-600:hover {
  background-color: var(--color-orange-600) !important;
}
.f\:bg-orange-600:focus {
  background-color: var(--color-orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--color-orange-700) !important;
}
.h\:bg-orange-700:hover {
  background-color: var(--color-orange-700) !important;
}
.f\:bg-orange-700:focus {
  background-color: var(--color-orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--color-orange-800) !important;
}
.h\:bg-orange-800:hover {
  background-color: var(--color-orange-800) !important;
}
.f\:bg-orange-800:focus {
  background-color: var(--color-orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--color-orange-900) !important;
}
.h\:bg-orange-900:hover {
  background-color: var(--color-orange-900) !important;
}
.f\:bg-orange-900:focus {
  background-color: var(--color-orange-900) !important;
}
.bg-orange-1000 {
  background-color: var(--color-orange-1000) !important;
}
.h\:bg-orange-1000:hover {
  background-color: var(--color-orange-1000) !important;
}
.f\:bg-orange-1000:focus {
  background-color: var(--color-orange-1000) !important;
}
.bg-orange {
  background-color: var(--color-orange) !important;
}
.h\:bg-orange:hover {
  background-color: var(--color-orange) !important;
}
.f\:bg-orange:focus {
  background-color: var(--color-orange) !important;
}
.c-orange-100 {
  color: var(--color-orange-100) !important;
}
.h\:c-orange-100:hover {
  color: var(--color-orange-100) !important;
}
.f\:c-orange-100:focus {
  color: var(--color-orange-100) !important;
}
.c-orange-200 {
  color: var(--color-orange-200) !important;
}
.h\:c-orange-200:hover {
  color: var(--color-orange-200) !important;
}
.f\:c-orange-200:focus {
  color: var(--color-orange-200) !important;
}
.c-orange-300 {
  color: var(--color-orange-300) !important;
}
.h\:c-orange-300:hover {
  color: var(--color-orange-300) !important;
}
.f\:c-orange-300:focus {
  color: var(--color-orange-300) !important;
}
.c-orange-400 {
  color: var(--color-orange-400) !important;
}
.h\:c-orange-400:hover {
  color: var(--color-orange-400) !important;
}
.f\:c-orange-400:focus {
  color: var(--color-orange-400) !important;
}
.c-orange-500 {
  color: var(--color-orange-500) !important;
}
.h\:c-orange-500:hover {
  color: var(--color-orange-500) !important;
}
.f\:c-orange-500:focus {
  color: var(--color-orange-500) !important;
}
.c-orange-600 {
  color: var(--color-orange-600) !important;
}
.h\:c-orange-600:hover {
  color: var(--color-orange-600) !important;
}
.f\:c-orange-600:focus {
  color: var(--color-orange-600) !important;
}
.c-orange-700 {
  color: var(--color-orange-700) !important;
}
.h\:c-orange-700:hover {
  color: var(--color-orange-700) !important;
}
.f\:c-orange-700:focus {
  color: var(--color-orange-700) !important;
}
.c-orange-800 {
  color: var(--color-orange-800) !important;
}
.h\:c-orange-800:hover {
  color: var(--color-orange-800) !important;
}
.f\:c-orange-800:focus {
  color: var(--color-orange-800) !important;
}
.c-orange-900 {
  color: var(--color-orange-900) !important;
}
.h\:c-orange-900:hover {
  color: var(--color-orange-900) !important;
}
.f\:c-orange-900:focus {
  color: var(--color-orange-900) !important;
}
.c-orange-1000 {
  color: var(--color-orange-1000) !important;
}
.h\:c-orange-1000:hover {
  color: var(--color-orange-1000) !important;
}
.f\:c-orange-1000:focus {
  color: var(--color-orange-1000) !important;
}
.c-orange {
  color: var(--color-orange) !important;
}
.h\:c-orange:hover {
  color: var(--color-orange) !important;
}
.f\:c-orange:focus {
  color: var(--color-orange) !important;
}
.bc-orange-100 {
  border-color: var(--color-orange-100) !important;
}
.h\:bc-orange-100:hover {
  border-color: var(--color-orange-100) !important;
}
.f\:bc-orange-100:focus {
  border-color: var(--color-orange-100) !important;
}
.bc-orange-200 {
  border-color: var(--color-orange-200) !important;
}
.h\:bc-orange-200:hover {
  border-color: var(--color-orange-200) !important;
}
.f\:bc-orange-200:focus {
  border-color: var(--color-orange-200) !important;
}
.bc-orange-300 {
  border-color: var(--color-orange-300) !important;
}
.h\:bc-orange-300:hover {
  border-color: var(--color-orange-300) !important;
}
.f\:bc-orange-300:focus {
  border-color: var(--color-orange-300) !important;
}
.bc-orange-400 {
  border-color: var(--color-orange-400) !important;
}
.h\:bc-orange-400:hover {
  border-color: var(--color-orange-400) !important;
}
.f\:bc-orange-400:focus {
  border-color: var(--color-orange-400) !important;
}
.bc-orange-500 {
  border-color: var(--color-orange-500) !important;
}
.h\:bc-orange-500:hover {
  border-color: var(--color-orange-500) !important;
}
.f\:bc-orange-500:focus {
  border-color: var(--color-orange-500) !important;
}
.bc-orange-600 {
  border-color: var(--color-orange-600) !important;
}
.h\:bc-orange-600:hover {
  border-color: var(--color-orange-600) !important;
}
.f\:bc-orange-600:focus {
  border-color: var(--color-orange-600) !important;
}
.bc-orange-700 {
  border-color: var(--color-orange-700) !important;
}
.h\:bc-orange-700:hover {
  border-color: var(--color-orange-700) !important;
}
.f\:bc-orange-700:focus {
  border-color: var(--color-orange-700) !important;
}
.bc-orange-800 {
  border-color: var(--color-orange-800) !important;
}
.h\:bc-orange-800:hover {
  border-color: var(--color-orange-800) !important;
}
.f\:bc-orange-800:focus {
  border-color: var(--color-orange-800) !important;
}
.bc-orange-900 {
  border-color: var(--color-orange-900) !important;
}
.h\:bc-orange-900:hover {
  border-color: var(--color-orange-900) !important;
}
.f\:bc-orange-900:focus {
  border-color: var(--color-orange-900) !important;
}
.bc-orange-1000 {
  border-color: var(--color-orange-1000) !important;
}
.h\:bc-orange-1000:hover {
  border-color: var(--color-orange-1000) !important;
}
.f\:bc-orange-1000:focus {
  border-color: var(--color-orange-1000) !important;
}
.bc-orange {
  border-color: var(--color-orange) !important;
}
.h\:bc-orange:hover {
  border-color: var(--color-orange) !important;
}
.f\:bc-orange:focus {
  border-color: var(--color-orange) !important;
}
.bg-transparent {
  background-color: rgba(0, 0, 0, 0) !important;
}
.bg-inherit {
  background-color: inherit !important;
}
.h\:bg-transparent:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}
.h\:bg-inherit:hover {
  background-color: inherit !important;
}
.f\:bg-transparent:focus {
  background-color: rgba(0, 0, 0, 0) !important;
}
.f\:bg-inherit:focus {
  background-color: inherit !important;
}
.c-transparent {
  color: rgba(0, 0, 0, 0) !important;
}
.c-inherit {
  color: inherit !important;
}
.h\:c-transparent:hover {
  color: rgba(0, 0, 0, 0) !important;
}
.h\:c-inherit:hover {
  color: inherit !important;
}
.f\:c-transparent:focus {
  color: rgba(0, 0, 0, 0) !important;
}
.f\:c-inherit:focus {
  color: inherit !important;
}
.bc-transparent {
  border-color: rgba(0, 0, 0, 0) !important;
}
.bc-inherit {
  border-color: inherit !important;
}
.h\:bc-transparent:hover {
  border-color: rgba(0, 0, 0, 0) !important;
}
.h\:bc-inherit:hover {
  border-color: inherit !important;
}
.f\:bc-transparent:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}
.f\:bc-inherit:focus {
  border-color: inherit !important;
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-0 {
  margin-left: var(--space-0) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-0 {
  margin-right: var(--space-0) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-0 {
  margin-top: var(--space-0) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-0 {
  margin-bottom: var(--space-0) !important;
}
.m-auto {
  margin: auto !important;
}
.m-0 {
  margin: var(--space-0) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-0 {
  margin-top: var(--space-0) !important;
  margin-bottom: var(--space-0) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-0 {
  margin-right: var(--space-0) !important;
  margin-left: var(--space-0) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-0\@sm {
    margin-left: var(--space-0) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-0\@sm {
    margin-right: var(--space-0) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-0\@sm {
    margin-top: var(--space-0) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-0\@sm {
    margin-bottom: var(--space-0) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-0\@sm {
    margin: var(--space-0) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-0\@sm {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-0\@sm {
    margin-right: var(--space-0) !important;
    margin-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-0\@md {
    margin-left: var(--space-0) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-0\@md {
    margin-right: var(--space-0) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-0\@md {
    margin-top: var(--space-0) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-0\@md {
    margin-bottom: var(--space-0) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-0\@md {
    margin: var(--space-0) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-0\@md {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-0\@md {
    margin-right: var(--space-0) !important;
    margin-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-0\@lg {
    margin-left: var(--space-0) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-0\@lg {
    margin-right: var(--space-0) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-0\@lg {
    margin-top: var(--space-0) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-0\@lg {
    margin-bottom: var(--space-0) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-0\@lg {
    margin: var(--space-0) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-0\@lg {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-0\@lg {
    margin-right: var(--space-0) !important;
    margin-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-0\@xl {
    margin-left: var(--space-0) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-0\@xl {
    margin-right: var(--space-0) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-0\@xl {
    margin-top: var(--space-0) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-0\@xl {
    margin-bottom: var(--space-0) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-0\@xl {
    margin: var(--space-0) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-0\@xl {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-0\@xl {
    margin-right: var(--space-0) !important;
    margin-left: var(--space-0) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-50 {
  margin-left: var(--space-50) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-50 {
  margin-right: var(--space-50) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-50 {
  margin-top: var(--space-50) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-50 {
  margin-bottom: var(--space-50) !important;
}
.m-auto {
  margin: auto !important;
}
.m-50 {
  margin: var(--space-50) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-50 {
  margin-top: var(--space-50) !important;
  margin-bottom: var(--space-50) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-50 {
  margin-right: var(--space-50) !important;
  margin-left: var(--space-50) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-50\@sm {
    margin-left: var(--space-50) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-50\@sm {
    margin-right: var(--space-50) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-50\@sm {
    margin-top: var(--space-50) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-50\@sm {
    margin-bottom: var(--space-50) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-50\@sm {
    margin: var(--space-50) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-50\@sm {
    margin-top: var(--space-50) !important;
    margin-bottom: var(--space-50) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-50\@sm {
    margin-right: var(--space-50) !important;
    margin-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-50\@md {
    margin-left: var(--space-50) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-50\@md {
    margin-right: var(--space-50) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-50\@md {
    margin-top: var(--space-50) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-50\@md {
    margin-bottom: var(--space-50) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-50\@md {
    margin: var(--space-50) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-50\@md {
    margin-top: var(--space-50) !important;
    margin-bottom: var(--space-50) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-50\@md {
    margin-right: var(--space-50) !important;
    margin-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-50\@lg {
    margin-left: var(--space-50) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-50\@lg {
    margin-right: var(--space-50) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-50\@lg {
    margin-top: var(--space-50) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-50\@lg {
    margin-bottom: var(--space-50) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-50\@lg {
    margin: var(--space-50) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-50\@lg {
    margin-top: var(--space-50) !important;
    margin-bottom: var(--space-50) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-50\@lg {
    margin-right: var(--space-50) !important;
    margin-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-50\@xl {
    margin-left: var(--space-50) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-50\@xl {
    margin-right: var(--space-50) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-50\@xl {
    margin-top: var(--space-50) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-50\@xl {
    margin-bottom: var(--space-50) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-50\@xl {
    margin: var(--space-50) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-50\@xl {
    margin-top: var(--space-50) !important;
    margin-bottom: var(--space-50) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-50\@xl {
    margin-right: var(--space-50) !important;
    margin-left: var(--space-50) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-75 {
  margin-left: var(--space-75) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-75 {
  margin-right: var(--space-75) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-75 {
  margin-top: var(--space-75) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-75 {
  margin-bottom: var(--space-75) !important;
}
.m-auto {
  margin: auto !important;
}
.m-75 {
  margin: var(--space-75) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-75 {
  margin-top: var(--space-75) !important;
  margin-bottom: var(--space-75) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-75 {
  margin-right: var(--space-75) !important;
  margin-left: var(--space-75) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-75\@sm {
    margin-left: var(--space-75) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-75\@sm {
    margin-right: var(--space-75) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-75\@sm {
    margin-top: var(--space-75) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-75\@sm {
    margin-bottom: var(--space-75) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-75\@sm {
    margin: var(--space-75) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-75\@sm {
    margin-top: var(--space-75) !important;
    margin-bottom: var(--space-75) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-75\@sm {
    margin-right: var(--space-75) !important;
    margin-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-75\@md {
    margin-left: var(--space-75) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-75\@md {
    margin-right: var(--space-75) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-75\@md {
    margin-top: var(--space-75) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-75\@md {
    margin-bottom: var(--space-75) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-75\@md {
    margin: var(--space-75) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-75\@md {
    margin-top: var(--space-75) !important;
    margin-bottom: var(--space-75) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-75\@md {
    margin-right: var(--space-75) !important;
    margin-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-75\@lg {
    margin-left: var(--space-75) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-75\@lg {
    margin-right: var(--space-75) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-75\@lg {
    margin-top: var(--space-75) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-75\@lg {
    margin-bottom: var(--space-75) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-75\@lg {
    margin: var(--space-75) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-75\@lg {
    margin-top: var(--space-75) !important;
    margin-bottom: var(--space-75) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-75\@lg {
    margin-right: var(--space-75) !important;
    margin-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-75\@xl {
    margin-left: var(--space-75) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-75\@xl {
    margin-right: var(--space-75) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-75\@xl {
    margin-top: var(--space-75) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-75\@xl {
    margin-bottom: var(--space-75) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-75\@xl {
    margin: var(--space-75) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-75\@xl {
    margin-top: var(--space-75) !important;
    margin-bottom: var(--space-75) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-75\@xl {
    margin-right: var(--space-75) !important;
    margin-left: var(--space-75) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-100 {
  margin-left: var(--space-100) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-100 {
  margin-right: var(--space-100) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-100 {
  margin-top: var(--space-100) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-100 {
  margin-bottom: var(--space-100) !important;
}
.m-auto {
  margin: auto !important;
}
.m-100 {
  margin: var(--space-100) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-100 {
  margin-top: var(--space-100) !important;
  margin-bottom: var(--space-100) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-100 {
  margin-right: var(--space-100) !important;
  margin-left: var(--space-100) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-100\@sm {
    margin-left: var(--space-100) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-100\@sm {
    margin-right: var(--space-100) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-100\@sm {
    margin-top: var(--space-100) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-100\@sm {
    margin-bottom: var(--space-100) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-100\@sm {
    margin: var(--space-100) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-100\@sm {
    margin-top: var(--space-100) !important;
    margin-bottom: var(--space-100) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-100\@sm {
    margin-right: var(--space-100) !important;
    margin-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-100\@md {
    margin-left: var(--space-100) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-100\@md {
    margin-right: var(--space-100) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-100\@md {
    margin-top: var(--space-100) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-100\@md {
    margin-bottom: var(--space-100) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-100\@md {
    margin: var(--space-100) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-100\@md {
    margin-top: var(--space-100) !important;
    margin-bottom: var(--space-100) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-100\@md {
    margin-right: var(--space-100) !important;
    margin-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-100\@lg {
    margin-left: var(--space-100) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-100\@lg {
    margin-right: var(--space-100) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-100\@lg {
    margin-top: var(--space-100) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-100\@lg {
    margin-bottom: var(--space-100) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-100\@lg {
    margin: var(--space-100) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-100\@lg {
    margin-top: var(--space-100) !important;
    margin-bottom: var(--space-100) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-100\@lg {
    margin-right: var(--space-100) !important;
    margin-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-100\@xl {
    margin-left: var(--space-100) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-100\@xl {
    margin-right: var(--space-100) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-100\@xl {
    margin-top: var(--space-100) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-100\@xl {
    margin-bottom: var(--space-100) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-100\@xl {
    margin: var(--space-100) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-100\@xl {
    margin-top: var(--space-100) !important;
    margin-bottom: var(--space-100) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-100\@xl {
    margin-right: var(--space-100) !important;
    margin-left: var(--space-100) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-200 {
  margin-left: var(--space-200) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-200 {
  margin-right: var(--space-200) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-200 {
  margin-top: var(--space-200) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-200 {
  margin-bottom: var(--space-200) !important;
}
.m-auto {
  margin: auto !important;
}
.m-200 {
  margin: var(--space-200) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-200 {
  margin-top: var(--space-200) !important;
  margin-bottom: var(--space-200) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-200 {
  margin-right: var(--space-200) !important;
  margin-left: var(--space-200) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-200\@sm {
    margin-left: var(--space-200) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-200\@sm {
    margin-right: var(--space-200) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-200\@sm {
    margin-top: var(--space-200) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-200\@sm {
    margin-bottom: var(--space-200) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-200\@sm {
    margin: var(--space-200) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-200\@sm {
    margin-top: var(--space-200) !important;
    margin-bottom: var(--space-200) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-200\@sm {
    margin-right: var(--space-200) !important;
    margin-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-200\@md {
    margin-left: var(--space-200) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-200\@md {
    margin-right: var(--space-200) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-200\@md {
    margin-top: var(--space-200) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-200\@md {
    margin-bottom: var(--space-200) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-200\@md {
    margin: var(--space-200) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-200\@md {
    margin-top: var(--space-200) !important;
    margin-bottom: var(--space-200) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-200\@md {
    margin-right: var(--space-200) !important;
    margin-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-200\@lg {
    margin-left: var(--space-200) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-200\@lg {
    margin-right: var(--space-200) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-200\@lg {
    margin-top: var(--space-200) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-200\@lg {
    margin-bottom: var(--space-200) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-200\@lg {
    margin: var(--space-200) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-200\@lg {
    margin-top: var(--space-200) !important;
    margin-bottom: var(--space-200) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-200\@lg {
    margin-right: var(--space-200) !important;
    margin-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-200\@xl {
    margin-left: var(--space-200) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-200\@xl {
    margin-right: var(--space-200) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-200\@xl {
    margin-top: var(--space-200) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-200\@xl {
    margin-bottom: var(--space-200) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-200\@xl {
    margin: var(--space-200) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-200\@xl {
    margin-top: var(--space-200) !important;
    margin-bottom: var(--space-200) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-200\@xl {
    margin-right: var(--space-200) !important;
    margin-left: var(--space-200) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-300 {
  margin-left: var(--space-300) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-300 {
  margin-right: var(--space-300) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-300 {
  margin-top: var(--space-300) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-300 {
  margin-bottom: var(--space-300) !important;
}
.m-auto {
  margin: auto !important;
}
.m-300 {
  margin: var(--space-300) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-300 {
  margin-top: var(--space-300) !important;
  margin-bottom: var(--space-300) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-300 {
  margin-right: var(--space-300) !important;
  margin-left: var(--space-300) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-300\@sm {
    margin-left: var(--space-300) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-300\@sm {
    margin-right: var(--space-300) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-300\@sm {
    margin-top: var(--space-300) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-300\@sm {
    margin-bottom: var(--space-300) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-300\@sm {
    margin: var(--space-300) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-300\@sm {
    margin-top: var(--space-300) !important;
    margin-bottom: var(--space-300) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-300\@sm {
    margin-right: var(--space-300) !important;
    margin-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-300\@md {
    margin-left: var(--space-300) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-300\@md {
    margin-right: var(--space-300) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-300\@md {
    margin-top: var(--space-300) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-300\@md {
    margin-bottom: var(--space-300) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-300\@md {
    margin: var(--space-300) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-300\@md {
    margin-top: var(--space-300) !important;
    margin-bottom: var(--space-300) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-300\@md {
    margin-right: var(--space-300) !important;
    margin-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-300\@lg {
    margin-left: var(--space-300) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-300\@lg {
    margin-right: var(--space-300) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-300\@lg {
    margin-top: var(--space-300) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-300\@lg {
    margin-bottom: var(--space-300) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-300\@lg {
    margin: var(--space-300) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-300\@lg {
    margin-top: var(--space-300) !important;
    margin-bottom: var(--space-300) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-300\@lg {
    margin-right: var(--space-300) !important;
    margin-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-300\@xl {
    margin-left: var(--space-300) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-300\@xl {
    margin-right: var(--space-300) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-300\@xl {
    margin-top: var(--space-300) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-300\@xl {
    margin-bottom: var(--space-300) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-300\@xl {
    margin: var(--space-300) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-300\@xl {
    margin-top: var(--space-300) !important;
    margin-bottom: var(--space-300) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-300\@xl {
    margin-right: var(--space-300) !important;
    margin-left: var(--space-300) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-400 {
  margin-left: var(--space-400) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-400 {
  margin-right: var(--space-400) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-400 {
  margin-top: var(--space-400) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-400 {
  margin-bottom: var(--space-400) !important;
}
.m-auto {
  margin: auto !important;
}
.m-400 {
  margin: var(--space-400) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-400 {
  margin-top: var(--space-400) !important;
  margin-bottom: var(--space-400) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-400 {
  margin-right: var(--space-400) !important;
  margin-left: var(--space-400) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-400\@sm {
    margin-left: var(--space-400) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-400\@sm {
    margin-right: var(--space-400) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-400\@sm {
    margin-top: var(--space-400) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-400\@sm {
    margin-bottom: var(--space-400) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-400\@sm {
    margin: var(--space-400) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-400\@sm {
    margin-top: var(--space-400) !important;
    margin-bottom: var(--space-400) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-400\@sm {
    margin-right: var(--space-400) !important;
    margin-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-400\@md {
    margin-left: var(--space-400) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-400\@md {
    margin-right: var(--space-400) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-400\@md {
    margin-top: var(--space-400) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-400\@md {
    margin-bottom: var(--space-400) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-400\@md {
    margin: var(--space-400) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-400\@md {
    margin-top: var(--space-400) !important;
    margin-bottom: var(--space-400) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-400\@md {
    margin-right: var(--space-400) !important;
    margin-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-400\@lg {
    margin-left: var(--space-400) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-400\@lg {
    margin-right: var(--space-400) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-400\@lg {
    margin-top: var(--space-400) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-400\@lg {
    margin-bottom: var(--space-400) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-400\@lg {
    margin: var(--space-400) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-400\@lg {
    margin-top: var(--space-400) !important;
    margin-bottom: var(--space-400) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-400\@lg {
    margin-right: var(--space-400) !important;
    margin-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-400\@xl {
    margin-left: var(--space-400) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-400\@xl {
    margin-right: var(--space-400) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-400\@xl {
    margin-top: var(--space-400) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-400\@xl {
    margin-bottom: var(--space-400) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-400\@xl {
    margin: var(--space-400) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-400\@xl {
    margin-top: var(--space-400) !important;
    margin-bottom: var(--space-400) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-400\@xl {
    margin-right: var(--space-400) !important;
    margin-left: var(--space-400) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-500 {
  margin-left: var(--space-500) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-500 {
  margin-right: var(--space-500) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-500 {
  margin-top: var(--space-500) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-500 {
  margin-bottom: var(--space-500) !important;
}
.m-auto {
  margin: auto !important;
}
.m-500 {
  margin: var(--space-500) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-500 {
  margin-top: var(--space-500) !important;
  margin-bottom: var(--space-500) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-500 {
  margin-right: var(--space-500) !important;
  margin-left: var(--space-500) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-500\@sm {
    margin-left: var(--space-500) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-500\@sm {
    margin-right: var(--space-500) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-500\@sm {
    margin-top: var(--space-500) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-500\@sm {
    margin-bottom: var(--space-500) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-500\@sm {
    margin: var(--space-500) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-500\@sm {
    margin-top: var(--space-500) !important;
    margin-bottom: var(--space-500) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-500\@sm {
    margin-right: var(--space-500) !important;
    margin-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-500\@md {
    margin-left: var(--space-500) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-500\@md {
    margin-right: var(--space-500) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-500\@md {
    margin-top: var(--space-500) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-500\@md {
    margin-bottom: var(--space-500) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-500\@md {
    margin: var(--space-500) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-500\@md {
    margin-top: var(--space-500) !important;
    margin-bottom: var(--space-500) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-500\@md {
    margin-right: var(--space-500) !important;
    margin-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-500\@lg {
    margin-left: var(--space-500) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-500\@lg {
    margin-right: var(--space-500) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-500\@lg {
    margin-top: var(--space-500) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-500\@lg {
    margin-bottom: var(--space-500) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-500\@lg {
    margin: var(--space-500) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-500\@lg {
    margin-top: var(--space-500) !important;
    margin-bottom: var(--space-500) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-500\@lg {
    margin-right: var(--space-500) !important;
    margin-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-500\@xl {
    margin-left: var(--space-500) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-500\@xl {
    margin-right: var(--space-500) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-500\@xl {
    margin-top: var(--space-500) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-500\@xl {
    margin-bottom: var(--space-500) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-500\@xl {
    margin: var(--space-500) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-500\@xl {
    margin-top: var(--space-500) !important;
    margin-bottom: var(--space-500) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-500\@xl {
    margin-right: var(--space-500) !important;
    margin-left: var(--space-500) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-600 {
  margin-left: var(--space-600) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-600 {
  margin-right: var(--space-600) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-600 {
  margin-top: var(--space-600) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-600 {
  margin-bottom: var(--space-600) !important;
}
.m-auto {
  margin: auto !important;
}
.m-600 {
  margin: var(--space-600) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-600 {
  margin-top: var(--space-600) !important;
  margin-bottom: var(--space-600) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-600 {
  margin-right: var(--space-600) !important;
  margin-left: var(--space-600) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-600\@sm {
    margin-left: var(--space-600) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-600\@sm {
    margin-right: var(--space-600) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-600\@sm {
    margin-top: var(--space-600) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-600\@sm {
    margin-bottom: var(--space-600) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-600\@sm {
    margin: var(--space-600) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-600\@sm {
    margin-top: var(--space-600) !important;
    margin-bottom: var(--space-600) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-600\@sm {
    margin-right: var(--space-600) !important;
    margin-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-600\@md {
    margin-left: var(--space-600) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-600\@md {
    margin-right: var(--space-600) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-600\@md {
    margin-top: var(--space-600) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-600\@md {
    margin-bottom: var(--space-600) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-600\@md {
    margin: var(--space-600) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-600\@md {
    margin-top: var(--space-600) !important;
    margin-bottom: var(--space-600) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-600\@md {
    margin-right: var(--space-600) !important;
    margin-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-600\@lg {
    margin-left: var(--space-600) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-600\@lg {
    margin-right: var(--space-600) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-600\@lg {
    margin-top: var(--space-600) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-600\@lg {
    margin-bottom: var(--space-600) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-600\@lg {
    margin: var(--space-600) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-600\@lg {
    margin-top: var(--space-600) !important;
    margin-bottom: var(--space-600) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-600\@lg {
    margin-right: var(--space-600) !important;
    margin-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-600\@xl {
    margin-left: var(--space-600) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-600\@xl {
    margin-right: var(--space-600) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-600\@xl {
    margin-top: var(--space-600) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-600\@xl {
    margin-bottom: var(--space-600) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-600\@xl {
    margin: var(--space-600) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-600\@xl {
    margin-top: var(--space-600) !important;
    margin-bottom: var(--space-600) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-600\@xl {
    margin-right: var(--space-600) !important;
    margin-left: var(--space-600) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-700 {
  margin-left: var(--space-700) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-700 {
  margin-right: var(--space-700) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-700 {
  margin-top: var(--space-700) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-700 {
  margin-bottom: var(--space-700) !important;
}
.m-auto {
  margin: auto !important;
}
.m-700 {
  margin: var(--space-700) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-700 {
  margin-top: var(--space-700) !important;
  margin-bottom: var(--space-700) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-700 {
  margin-right: var(--space-700) !important;
  margin-left: var(--space-700) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-700\@sm {
    margin-left: var(--space-700) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-700\@sm {
    margin-right: var(--space-700) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-700\@sm {
    margin-top: var(--space-700) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-700\@sm {
    margin-bottom: var(--space-700) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-700\@sm {
    margin: var(--space-700) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-700\@sm {
    margin-top: var(--space-700) !important;
    margin-bottom: var(--space-700) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-700\@sm {
    margin-right: var(--space-700) !important;
    margin-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-700\@md {
    margin-left: var(--space-700) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-700\@md {
    margin-right: var(--space-700) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-700\@md {
    margin-top: var(--space-700) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-700\@md {
    margin-bottom: var(--space-700) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-700\@md {
    margin: var(--space-700) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-700\@md {
    margin-top: var(--space-700) !important;
    margin-bottom: var(--space-700) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-700\@md {
    margin-right: var(--space-700) !important;
    margin-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-700\@lg {
    margin-left: var(--space-700) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-700\@lg {
    margin-right: var(--space-700) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-700\@lg {
    margin-top: var(--space-700) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-700\@lg {
    margin-bottom: var(--space-700) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-700\@lg {
    margin: var(--space-700) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-700\@lg {
    margin-top: var(--space-700) !important;
    margin-bottom: var(--space-700) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-700\@lg {
    margin-right: var(--space-700) !important;
    margin-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-700\@xl {
    margin-left: var(--space-700) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-700\@xl {
    margin-right: var(--space-700) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-700\@xl {
    margin-top: var(--space-700) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-700\@xl {
    margin-bottom: var(--space-700) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-700\@xl {
    margin: var(--space-700) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-700\@xl {
    margin-top: var(--space-700) !important;
    margin-bottom: var(--space-700) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-700\@xl {
    margin-right: var(--space-700) !important;
    margin-left: var(--space-700) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-800 {
  margin-left: var(--space-800) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-800 {
  margin-right: var(--space-800) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-800 {
  margin-top: var(--space-800) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-800 {
  margin-bottom: var(--space-800) !important;
}
.m-auto {
  margin: auto !important;
}
.m-800 {
  margin: var(--space-800) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-800 {
  margin-top: var(--space-800) !important;
  margin-bottom: var(--space-800) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-800 {
  margin-right: var(--space-800) !important;
  margin-left: var(--space-800) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-800\@sm {
    margin-left: var(--space-800) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-800\@sm {
    margin-right: var(--space-800) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-800\@sm {
    margin-top: var(--space-800) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-800\@sm {
    margin-bottom: var(--space-800) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-800\@sm {
    margin: var(--space-800) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-800\@sm {
    margin-top: var(--space-800) !important;
    margin-bottom: var(--space-800) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-800\@sm {
    margin-right: var(--space-800) !important;
    margin-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-800\@md {
    margin-left: var(--space-800) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-800\@md {
    margin-right: var(--space-800) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-800\@md {
    margin-top: var(--space-800) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-800\@md {
    margin-bottom: var(--space-800) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-800\@md {
    margin: var(--space-800) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-800\@md {
    margin-top: var(--space-800) !important;
    margin-bottom: var(--space-800) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-800\@md {
    margin-right: var(--space-800) !important;
    margin-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-800\@lg {
    margin-left: var(--space-800) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-800\@lg {
    margin-right: var(--space-800) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-800\@lg {
    margin-top: var(--space-800) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-800\@lg {
    margin-bottom: var(--space-800) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-800\@lg {
    margin: var(--space-800) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-800\@lg {
    margin-top: var(--space-800) !important;
    margin-bottom: var(--space-800) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-800\@lg {
    margin-right: var(--space-800) !important;
    margin-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-800\@xl {
    margin-left: var(--space-800) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-800\@xl {
    margin-right: var(--space-800) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-800\@xl {
    margin-top: var(--space-800) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-800\@xl {
    margin-bottom: var(--space-800) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-800\@xl {
    margin: var(--space-800) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-800\@xl {
    margin-top: var(--space-800) !important;
    margin-bottom: var(--space-800) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-800\@xl {
    margin-right: var(--space-800) !important;
    margin-left: var(--space-800) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-900 {
  margin-left: var(--space-900) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-900 {
  margin-right: var(--space-900) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-900 {
  margin-top: var(--space-900) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-900 {
  margin-bottom: var(--space-900) !important;
}
.m-auto {
  margin: auto !important;
}
.m-900 {
  margin: var(--space-900) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-900 {
  margin-top: var(--space-900) !important;
  margin-bottom: var(--space-900) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-900 {
  margin-right: var(--space-900) !important;
  margin-left: var(--space-900) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-900\@sm {
    margin-left: var(--space-900) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-900\@sm {
    margin-right: var(--space-900) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-900\@sm {
    margin-top: var(--space-900) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-900\@sm {
    margin-bottom: var(--space-900) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-900\@sm {
    margin: var(--space-900) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-900\@sm {
    margin-top: var(--space-900) !important;
    margin-bottom: var(--space-900) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-900\@sm {
    margin-right: var(--space-900) !important;
    margin-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-900\@md {
    margin-left: var(--space-900) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-900\@md {
    margin-right: var(--space-900) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-900\@md {
    margin-top: var(--space-900) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-900\@md {
    margin-bottom: var(--space-900) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-900\@md {
    margin: var(--space-900) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-900\@md {
    margin-top: var(--space-900) !important;
    margin-bottom: var(--space-900) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-900\@md {
    margin-right: var(--space-900) !important;
    margin-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-900\@lg {
    margin-left: var(--space-900) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-900\@lg {
    margin-right: var(--space-900) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-900\@lg {
    margin-top: var(--space-900) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-900\@lg {
    margin-bottom: var(--space-900) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-900\@lg {
    margin: var(--space-900) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-900\@lg {
    margin-top: var(--space-900) !important;
    margin-bottom: var(--space-900) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-900\@lg {
    margin-right: var(--space-900) !important;
    margin-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-900\@xl {
    margin-left: var(--space-900) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-900\@xl {
    margin-right: var(--space-900) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-900\@xl {
    margin-top: var(--space-900) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-900\@xl {
    margin-bottom: var(--space-900) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-900\@xl {
    margin: var(--space-900) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-900\@xl {
    margin-top: var(--space-900) !important;
    margin-bottom: var(--space-900) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-900\@xl {
    margin-right: var(--space-900) !important;
    margin-left: var(--space-900) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-1000 {
  margin-left: var(--space-1000) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-1000 {
  margin-right: var(--space-1000) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-1000 {
  margin-top: var(--space-1000) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-1000 {
  margin-bottom: var(--space-1000) !important;
}
.m-auto {
  margin: auto !important;
}
.m-1000 {
  margin: var(--space-1000) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-1000 {
  margin-top: var(--space-1000) !important;
  margin-bottom: var(--space-1000) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-1000 {
  margin-right: var(--space-1000) !important;
  margin-left: var(--space-1000) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-1000\@sm {
    margin-left: var(--space-1000) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-1000\@sm {
    margin-right: var(--space-1000) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-1000\@sm {
    margin-top: var(--space-1000) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-1000\@sm {
    margin-bottom: var(--space-1000) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-1000\@sm {
    margin: var(--space-1000) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-1000\@sm {
    margin-top: var(--space-1000) !important;
    margin-bottom: var(--space-1000) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-1000\@sm {
    margin-right: var(--space-1000) !important;
    margin-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-1000\@md {
    margin-left: var(--space-1000) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-1000\@md {
    margin-right: var(--space-1000) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-1000\@md {
    margin-top: var(--space-1000) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-1000\@md {
    margin-bottom: var(--space-1000) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-1000\@md {
    margin: var(--space-1000) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-1000\@md {
    margin-top: var(--space-1000) !important;
    margin-bottom: var(--space-1000) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-1000\@md {
    margin-right: var(--space-1000) !important;
    margin-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-1000\@lg {
    margin-left: var(--space-1000) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-1000\@lg {
    margin-right: var(--space-1000) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-1000\@lg {
    margin-top: var(--space-1000) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-1000\@lg {
    margin-bottom: var(--space-1000) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-1000\@lg {
    margin: var(--space-1000) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-1000\@lg {
    margin-top: var(--space-1000) !important;
    margin-bottom: var(--space-1000) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-1000\@lg {
    margin-right: var(--space-1000) !important;
    margin-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-1000\@xl {
    margin-left: var(--space-1000) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-1000\@xl {
    margin-right: var(--space-1000) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-1000\@xl {
    margin-top: var(--space-1000) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-1000\@xl {
    margin-bottom: var(--space-1000) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-1000\@xl {
    margin: var(--space-1000) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-1000\@xl {
    margin-top: var(--space-1000) !important;
    margin-bottom: var(--space-1000) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-1000\@xl {
    margin-right: var(--space-1000) !important;
    margin-left: var(--space-1000) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-0 {
  padding-left: var(--space-0) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-0 {
  padding-right: var(--space-0) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-0 {
  padding-top: var(--space-0) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-0 {
  padding-bottom: var(--space-0) !important;
}
.p-auto {
  padding: auto !important;
}
.p-0 {
  padding: var(--space-0) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-0 {
  padding-top: var(--space-0) !important;
  padding-bottom: var(--space-0) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-0 {
  padding-right: var(--space-0) !important;
  padding-left: var(--space-0) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-0\@sm {
    padding-left: var(--space-0) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-0\@sm {
    padding-right: var(--space-0) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-0\@sm {
    padding-top: var(--space-0) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-0\@sm {
    padding-bottom: var(--space-0) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-0\@sm {
    padding: var(--space-0) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-0\@sm {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-0\@sm {
    padding-right: var(--space-0) !important;
    padding-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-0\@md {
    padding-left: var(--space-0) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-0\@md {
    padding-right: var(--space-0) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-0\@md {
    padding-top: var(--space-0) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-0\@md {
    padding-bottom: var(--space-0) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-0\@md {
    padding: var(--space-0) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-0\@md {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-0\@md {
    padding-right: var(--space-0) !important;
    padding-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-0\@lg {
    padding-left: var(--space-0) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-0\@lg {
    padding-right: var(--space-0) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-0\@lg {
    padding-top: var(--space-0) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-0\@lg {
    padding-bottom: var(--space-0) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-0\@lg {
    padding: var(--space-0) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-0\@lg {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-0\@lg {
    padding-right: var(--space-0) !important;
    padding-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-0\@xl {
    padding-left: var(--space-0) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-0\@xl {
    padding-right: var(--space-0) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-0\@xl {
    padding-top: var(--space-0) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-0\@xl {
    padding-bottom: var(--space-0) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-0\@xl {
    padding: var(--space-0) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-0\@xl {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-0\@xl {
    padding-right: var(--space-0) !important;
    padding-left: var(--space-0) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-50 {
  padding-left: var(--space-50) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-50 {
  padding-right: var(--space-50) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-50 {
  padding-top: var(--space-50) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-50 {
  padding-bottom: var(--space-50) !important;
}
.p-auto {
  padding: auto !important;
}
.p-50 {
  padding: var(--space-50) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-50 {
  padding-top: var(--space-50) !important;
  padding-bottom: var(--space-50) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-50 {
  padding-right: var(--space-50) !important;
  padding-left: var(--space-50) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-50\@sm {
    padding-left: var(--space-50) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-50\@sm {
    padding-right: var(--space-50) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-50\@sm {
    padding-top: var(--space-50) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-50\@sm {
    padding-bottom: var(--space-50) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-50\@sm {
    padding: var(--space-50) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-50\@sm {
    padding-top: var(--space-50) !important;
    padding-bottom: var(--space-50) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-50\@sm {
    padding-right: var(--space-50) !important;
    padding-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-50\@md {
    padding-left: var(--space-50) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-50\@md {
    padding-right: var(--space-50) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-50\@md {
    padding-top: var(--space-50) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-50\@md {
    padding-bottom: var(--space-50) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-50\@md {
    padding: var(--space-50) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-50\@md {
    padding-top: var(--space-50) !important;
    padding-bottom: var(--space-50) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-50\@md {
    padding-right: var(--space-50) !important;
    padding-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-50\@lg {
    padding-left: var(--space-50) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-50\@lg {
    padding-right: var(--space-50) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-50\@lg {
    padding-top: var(--space-50) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-50\@lg {
    padding-bottom: var(--space-50) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-50\@lg {
    padding: var(--space-50) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-50\@lg {
    padding-top: var(--space-50) !important;
    padding-bottom: var(--space-50) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-50\@lg {
    padding-right: var(--space-50) !important;
    padding-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-50\@xl {
    padding-left: var(--space-50) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-50\@xl {
    padding-right: var(--space-50) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-50\@xl {
    padding-top: var(--space-50) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-50\@xl {
    padding-bottom: var(--space-50) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-50\@xl {
    padding: var(--space-50) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-50\@xl {
    padding-top: var(--space-50) !important;
    padding-bottom: var(--space-50) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-50\@xl {
    padding-right: var(--space-50) !important;
    padding-left: var(--space-50) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-75 {
  padding-left: var(--space-75) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-75 {
  padding-right: var(--space-75) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-75 {
  padding-top: var(--space-75) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-75 {
  padding-bottom: var(--space-75) !important;
}
.p-auto {
  padding: auto !important;
}
.p-75 {
  padding: var(--space-75) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-75 {
  padding-top: var(--space-75) !important;
  padding-bottom: var(--space-75) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-75 {
  padding-right: var(--space-75) !important;
  padding-left: var(--space-75) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-75\@sm {
    padding-left: var(--space-75) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-75\@sm {
    padding-right: var(--space-75) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-75\@sm {
    padding-top: var(--space-75) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-75\@sm {
    padding-bottom: var(--space-75) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-75\@sm {
    padding: var(--space-75) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-75\@sm {
    padding-top: var(--space-75) !important;
    padding-bottom: var(--space-75) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-75\@sm {
    padding-right: var(--space-75) !important;
    padding-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-75\@md {
    padding-left: var(--space-75) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-75\@md {
    padding-right: var(--space-75) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-75\@md {
    padding-top: var(--space-75) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-75\@md {
    padding-bottom: var(--space-75) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-75\@md {
    padding: var(--space-75) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-75\@md {
    padding-top: var(--space-75) !important;
    padding-bottom: var(--space-75) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-75\@md {
    padding-right: var(--space-75) !important;
    padding-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-75\@lg {
    padding-left: var(--space-75) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-75\@lg {
    padding-right: var(--space-75) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-75\@lg {
    padding-top: var(--space-75) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-75\@lg {
    padding-bottom: var(--space-75) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-75\@lg {
    padding: var(--space-75) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-75\@lg {
    padding-top: var(--space-75) !important;
    padding-bottom: var(--space-75) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-75\@lg {
    padding-right: var(--space-75) !important;
    padding-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-75\@xl {
    padding-left: var(--space-75) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-75\@xl {
    padding-right: var(--space-75) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-75\@xl {
    padding-top: var(--space-75) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-75\@xl {
    padding-bottom: var(--space-75) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-75\@xl {
    padding: var(--space-75) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-75\@xl {
    padding-top: var(--space-75) !important;
    padding-bottom: var(--space-75) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-75\@xl {
    padding-right: var(--space-75) !important;
    padding-left: var(--space-75) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-100 {
  padding-left: var(--space-100) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-100 {
  padding-right: var(--space-100) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-100 {
  padding-top: var(--space-100) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-100 {
  padding-bottom: var(--space-100) !important;
}
.p-auto {
  padding: auto !important;
}
.p-100 {
  padding: var(--space-100) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-100 {
  padding-top: var(--space-100) !important;
  padding-bottom: var(--space-100) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-100 {
  padding-right: var(--space-100) !important;
  padding-left: var(--space-100) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-100\@sm {
    padding-left: var(--space-100) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-100\@sm {
    padding-right: var(--space-100) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-100\@sm {
    padding-top: var(--space-100) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-100\@sm {
    padding-bottom: var(--space-100) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-100\@sm {
    padding: var(--space-100) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-100\@sm {
    padding-top: var(--space-100) !important;
    padding-bottom: var(--space-100) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-100\@sm {
    padding-right: var(--space-100) !important;
    padding-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-100\@md {
    padding-left: var(--space-100) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-100\@md {
    padding-right: var(--space-100) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-100\@md {
    padding-top: var(--space-100) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-100\@md {
    padding-bottom: var(--space-100) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-100\@md {
    padding: var(--space-100) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-100\@md {
    padding-top: var(--space-100) !important;
    padding-bottom: var(--space-100) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-100\@md {
    padding-right: var(--space-100) !important;
    padding-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-100\@lg {
    padding-left: var(--space-100) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-100\@lg {
    padding-right: var(--space-100) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-100\@lg {
    padding-top: var(--space-100) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-100\@lg {
    padding-bottom: var(--space-100) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-100\@lg {
    padding: var(--space-100) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-100\@lg {
    padding-top: var(--space-100) !important;
    padding-bottom: var(--space-100) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-100\@lg {
    padding-right: var(--space-100) !important;
    padding-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-100\@xl {
    padding-left: var(--space-100) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-100\@xl {
    padding-right: var(--space-100) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-100\@xl {
    padding-top: var(--space-100) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-100\@xl {
    padding-bottom: var(--space-100) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-100\@xl {
    padding: var(--space-100) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-100\@xl {
    padding-top: var(--space-100) !important;
    padding-bottom: var(--space-100) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-100\@xl {
    padding-right: var(--space-100) !important;
    padding-left: var(--space-100) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-200 {
  padding-left: var(--space-200) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-200 {
  padding-right: var(--space-200) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-200 {
  padding-top: var(--space-200) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-200 {
  padding-bottom: var(--space-200) !important;
}
.p-auto {
  padding: auto !important;
}
.p-200 {
  padding: var(--space-200) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-200 {
  padding-top: var(--space-200) !important;
  padding-bottom: var(--space-200) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-200 {
  padding-right: var(--space-200) !important;
  padding-left: var(--space-200) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-200\@sm {
    padding-left: var(--space-200) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-200\@sm {
    padding-right: var(--space-200) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-200\@sm {
    padding-top: var(--space-200) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-200\@sm {
    padding-bottom: var(--space-200) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-200\@sm {
    padding: var(--space-200) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-200\@sm {
    padding-top: var(--space-200) !important;
    padding-bottom: var(--space-200) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-200\@sm {
    padding-right: var(--space-200) !important;
    padding-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-200\@md {
    padding-left: var(--space-200) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-200\@md {
    padding-right: var(--space-200) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-200\@md {
    padding-top: var(--space-200) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-200\@md {
    padding-bottom: var(--space-200) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-200\@md {
    padding: var(--space-200) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-200\@md {
    padding-top: var(--space-200) !important;
    padding-bottom: var(--space-200) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-200\@md {
    padding-right: var(--space-200) !important;
    padding-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-200\@lg {
    padding-left: var(--space-200) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-200\@lg {
    padding-right: var(--space-200) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-200\@lg {
    padding-top: var(--space-200) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-200\@lg {
    padding-bottom: var(--space-200) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-200\@lg {
    padding: var(--space-200) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-200\@lg {
    padding-top: var(--space-200) !important;
    padding-bottom: var(--space-200) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-200\@lg {
    padding-right: var(--space-200) !important;
    padding-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-200\@xl {
    padding-left: var(--space-200) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-200\@xl {
    padding-right: var(--space-200) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-200\@xl {
    padding-top: var(--space-200) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-200\@xl {
    padding-bottom: var(--space-200) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-200\@xl {
    padding: var(--space-200) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-200\@xl {
    padding-top: var(--space-200) !important;
    padding-bottom: var(--space-200) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-200\@xl {
    padding-right: var(--space-200) !important;
    padding-left: var(--space-200) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-300 {
  padding-left: var(--space-300) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-300 {
  padding-right: var(--space-300) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-300 {
  padding-top: var(--space-300) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-300 {
  padding-bottom: var(--space-300) !important;
}
.p-auto {
  padding: auto !important;
}
.p-300 {
  padding: var(--space-300) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-300 {
  padding-top: var(--space-300) !important;
  padding-bottom: var(--space-300) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-300 {
  padding-right: var(--space-300) !important;
  padding-left: var(--space-300) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-300\@sm {
    padding-left: var(--space-300) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-300\@sm {
    padding-right: var(--space-300) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-300\@sm {
    padding-top: var(--space-300) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-300\@sm {
    padding-bottom: var(--space-300) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-300\@sm {
    padding: var(--space-300) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-300\@sm {
    padding-top: var(--space-300) !important;
    padding-bottom: var(--space-300) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-300\@sm {
    padding-right: var(--space-300) !important;
    padding-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-300\@md {
    padding-left: var(--space-300) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-300\@md {
    padding-right: var(--space-300) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-300\@md {
    padding-top: var(--space-300) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-300\@md {
    padding-bottom: var(--space-300) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-300\@md {
    padding: var(--space-300) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-300\@md {
    padding-top: var(--space-300) !important;
    padding-bottom: var(--space-300) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-300\@md {
    padding-right: var(--space-300) !important;
    padding-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-300\@lg {
    padding-left: var(--space-300) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-300\@lg {
    padding-right: var(--space-300) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-300\@lg {
    padding-top: var(--space-300) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-300\@lg {
    padding-bottom: var(--space-300) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-300\@lg {
    padding: var(--space-300) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-300\@lg {
    padding-top: var(--space-300) !important;
    padding-bottom: var(--space-300) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-300\@lg {
    padding-right: var(--space-300) !important;
    padding-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-300\@xl {
    padding-left: var(--space-300) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-300\@xl {
    padding-right: var(--space-300) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-300\@xl {
    padding-top: var(--space-300) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-300\@xl {
    padding-bottom: var(--space-300) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-300\@xl {
    padding: var(--space-300) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-300\@xl {
    padding-top: var(--space-300) !important;
    padding-bottom: var(--space-300) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-300\@xl {
    padding-right: var(--space-300) !important;
    padding-left: var(--space-300) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-400 {
  padding-left: var(--space-400) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-400 {
  padding-right: var(--space-400) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-400 {
  padding-top: var(--space-400) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-400 {
  padding-bottom: var(--space-400) !important;
}
.p-auto {
  padding: auto !important;
}
.p-400 {
  padding: var(--space-400) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-400 {
  padding-top: var(--space-400) !important;
  padding-bottom: var(--space-400) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-400 {
  padding-right: var(--space-400) !important;
  padding-left: var(--space-400) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-400\@sm {
    padding-left: var(--space-400) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-400\@sm {
    padding-right: var(--space-400) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-400\@sm {
    padding-top: var(--space-400) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-400\@sm {
    padding-bottom: var(--space-400) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-400\@sm {
    padding: var(--space-400) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-400\@sm {
    padding-top: var(--space-400) !important;
    padding-bottom: var(--space-400) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-400\@sm {
    padding-right: var(--space-400) !important;
    padding-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-400\@md {
    padding-left: var(--space-400) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-400\@md {
    padding-right: var(--space-400) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-400\@md {
    padding-top: var(--space-400) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-400\@md {
    padding-bottom: var(--space-400) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-400\@md {
    padding: var(--space-400) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-400\@md {
    padding-top: var(--space-400) !important;
    padding-bottom: var(--space-400) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-400\@md {
    padding-right: var(--space-400) !important;
    padding-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-400\@lg {
    padding-left: var(--space-400) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-400\@lg {
    padding-right: var(--space-400) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-400\@lg {
    padding-top: var(--space-400) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-400\@lg {
    padding-bottom: var(--space-400) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-400\@lg {
    padding: var(--space-400) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-400\@lg {
    padding-top: var(--space-400) !important;
    padding-bottom: var(--space-400) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-400\@lg {
    padding-right: var(--space-400) !important;
    padding-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-400\@xl {
    padding-left: var(--space-400) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-400\@xl {
    padding-right: var(--space-400) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-400\@xl {
    padding-top: var(--space-400) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-400\@xl {
    padding-bottom: var(--space-400) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-400\@xl {
    padding: var(--space-400) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-400\@xl {
    padding-top: var(--space-400) !important;
    padding-bottom: var(--space-400) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-400\@xl {
    padding-right: var(--space-400) !important;
    padding-left: var(--space-400) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-500 {
  padding-left: var(--space-500) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-500 {
  padding-right: var(--space-500) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-500 {
  padding-top: var(--space-500) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-500 {
  padding-bottom: var(--space-500) !important;
}
.p-auto {
  padding: auto !important;
}
.p-500 {
  padding: var(--space-500) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-500 {
  padding-top: var(--space-500) !important;
  padding-bottom: var(--space-500) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-500 {
  padding-right: var(--space-500) !important;
  padding-left: var(--space-500) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-500\@sm {
    padding-left: var(--space-500) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-500\@sm {
    padding-right: var(--space-500) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-500\@sm {
    padding-top: var(--space-500) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-500\@sm {
    padding-bottom: var(--space-500) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-500\@sm {
    padding: var(--space-500) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-500\@sm {
    padding-top: var(--space-500) !important;
    padding-bottom: var(--space-500) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-500\@sm {
    padding-right: var(--space-500) !important;
    padding-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-500\@md {
    padding-left: var(--space-500) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-500\@md {
    padding-right: var(--space-500) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-500\@md {
    padding-top: var(--space-500) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-500\@md {
    padding-bottom: var(--space-500) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-500\@md {
    padding: var(--space-500) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-500\@md {
    padding-top: var(--space-500) !important;
    padding-bottom: var(--space-500) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-500\@md {
    padding-right: var(--space-500) !important;
    padding-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-500\@lg {
    padding-left: var(--space-500) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-500\@lg {
    padding-right: var(--space-500) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-500\@lg {
    padding-top: var(--space-500) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-500\@lg {
    padding-bottom: var(--space-500) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-500\@lg {
    padding: var(--space-500) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-500\@lg {
    padding-top: var(--space-500) !important;
    padding-bottom: var(--space-500) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-500\@lg {
    padding-right: var(--space-500) !important;
    padding-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-500\@xl {
    padding-left: var(--space-500) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-500\@xl {
    padding-right: var(--space-500) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-500\@xl {
    padding-top: var(--space-500) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-500\@xl {
    padding-bottom: var(--space-500) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-500\@xl {
    padding: var(--space-500) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-500\@xl {
    padding-top: var(--space-500) !important;
    padding-bottom: var(--space-500) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-500\@xl {
    padding-right: var(--space-500) !important;
    padding-left: var(--space-500) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-600 {
  padding-left: var(--space-600) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-600 {
  padding-right: var(--space-600) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-600 {
  padding-top: var(--space-600) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-600 {
  padding-bottom: var(--space-600) !important;
}
.p-auto {
  padding: auto !important;
}
.p-600 {
  padding: var(--space-600) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-600 {
  padding-top: var(--space-600) !important;
  padding-bottom: var(--space-600) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-600 {
  padding-right: var(--space-600) !important;
  padding-left: var(--space-600) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-600\@sm {
    padding-left: var(--space-600) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-600\@sm {
    padding-right: var(--space-600) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-600\@sm {
    padding-top: var(--space-600) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-600\@sm {
    padding-bottom: var(--space-600) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-600\@sm {
    padding: var(--space-600) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-600\@sm {
    padding-top: var(--space-600) !important;
    padding-bottom: var(--space-600) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-600\@sm {
    padding-right: var(--space-600) !important;
    padding-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-600\@md {
    padding-left: var(--space-600) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-600\@md {
    padding-right: var(--space-600) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-600\@md {
    padding-top: var(--space-600) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-600\@md {
    padding-bottom: var(--space-600) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-600\@md {
    padding: var(--space-600) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-600\@md {
    padding-top: var(--space-600) !important;
    padding-bottom: var(--space-600) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-600\@md {
    padding-right: var(--space-600) !important;
    padding-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-600\@lg {
    padding-left: var(--space-600) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-600\@lg {
    padding-right: var(--space-600) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-600\@lg {
    padding-top: var(--space-600) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-600\@lg {
    padding-bottom: var(--space-600) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-600\@lg {
    padding: var(--space-600) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-600\@lg {
    padding-top: var(--space-600) !important;
    padding-bottom: var(--space-600) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-600\@lg {
    padding-right: var(--space-600) !important;
    padding-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-600\@xl {
    padding-left: var(--space-600) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-600\@xl {
    padding-right: var(--space-600) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-600\@xl {
    padding-top: var(--space-600) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-600\@xl {
    padding-bottom: var(--space-600) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-600\@xl {
    padding: var(--space-600) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-600\@xl {
    padding-top: var(--space-600) !important;
    padding-bottom: var(--space-600) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-600\@xl {
    padding-right: var(--space-600) !important;
    padding-left: var(--space-600) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-700 {
  padding-left: var(--space-700) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-700 {
  padding-right: var(--space-700) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-700 {
  padding-top: var(--space-700) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-700 {
  padding-bottom: var(--space-700) !important;
}
.p-auto {
  padding: auto !important;
}
.p-700 {
  padding: var(--space-700) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-700 {
  padding-top: var(--space-700) !important;
  padding-bottom: var(--space-700) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-700 {
  padding-right: var(--space-700) !important;
  padding-left: var(--space-700) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-700\@sm {
    padding-left: var(--space-700) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-700\@sm {
    padding-right: var(--space-700) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-700\@sm {
    padding-top: var(--space-700) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-700\@sm {
    padding-bottom: var(--space-700) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-700\@sm {
    padding: var(--space-700) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-700\@sm {
    padding-top: var(--space-700) !important;
    padding-bottom: var(--space-700) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-700\@sm {
    padding-right: var(--space-700) !important;
    padding-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-700\@md {
    padding-left: var(--space-700) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-700\@md {
    padding-right: var(--space-700) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-700\@md {
    padding-top: var(--space-700) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-700\@md {
    padding-bottom: var(--space-700) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-700\@md {
    padding: var(--space-700) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-700\@md {
    padding-top: var(--space-700) !important;
    padding-bottom: var(--space-700) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-700\@md {
    padding-right: var(--space-700) !important;
    padding-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-700\@lg {
    padding-left: var(--space-700) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-700\@lg {
    padding-right: var(--space-700) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-700\@lg {
    padding-top: var(--space-700) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-700\@lg {
    padding-bottom: var(--space-700) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-700\@lg {
    padding: var(--space-700) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-700\@lg {
    padding-top: var(--space-700) !important;
    padding-bottom: var(--space-700) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-700\@lg {
    padding-right: var(--space-700) !important;
    padding-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-700\@xl {
    padding-left: var(--space-700) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-700\@xl {
    padding-right: var(--space-700) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-700\@xl {
    padding-top: var(--space-700) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-700\@xl {
    padding-bottom: var(--space-700) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-700\@xl {
    padding: var(--space-700) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-700\@xl {
    padding-top: var(--space-700) !important;
    padding-bottom: var(--space-700) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-700\@xl {
    padding-right: var(--space-700) !important;
    padding-left: var(--space-700) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-800 {
  padding-left: var(--space-800) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-800 {
  padding-right: var(--space-800) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-800 {
  padding-top: var(--space-800) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-800 {
  padding-bottom: var(--space-800) !important;
}
.p-auto {
  padding: auto !important;
}
.p-800 {
  padding: var(--space-800) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-800 {
  padding-top: var(--space-800) !important;
  padding-bottom: var(--space-800) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-800 {
  padding-right: var(--space-800) !important;
  padding-left: var(--space-800) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-800\@sm {
    padding-left: var(--space-800) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-800\@sm {
    padding-right: var(--space-800) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-800\@sm {
    padding-top: var(--space-800) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-800\@sm {
    padding-bottom: var(--space-800) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-800\@sm {
    padding: var(--space-800) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-800\@sm {
    padding-top: var(--space-800) !important;
    padding-bottom: var(--space-800) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-800\@sm {
    padding-right: var(--space-800) !important;
    padding-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-800\@md {
    padding-left: var(--space-800) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-800\@md {
    padding-right: var(--space-800) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-800\@md {
    padding-top: var(--space-800) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-800\@md {
    padding-bottom: var(--space-800) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-800\@md {
    padding: var(--space-800) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-800\@md {
    padding-top: var(--space-800) !important;
    padding-bottom: var(--space-800) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-800\@md {
    padding-right: var(--space-800) !important;
    padding-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-800\@lg {
    padding-left: var(--space-800) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-800\@lg {
    padding-right: var(--space-800) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-800\@lg {
    padding-top: var(--space-800) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-800\@lg {
    padding-bottom: var(--space-800) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-800\@lg {
    padding: var(--space-800) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-800\@lg {
    padding-top: var(--space-800) !important;
    padding-bottom: var(--space-800) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-800\@lg {
    padding-right: var(--space-800) !important;
    padding-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-800\@xl {
    padding-left: var(--space-800) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-800\@xl {
    padding-right: var(--space-800) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-800\@xl {
    padding-top: var(--space-800) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-800\@xl {
    padding-bottom: var(--space-800) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-800\@xl {
    padding: var(--space-800) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-800\@xl {
    padding-top: var(--space-800) !important;
    padding-bottom: var(--space-800) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-800\@xl {
    padding-right: var(--space-800) !important;
    padding-left: var(--space-800) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-900 {
  padding-left: var(--space-900) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-900 {
  padding-right: var(--space-900) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-900 {
  padding-top: var(--space-900) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-900 {
  padding-bottom: var(--space-900) !important;
}
.p-auto {
  padding: auto !important;
}
.p-900 {
  padding: var(--space-900) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-900 {
  padding-top: var(--space-900) !important;
  padding-bottom: var(--space-900) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-900 {
  padding-right: var(--space-900) !important;
  padding-left: var(--space-900) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-900\@sm {
    padding-left: var(--space-900) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-900\@sm {
    padding-right: var(--space-900) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-900\@sm {
    padding-top: var(--space-900) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-900\@sm {
    padding-bottom: var(--space-900) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-900\@sm {
    padding: var(--space-900) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-900\@sm {
    padding-top: var(--space-900) !important;
    padding-bottom: var(--space-900) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-900\@sm {
    padding-right: var(--space-900) !important;
    padding-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-900\@md {
    padding-left: var(--space-900) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-900\@md {
    padding-right: var(--space-900) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-900\@md {
    padding-top: var(--space-900) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-900\@md {
    padding-bottom: var(--space-900) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-900\@md {
    padding: var(--space-900) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-900\@md {
    padding-top: var(--space-900) !important;
    padding-bottom: var(--space-900) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-900\@md {
    padding-right: var(--space-900) !important;
    padding-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-900\@lg {
    padding-left: var(--space-900) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-900\@lg {
    padding-right: var(--space-900) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-900\@lg {
    padding-top: var(--space-900) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-900\@lg {
    padding-bottom: var(--space-900) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-900\@lg {
    padding: var(--space-900) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-900\@lg {
    padding-top: var(--space-900) !important;
    padding-bottom: var(--space-900) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-900\@lg {
    padding-right: var(--space-900) !important;
    padding-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-900\@xl {
    padding-left: var(--space-900) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-900\@xl {
    padding-right: var(--space-900) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-900\@xl {
    padding-top: var(--space-900) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-900\@xl {
    padding-bottom: var(--space-900) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-900\@xl {
    padding: var(--space-900) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-900\@xl {
    padding-top: var(--space-900) !important;
    padding-bottom: var(--space-900) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-900\@xl {
    padding-right: var(--space-900) !important;
    padding-left: var(--space-900) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-1000 {
  padding-left: var(--space-1000) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-1000 {
  padding-right: var(--space-1000) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-1000 {
  padding-top: var(--space-1000) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-1000 {
  padding-bottom: var(--space-1000) !important;
}
.p-auto {
  padding: auto !important;
}
.p-1000 {
  padding: var(--space-1000) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-1000 {
  padding-top: var(--space-1000) !important;
  padding-bottom: var(--space-1000) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-1000 {
  padding-right: var(--space-1000) !important;
  padding-left: var(--space-1000) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-1000\@sm {
    padding-left: var(--space-1000) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-1000\@sm {
    padding-right: var(--space-1000) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-1000\@sm {
    padding-top: var(--space-1000) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-1000\@sm {
    padding-bottom: var(--space-1000) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-1000\@sm {
    padding: var(--space-1000) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-1000\@sm {
    padding-top: var(--space-1000) !important;
    padding-bottom: var(--space-1000) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-1000\@sm {
    padding-right: var(--space-1000) !important;
    padding-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-1000\@md {
    padding-left: var(--space-1000) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-1000\@md {
    padding-right: var(--space-1000) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-1000\@md {
    padding-top: var(--space-1000) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-1000\@md {
    padding-bottom: var(--space-1000) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-1000\@md {
    padding: var(--space-1000) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-1000\@md {
    padding-top: var(--space-1000) !important;
    padding-bottom: var(--space-1000) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-1000\@md {
    padding-right: var(--space-1000) !important;
    padding-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-1000\@lg {
    padding-left: var(--space-1000) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-1000\@lg {
    padding-right: var(--space-1000) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-1000\@lg {
    padding-top: var(--space-1000) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-1000\@lg {
    padding-bottom: var(--space-1000) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-1000\@lg {
    padding: var(--space-1000) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-1000\@lg {
    padding-top: var(--space-1000) !important;
    padding-bottom: var(--space-1000) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-1000\@lg {
    padding-right: var(--space-1000) !important;
    padding-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-1000\@xl {
    padding-left: var(--space-1000) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-1000\@xl {
    padding-right: var(--space-1000) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-1000\@xl {
    padding-top: var(--space-1000) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-1000\@xl {
    padding-bottom: var(--space-1000) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-1000\@xl {
    padding: var(--space-1000) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-1000\@xl {
    padding-top: var(--space-1000) !important;
    padding-bottom: var(--space-1000) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-1000\@xl {
    padding-right: var(--space-1000) !important;
    padding-left: var(--space-1000) !important;
  }
}
.gap-r-0 {
  row-gap: var(--space-0) !important;
}
.gap-c-0 {
  column-gap: var(--space-0) !important;
}
.gap-0 {
  gap: var(--space-0) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-0\@sm {
    row-gap: var(--space-0) !important;
  }
  .gap-c-0\@sm {
    column-gap: var(--space-0) !important;
  }
  .gap-0\@sm {
    gap: var(--space-0) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-0\@md {
    row-gap: var(--space-0) !important;
  }
  .gap-c-0\@md {
    column-gap: var(--space-0) !important;
  }
  .gap-0\@md {
    gap: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-0\@lg {
    row-gap: var(--space-0) !important;
  }
  .gap-c-0\@lg {
    column-gap: var(--space-0) !important;
  }
  .gap-0\@lg {
    gap: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-0\@xl {
    row-gap: var(--space-0) !important;
  }
  .gap-c-0\@xl {
    column-gap: var(--space-0) !important;
  }
  .gap-0\@xl {
    gap: var(--space-0) !important;
  }
}
.gap-r-50 {
  row-gap: var(--space-50) !important;
}
.gap-c-50 {
  column-gap: var(--space-50) !important;
}
.gap-50 {
  gap: var(--space-50) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-50\@sm {
    row-gap: var(--space-50) !important;
  }
  .gap-c-50\@sm {
    column-gap: var(--space-50) !important;
  }
  .gap-50\@sm {
    gap: var(--space-50) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-50\@md {
    row-gap: var(--space-50) !important;
  }
  .gap-c-50\@md {
    column-gap: var(--space-50) !important;
  }
  .gap-50\@md {
    gap: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-50\@lg {
    row-gap: var(--space-50) !important;
  }
  .gap-c-50\@lg {
    column-gap: var(--space-50) !important;
  }
  .gap-50\@lg {
    gap: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-50\@xl {
    row-gap: var(--space-50) !important;
  }
  .gap-c-50\@xl {
    column-gap: var(--space-50) !important;
  }
  .gap-50\@xl {
    gap: var(--space-50) !important;
  }
}
.gap-r-75 {
  row-gap: var(--space-75) !important;
}
.gap-c-75 {
  column-gap: var(--space-75) !important;
}
.gap-75 {
  gap: var(--space-75) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-75\@sm {
    row-gap: var(--space-75) !important;
  }
  .gap-c-75\@sm {
    column-gap: var(--space-75) !important;
  }
  .gap-75\@sm {
    gap: var(--space-75) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-75\@md {
    row-gap: var(--space-75) !important;
  }
  .gap-c-75\@md {
    column-gap: var(--space-75) !important;
  }
  .gap-75\@md {
    gap: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-75\@lg {
    row-gap: var(--space-75) !important;
  }
  .gap-c-75\@lg {
    column-gap: var(--space-75) !important;
  }
  .gap-75\@lg {
    gap: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-75\@xl {
    row-gap: var(--space-75) !important;
  }
  .gap-c-75\@xl {
    column-gap: var(--space-75) !important;
  }
  .gap-75\@xl {
    gap: var(--space-75) !important;
  }
}
.gap-r-100 {
  row-gap: var(--space-100) !important;
}
.gap-c-100 {
  column-gap: var(--space-100) !important;
}
.gap-100 {
  gap: var(--space-100) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-100\@sm {
    row-gap: var(--space-100) !important;
  }
  .gap-c-100\@sm {
    column-gap: var(--space-100) !important;
  }
  .gap-100\@sm {
    gap: var(--space-100) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-100\@md {
    row-gap: var(--space-100) !important;
  }
  .gap-c-100\@md {
    column-gap: var(--space-100) !important;
  }
  .gap-100\@md {
    gap: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-100\@lg {
    row-gap: var(--space-100) !important;
  }
  .gap-c-100\@lg {
    column-gap: var(--space-100) !important;
  }
  .gap-100\@lg {
    gap: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-100\@xl {
    row-gap: var(--space-100) !important;
  }
  .gap-c-100\@xl {
    column-gap: var(--space-100) !important;
  }
  .gap-100\@xl {
    gap: var(--space-100) !important;
  }
}
.gap-r-200 {
  row-gap: var(--space-200) !important;
}
.gap-c-200 {
  column-gap: var(--space-200) !important;
}
.gap-200 {
  gap: var(--space-200) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-200\@sm {
    row-gap: var(--space-200) !important;
  }
  .gap-c-200\@sm {
    column-gap: var(--space-200) !important;
  }
  .gap-200\@sm {
    gap: var(--space-200) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-200\@md {
    row-gap: var(--space-200) !important;
  }
  .gap-c-200\@md {
    column-gap: var(--space-200) !important;
  }
  .gap-200\@md {
    gap: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-200\@lg {
    row-gap: var(--space-200) !important;
  }
  .gap-c-200\@lg {
    column-gap: var(--space-200) !important;
  }
  .gap-200\@lg {
    gap: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-200\@xl {
    row-gap: var(--space-200) !important;
  }
  .gap-c-200\@xl {
    column-gap: var(--space-200) !important;
  }
  .gap-200\@xl {
    gap: var(--space-200) !important;
  }
}
.gap-r-300 {
  row-gap: var(--space-300) !important;
}
.gap-c-300 {
  column-gap: var(--space-300) !important;
}
.gap-300 {
  gap: var(--space-300) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-300\@sm {
    row-gap: var(--space-300) !important;
  }
  .gap-c-300\@sm {
    column-gap: var(--space-300) !important;
  }
  .gap-300\@sm {
    gap: var(--space-300) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-300\@md {
    row-gap: var(--space-300) !important;
  }
  .gap-c-300\@md {
    column-gap: var(--space-300) !important;
  }
  .gap-300\@md {
    gap: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-300\@lg {
    row-gap: var(--space-300) !important;
  }
  .gap-c-300\@lg {
    column-gap: var(--space-300) !important;
  }
  .gap-300\@lg {
    gap: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-300\@xl {
    row-gap: var(--space-300) !important;
  }
  .gap-c-300\@xl {
    column-gap: var(--space-300) !important;
  }
  .gap-300\@xl {
    gap: var(--space-300) !important;
  }
}
.gap-r-400 {
  row-gap: var(--space-400) !important;
}
.gap-c-400 {
  column-gap: var(--space-400) !important;
}
.gap-400 {
  gap: var(--space-400) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-400\@sm {
    row-gap: var(--space-400) !important;
  }
  .gap-c-400\@sm {
    column-gap: var(--space-400) !important;
  }
  .gap-400\@sm {
    gap: var(--space-400) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-400\@md {
    row-gap: var(--space-400) !important;
  }
  .gap-c-400\@md {
    column-gap: var(--space-400) !important;
  }
  .gap-400\@md {
    gap: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-400\@lg {
    row-gap: var(--space-400) !important;
  }
  .gap-c-400\@lg {
    column-gap: var(--space-400) !important;
  }
  .gap-400\@lg {
    gap: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-400\@xl {
    row-gap: var(--space-400) !important;
  }
  .gap-c-400\@xl {
    column-gap: var(--space-400) !important;
  }
  .gap-400\@xl {
    gap: var(--space-400) !important;
  }
}
.gap-r-500 {
  row-gap: var(--space-500) !important;
}
.gap-c-500 {
  column-gap: var(--space-500) !important;
}
.gap-500 {
  gap: var(--space-500) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-500\@sm {
    row-gap: var(--space-500) !important;
  }
  .gap-c-500\@sm {
    column-gap: var(--space-500) !important;
  }
  .gap-500\@sm {
    gap: var(--space-500) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-500\@md {
    row-gap: var(--space-500) !important;
  }
  .gap-c-500\@md {
    column-gap: var(--space-500) !important;
  }
  .gap-500\@md {
    gap: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-500\@lg {
    row-gap: var(--space-500) !important;
  }
  .gap-c-500\@lg {
    column-gap: var(--space-500) !important;
  }
  .gap-500\@lg {
    gap: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-500\@xl {
    row-gap: var(--space-500) !important;
  }
  .gap-c-500\@xl {
    column-gap: var(--space-500) !important;
  }
  .gap-500\@xl {
    gap: var(--space-500) !important;
  }
}
.gap-r-600 {
  row-gap: var(--space-600) !important;
}
.gap-c-600 {
  column-gap: var(--space-600) !important;
}
.gap-600 {
  gap: var(--space-600) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-600\@sm {
    row-gap: var(--space-600) !important;
  }
  .gap-c-600\@sm {
    column-gap: var(--space-600) !important;
  }
  .gap-600\@sm {
    gap: var(--space-600) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-600\@md {
    row-gap: var(--space-600) !important;
  }
  .gap-c-600\@md {
    column-gap: var(--space-600) !important;
  }
  .gap-600\@md {
    gap: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-600\@lg {
    row-gap: var(--space-600) !important;
  }
  .gap-c-600\@lg {
    column-gap: var(--space-600) !important;
  }
  .gap-600\@lg {
    gap: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-600\@xl {
    row-gap: var(--space-600) !important;
  }
  .gap-c-600\@xl {
    column-gap: var(--space-600) !important;
  }
  .gap-600\@xl {
    gap: var(--space-600) !important;
  }
}
.gap-r-700 {
  row-gap: var(--space-700) !important;
}
.gap-c-700 {
  column-gap: var(--space-700) !important;
}
.gap-700 {
  gap: var(--space-700) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-700\@sm {
    row-gap: var(--space-700) !important;
  }
  .gap-c-700\@sm {
    column-gap: var(--space-700) !important;
  }
  .gap-700\@sm {
    gap: var(--space-700) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-700\@md {
    row-gap: var(--space-700) !important;
  }
  .gap-c-700\@md {
    column-gap: var(--space-700) !important;
  }
  .gap-700\@md {
    gap: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-700\@lg {
    row-gap: var(--space-700) !important;
  }
  .gap-c-700\@lg {
    column-gap: var(--space-700) !important;
  }
  .gap-700\@lg {
    gap: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-700\@xl {
    row-gap: var(--space-700) !important;
  }
  .gap-c-700\@xl {
    column-gap: var(--space-700) !important;
  }
  .gap-700\@xl {
    gap: var(--space-700) !important;
  }
}
.gap-r-800 {
  row-gap: var(--space-800) !important;
}
.gap-c-800 {
  column-gap: var(--space-800) !important;
}
.gap-800 {
  gap: var(--space-800) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-800\@sm {
    row-gap: var(--space-800) !important;
  }
  .gap-c-800\@sm {
    column-gap: var(--space-800) !important;
  }
  .gap-800\@sm {
    gap: var(--space-800) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-800\@md {
    row-gap: var(--space-800) !important;
  }
  .gap-c-800\@md {
    column-gap: var(--space-800) !important;
  }
  .gap-800\@md {
    gap: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-800\@lg {
    row-gap: var(--space-800) !important;
  }
  .gap-c-800\@lg {
    column-gap: var(--space-800) !important;
  }
  .gap-800\@lg {
    gap: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-800\@xl {
    row-gap: var(--space-800) !important;
  }
  .gap-c-800\@xl {
    column-gap: var(--space-800) !important;
  }
  .gap-800\@xl {
    gap: var(--space-800) !important;
  }
}
.gap-r-900 {
  row-gap: var(--space-900) !important;
}
.gap-c-900 {
  column-gap: var(--space-900) !important;
}
.gap-900 {
  gap: var(--space-900) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-900\@sm {
    row-gap: var(--space-900) !important;
  }
  .gap-c-900\@sm {
    column-gap: var(--space-900) !important;
  }
  .gap-900\@sm {
    gap: var(--space-900) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-900\@md {
    row-gap: var(--space-900) !important;
  }
  .gap-c-900\@md {
    column-gap: var(--space-900) !important;
  }
  .gap-900\@md {
    gap: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-900\@lg {
    row-gap: var(--space-900) !important;
  }
  .gap-c-900\@lg {
    column-gap: var(--space-900) !important;
  }
  .gap-900\@lg {
    gap: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-900\@xl {
    row-gap: var(--space-900) !important;
  }
  .gap-c-900\@xl {
    column-gap: var(--space-900) !important;
  }
  .gap-900\@xl {
    gap: var(--space-900) !important;
  }
}
.gap-r-1000 {
  row-gap: var(--space-1000) !important;
}
.gap-c-1000 {
  column-gap: var(--space-1000) !important;
}
.gap-1000 {
  gap: var(--space-1000) !important;
}
@media only screen and (min-width: 768px) {
  .gap-r-1000\@sm {
    row-gap: var(--space-1000) !important;
  }
  .gap-c-1000\@sm {
    column-gap: var(--space-1000) !important;
  }
  .gap-1000\@sm {
    gap: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 992px) {
  .gap-r-1000\@md {
    row-gap: var(--space-1000) !important;
  }
  .gap-c-1000\@md {
    column-gap: var(--space-1000) !important;
  }
  .gap-1000\@md {
    gap: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-r-1000\@lg {
    row-gap: var(--space-1000) !important;
  }
  .gap-c-1000\@lg {
    column-gap: var(--space-1000) !important;
  }
  .gap-1000\@lg {
    gap: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .gap-r-1000\@xl {
    row-gap: var(--space-1000) !important;
  }
  .gap-c-1000\@xl {
    column-gap: var(--space-1000) !important;
  }
  .gap-1000\@xl {
    gap: var(--space-1000) !important;
  }
}
.d-block {
  display: block !important;
}
.d-contents {
  display: contents !important;
}
.d-flex {
  display: flex !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-initial {
  display: initial !important;
}
.d-inherit {
  display: inherit !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.d-revert {
  display: revert !important;
}
.d-unset {
  display: unset !important;
}
.d-table {
  display: table !important;
}
.d-table-cell {
  display: table-cell !important;
}
@media only screen and (min-width: 768px) {
  .d-block\@sm {
    display: block !important;
  }
  .d-contents\@sm {
    display: contents !important;
  }
  .d-flex\@sm {
    display: flex !important;
  }
  .d-grid\@sm {
    display: grid !important;
  }
  .d-inline-grid\@sm {
    display: inline-grid !important;
  }
  .d-initial\@sm {
    display: initial !important;
  }
  .d-inherit\@sm {
    display: inherit !important;
  }
  .d-inline\@sm {
    display: inline !important;
  }
  .d-inline-block\@sm {
    display: inline-block !important;
  }
  .d-inline-flex\@sm {
    display: inline-flex !important;
  }
  .d-none\@sm {
    display: none !important;
  }
  .d-revert\@sm {
    display: revert !important;
  }
  .d-unset\@sm {
    display: unset !important;
  }
  .d-table\@sm {
    display: table !important;
  }
  .d-table-cell\@sm {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 992px) {
  .d-block\@md {
    display: block !important;
  }
  .d-contents\@md {
    display: contents !important;
  }
  .d-flex\@md {
    display: flex !important;
  }
  .d-grid\@md {
    display: grid !important;
  }
  .d-inline-grid\@md {
    display: inline-grid !important;
  }
  .d-initial\@md {
    display: initial !important;
  }
  .d-inherit\@md {
    display: inherit !important;
  }
  .d-inline\@md {
    display: inline !important;
  }
  .d-inline-block\@md {
    display: inline-block !important;
  }
  .d-inline-flex\@md {
    display: inline-flex !important;
  }
  .d-none\@md {
    display: none !important;
  }
  .d-revert\@md {
    display: revert !important;
  }
  .d-unset\@md {
    display: unset !important;
  }
  .d-table\@md {
    display: table !important;
  }
  .d-table-cell\@md {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-block\@lg {
    display: block !important;
  }
  .d-contents\@lg {
    display: contents !important;
  }
  .d-flex\@lg {
    display: flex !important;
  }
  .d-grid\@lg {
    display: grid !important;
  }
  .d-inline-grid\@lg {
    display: inline-grid !important;
  }
  .d-initial\@lg {
    display: initial !important;
  }
  .d-inherit\@lg {
    display: inherit !important;
  }
  .d-inline\@lg {
    display: inline !important;
  }
  .d-inline-block\@lg {
    display: inline-block !important;
  }
  .d-inline-flex\@lg {
    display: inline-flex !important;
  }
  .d-none\@lg {
    display: none !important;
  }
  .d-revert\@lg {
    display: revert !important;
  }
  .d-unset\@lg {
    display: unset !important;
  }
  .d-table\@lg {
    display: table !important;
  }
  .d-table-cell\@lg {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 1600px) {
  .d-block\@xl {
    display: block !important;
  }
  .d-contents\@xl {
    display: contents !important;
  }
  .d-flex\@xl {
    display: flex !important;
  }
  .d-grid\@xl {
    display: grid !important;
  }
  .d-inline-grid\@xl {
    display: inline-grid !important;
  }
  .d-initial\@xl {
    display: initial !important;
  }
  .d-inherit\@xl {
    display: inherit !important;
  }
  .d-inline\@xl {
    display: inline !important;
  }
  .d-inline-block\@xl {
    display: inline-block !important;
  }
  .d-inline-flex\@xl {
    display: inline-flex !important;
  }
  .d-none\@xl {
    display: none !important;
  }
  .d-revert\@xl {
    display: revert !important;
  }
  .d-unset\@xl {
    display: unset !important;
  }
  .d-table\@xl {
    display: table !important;
  }
  .d-table-cell\@xl {
    display: table-cell !important;
  }
}
.table-fixed {
  table-layout: fixed !important;
}
.v-hidden {
  visibility: hidden !important;
}
.v-visible {
  visibility: visible !important;
}
.sr-only {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.pos-static {
  position: static !important;
}
.pos-relative {
  position: relative !important;
}
.pos-absolute {
  position: absolute !important;
}
.pos-fixed {
  position: fixed !important;
}
.pos-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.right-0 {
  right: 0 !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.left-0 {
  left: 0 !important;
}
.v-a-middle {
  vertical-align: middle !important;
}
.v-a-top {
  vertical-align: top !important;
}
.v-a-bottom {
  vertical-align: bottom !important;
}
.v-a-text-top {
  vertical-align: text-top !important;
}
.v-a-text-bottom {
  vertical-align: text-bottom !important;
}
.v-a-baseline {
  vertical-align: baseline !important;
}
.of-hidden {
  overflow: hidden !important;
}
.of-scroll {
  overflow: scroll !important;
}
.of-auto {
  overflow: auto !important;
}
.of-visible {
  overflow: visible !important;
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* node_modules/lucide-static/font/lucide.css */
@font-face {
  font-family: "lucide";
  src: url("./media/lucide.eot?t=1774461002379");
  src:
    url("./media/lucide.eot?t=1774461002379#iefix") format("embedded-opentype"),
    url("./media/lucide.woff2?t=1774461002379") format("woff2"),
    url("./media/lucide.woff?t=1774461002379") format("woff"),
    url("./media/lucide.ttf?t=1774461002379") format("truetype"),
    url("./media/lucide.svg?t=1774461002379") format("svg");
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "lucide" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-a-arrow-down::before {
  content: "\e585";
}
.icon-a-arrow-up::before {
  content: "\e586";
}
.icon-a-large-small::before {
  content: "\e587";
}
.icon-accessibility::before {
  content: "\e297";
}
.icon-activity-square::before {
  content: "\e4b4";
}
.icon-activity::before {
  content: "\e038";
}
.icon-air-vent::before {
  content: "\e34d";
}
.icon-airplay::before {
  content: "\e039";
}
.icon-alarm-check::before {
  content: "\e1ec";
}
.icon-alarm-clock-check::before {
  content: "\e1ec";
}
.icon-alarm-clock-minus::before {
  content: "\e1ed";
}
.icon-alarm-clock-off::before {
  content: "\e23b";
}
.icon-alarm-clock-plus::before {
  content: "\e1ee";
}
.icon-alarm-clock::before {
  content: "\e03a";
}
.icon-alarm-minus::before {
  content: "\e1ed";
}
.icon-alarm-plus::before {
  content: "\e1ee";
}
.icon-alarm-smoke::before {
  content: "\e57b";
}
.icon-album::before {
  content: "\e03b";
}
.icon-alert-circle::before {
  content: "\e077";
}
.icon-alert-octagon::before {
  content: "\e127";
}
.icon-alert-triangle::before {
  content: "\e193";
}
.icon-align-center-horizontal::before {
  content: "\e26c";
}
.icon-align-center-vertical::before {
  content: "\e26d";
}
.icon-align-center::before {
  content: "\e182";
}
.icon-align-end-horizontal::before {
  content: "\e26e";
}
.icon-align-end-vertical::before {
  content: "\e26f";
}
.icon-align-horizontal-distribute-center::before {
  content: "\e03c";
}
.icon-align-horizontal-distribute-end::before {
  content: "\e03d";
}
.icon-align-horizontal-distribute-start::before {
  content: "\e03e";
}
.icon-align-horizontal-justify-center::before {
  content: "\e272";
}
.icon-align-horizontal-justify-end::before {
  content: "\e273";
}
.icon-align-horizontal-justify-start::before {
  content: "\e274";
}
.icon-align-horizontal-space-around::before {
  content: "\e275";
}
.icon-align-horizontal-space-between::before {
  content: "\e276";
}
.icon-align-justify::before {
  content: "\e184";
}
.icon-align-left::before {
  content: "\e185";
}
.icon-align-right::before {
  content: "\e183";
}
.icon-align-start-horizontal::before {
  content: "\e270";
}
.icon-align-start-vertical::before {
  content: "\e271";
}
.icon-align-vertical-distribute-center::before {
  content: "\e27e";
}
.icon-align-vertical-distribute-end::before {
  content: "\e27f";
}
.icon-align-vertical-distribute-start::before {
  content: "\e280";
}
.icon-align-vertical-justify-center::before {
  content: "\e277";
}
.icon-align-vertical-justify-end::before {
  content: "\e278";
}
.icon-align-vertical-justify-start::before {
  content: "\e279";
}
.icon-align-vertical-space-around::before {
  content: "\e27a";
}
.icon-align-vertical-space-between::before {
  content: "\e27b";
}
.icon-ambulance::before {
  content: "\e5bb";
}
.icon-ampersand::before {
  content: "\e49c";
}
.icon-ampersands::before {
  content: "\e49d";
}
.icon-amphora::before {
  content: "\e61b";
}
.icon-anchor::before {
  content: "\e03f";
}
.icon-angry::before {
  content: "\e2fc";
}
.icon-annoyed::before {
  content: "\e2fd";
}
.icon-antenna::before {
  content: "\e4e2";
}
.icon-anvil::before {
  content: "\e580";
}
.icon-aperture::before {
  content: "\e040";
}
.icon-app-window-mac::before {
  content: "\e5d2";
}
.icon-app-window::before {
  content: "\e426";
}
.icon-apple::before {
  content: "\e34e";
}
.icon-archive-restore::before {
  content: "\e2cd";
}
.icon-archive-x::before {
  content: "\e50c";
}
.icon-archive::before {
  content: "\e041";
}
.icon-area-chart::before {
  content: "\e4d3";
}
.icon-armchair::before {
  content: "\e2c0";
}
.icon-arrow-big-down-dash::before {
  content: "\e41d";
}
.icon-arrow-big-down::before {
  content: "\e1e1";
}
.icon-arrow-big-left-dash::before {
  content: "\e41e";
}
.icon-arrow-big-left::before {
  content: "\e1e2";
}
.icon-arrow-big-right-dash::before {
  content: "\e41f";
}
.icon-arrow-big-right::before {
  content: "\e1e3";
}
.icon-arrow-big-up-dash::before {
  content: "\e420";
}
.icon-arrow-big-up::before {
  content: "\e1e4";
}
.icon-arrow-down-0-1::before {
  content: "\e413";
}
.icon-arrow-down-01::before {
  content: "\e413";
}
.icon-arrow-down-1-0::before {
  content: "\e414";
}
.icon-arrow-down-10::before {
  content: "\e414";
}
.icon-arrow-down-a-z::before {
  content: "\e415";
}
.icon-arrow-down-az::before {
  content: "\e415";
}
.icon-arrow-down-circle::before {
  content: "\e078";
}
.icon-arrow-down-from-line::before {
  content: "\e454";
}
.icon-arrow-down-left-from-circle::before {
  content: "\e3f7";
}
.icon-arrow-down-left-from-square::before {
  content: "\e5a1";
}
.icon-arrow-down-left-square::before {
  content: "\e4b5";
}
.icon-arrow-down-left::before {
  content: "\e043";
}
.icon-arrow-down-narrow-wide::before {
  content: "\e044";
}
.icon-arrow-down-right-from-circle::before {
  content: "\e3f8";
}
.icon-arrow-down-right-from-square::before {
  content: "\e5a2";
}
.icon-arrow-down-right-square::before {
  content: "\e4b6";
}
.icon-arrow-down-right::before {
  content: "\e045";
}
.icon-arrow-down-square::before {
  content: "\e427";
}
.icon-arrow-down-to-dot::before {
  content: "\e44d";
}
.icon-arrow-down-to-line::before {
  content: "\e455";
}
.icon-arrow-down-up::before {
  content: "\e046";
}
.icon-arrow-down-wide-narrow::before {
  content: "\e047";
}
.icon-arrow-down-z-a::before {
  content: "\e416";
}
.icon-arrow-down-za::before {
  content: "\e416";
}
.icon-arrow-down::before {
  content: "\e042";
}
.icon-arrow-left-circle::before {
  content: "\e079";
}
.icon-arrow-left-from-line::before {
  content: "\e456";
}
.icon-arrow-left-right::before {
  content: "\e24a";
}
.icon-arrow-left-square::before {
  content: "\e428";
}
.icon-arrow-left-to-line::before {
  content: "\e457";
}
.icon-arrow-left::before {
  content: "\e048";
}
.icon-arrow-right-circle::before {
  content: "\e07a";
}
.icon-arrow-right-from-line::before {
  content: "\e458";
}
.icon-arrow-right-left::before {
  content: "\e417";
}
.icon-arrow-right-square::before {
  content: "\e429";
}
.icon-arrow-right-to-line::before {
  content: "\e459";
}
.icon-arrow-right::before {
  content: "\e049";
}
.icon-arrow-up-0-1::before {
  content: "\e418";
}
.icon-arrow-up-01::before {
  content: "\e418";
}
.icon-arrow-up-1-0::before {
  content: "\e419";
}
.icon-arrow-up-10::before {
  content: "\e419";
}
.icon-arrow-up-a-z::before {
  content: "\e41a";
}
.icon-arrow-up-az::before {
  content: "\e41a";
}
.icon-arrow-up-circle::before {
  content: "\e07b";
}
.icon-arrow-up-down::before {
  content: "\e37d";
}
.icon-arrow-up-from-dot::before {
  content: "\e44e";
}
.icon-arrow-up-from-line::before {
  content: "\e45a";
}
.icon-arrow-up-left-from-circle::before {
  content: "\e3f9";
}
.icon-arrow-up-left-from-square::before {
  content: "\e5a3";
}
.icon-arrow-up-left-square::before {
  content: "\e4b7";
}
.icon-arrow-up-left::before {
  content: "\e04b";
}
.icon-arrow-up-narrow-wide::before {
  content: "\e04c";
}
.icon-arrow-up-right-from-circle::before {
  content: "\e3fa";
}
.icon-arrow-up-right-from-square::before {
  content: "\e5a4";
}
.icon-arrow-up-right-square::before {
  content: "\e4b8";
}
.icon-arrow-up-right::before {
  content: "\e04d";
}
.icon-arrow-up-square::before {
  content: "\e42a";
}
.icon-arrow-up-to-line::before {
  content: "\e45b";
}
.icon-arrow-up-wide-narrow::before {
  content: "\e41b";
}
.icon-arrow-up-z-a::before {
  content: "\e41c";
}
.icon-arrow-up-za::before {
  content: "\e41c";
}
.icon-arrow-up::before {
  content: "\e04a";
}
.icon-arrows-up-from-line::before {
  content: "\e4d4";
}
.icon-asterisk-square::before {
  content: "\e168";
}
.icon-asterisk::before {
  content: "\e1ef";
}
.icon-at-sign::before {
  content: "\e04e";
}
.icon-atom::before {
  content: "\e3d7";
}
.icon-audio-lines::before {
  content: "\e55a";
}
.icon-audio-waveform::before {
  content: "\e55b";
}
.icon-award::before {
  content: "\e04f";
}
.icon-axe::before {
  content: "\e050";
}
.icon-axis-3-d::before {
  content: "\e2fe";
}
.icon-axis-3d::before {
  content: "\e2fe";
}
.icon-baby::before {
  content: "\e2ce";
}
.icon-backpack::before {
  content: "\e2c8";
}
.icon-badge-alert::before {
  content: "\e475";
}
.icon-badge-cent::before {
  content: "\e50f";
}
.icon-badge-check::before {
  content: "\e241";
}
.icon-badge-dollar-sign::before {
  content: "\e476";
}
.icon-badge-euro::before {
  content: "\e510";
}
.icon-badge-help::before {
  content: "\e47b";
}
.icon-badge-indian-rupee::before {
  content: "\e511";
}
.icon-badge-info::before {
  content: "\e477";
}
.icon-badge-japanese-yen::before {
  content: "\e512";
}
.icon-badge-minus::before {
  content: "\e478";
}
.icon-badge-percent::before {
  content: "\e479";
}
.icon-badge-plus::before {
  content: "\e47a";
}
.icon-badge-pound-sterling::before {
  content: "\e513";
}
.icon-badge-question-mark::before {
  content: "\e47b";
}
.icon-badge-russian-ruble::before {
  content: "\e514";
}
.icon-badge-swiss-franc::before {
  content: "\e515";
}
.icon-badge-turkish-lira::before {
  content: "\e67e";
}
.icon-badge-x::before {
  content: "\e47c";
}
.icon-badge::before {
  content: "\e474";
}
.icon-baggage-claim::before {
  content: "\e2c9";
}
.icon-balloon::before {
  content: "\e6af";
}
.icon-ban::before {
  content: "\e051";
}
.icon-banana::before {
  content: "\e34f";
}
.icon-bandage::before {
  content: "\e61d";
}
.icon-banknote-arrow-down::before {
  content: "\e64c";
}
.icon-banknote-arrow-up::before {
  content: "\e64d";
}
.icon-banknote-x::before {
  content: "\e64e";
}
.icon-banknote::before {
  content: "\e052";
}
.icon-bar-chart-2::before {
  content: "\e068";
}
.icon-bar-chart-3::before {
  content: "\e2a3";
}
.icon-bar-chart-4::before {
  content: "\e2a4";
}
.icon-bar-chart-big::before {
  content: "\e4a9";
}
.icon-bar-chart-horizontal-big::before {
  content: "\e4a7";
}
.icon-bar-chart-horizontal::before {
  content: "\e2a2";
}
.icon-bar-chart::before {
  content: "\e06a";
}
.icon-barcode::before {
  content: "\e533";
}
.icon-barrel::before {
  content: "\e675";
}
.icon-baseline::before {
  content: "\e285";
}
.icon-bath::before {
  content: "\e2ab";
}
.icon-battery-charging::before {
  content: "\e054";
}
.icon-battery-full::before {
  content: "\e055";
}
.icon-battery-low::before {
  content: "\e056";
}
.icon-battery-medium::before {
  content: "\e057";
}
.icon-battery-plus::before {
  content: "\e63e";
}
.icon-battery-warning::before {
  content: "\e3ac";
}
.icon-battery::before {
  content: "\e053";
}
.icon-beaker::before {
  content: "\e058";
}
.icon-bean-off::before {
  content: "\e390";
}
.icon-bean::before {
  content: "\e38f";
}
.icon-bed-double::before {
  content: "\e2c2";
}
.icon-bed-single::before {
  content: "\e2c3";
}
.icon-bed::before {
  content: "\e2c1";
}
.icon-beef-off::before {
  content: "\e6dc";
}
.icon-beef::before {
  content: "\e3a5";
}
.icon-beer-off::before {
  content: "\e5d9";
}
.icon-beer::before {
  content: "\e2cf";
}
.icon-bell-dot::before {
  content: "\e42b";
}
.icon-bell-electric::before {
  content: "\e57c";
}
.icon-bell-minus::before {
  content: "\e1f0";
}
.icon-bell-off::before {
  content: "\e05a";
}
.icon-bell-plus::before {
  content: "\e1f1";
}
.icon-bell-ring::before {
  content: "\e224";
}
.icon-bell::before {
  content: "\e059";
}
.icon-between-horizonal-end::before {
  content: "\e591";
}
.icon-between-horizonal-start::before {
  content: "\e592";
}
.icon-between-horizontal-end::before {
  content: "\e591";
}
.icon-between-horizontal-start::before {
  content: "\e592";
}
.icon-between-vertical-end::before {
  content: "\e593";
}
.icon-between-vertical-start::before {
  content: "\e594";
}
.icon-biceps-flexed::before {
  content: "\e5eb";
}
.icon-bike::before {
  content: "\e1d2";
}
.icon-binary::before {
  content: "\e1f2";
}
.icon-binoculars::before {
  content: "\e621";
}
.icon-biohazard::before {
  content: "\e441";
}
.icon-bird::before {
  content: "\e3c5";
}
.icon-birdhouse::before {
  content: "\e69a";
}
.icon-bitcoin::before {
  content: "\e05b";
}
.icon-blend::before {
  content: "\e59c";
}
.icon-blinds::before {
  content: "\e3c0";
}
.icon-blocks::before {
  content: "\e4fa";
}
.icon-bluetooth-connected::before {
  content: "\e1b8";
}
.icon-bluetooth-off::before {
  content: "\e1b9";
}
.icon-bluetooth-searching::before {
  content: "\e1ba";
}
.icon-bluetooth::before {
  content: "\e05c";
}
.icon-bold::before {
  content: "\e05d";
}
.icon-bolt::before {
  content: "\e58c";
}
.icon-bomb::before {
  content: "\e2ff";
}
.icon-bone::before {
  content: "\e358";
}
.icon-book-a::before {
  content: "\e544";
}
.icon-book-alert::before {
  content: "\e672";
}
.icon-book-audio::before {
  content: "\e545";
}
.icon-book-check::before {
  content: "\e546";
}
.icon-book-copy::before {
  content: "\e3ec";
}
.icon-book-dashed::before {
  content: "\e3ed";
}
.icon-book-down::before {
  content: "\e3ee";
}
.icon-book-headphones::before {
  content: "\e547";
}
.icon-book-heart::before {
  content: "\e548";
}
.icon-book-image::before {
  content: "\e549";
}
.icon-book-key::before {
  content: "\e3ef";
}
.icon-book-lock::before {
  content: "\e3f0";
}
.icon-book-marked::before {
  content: "\e3f1";
}
.icon-book-minus::before {
  content: "\e3f2";
}
.icon-book-open-check::before {
  content: "\e381";
}
.icon-book-open-text::before {
  content: "\e54a";
}
.icon-book-open::before {
  content: "\e05f";
}
.icon-book-plus::before {
  content: "\e3f3";
}
.icon-book-search::before {
  content: "\e6ab";
}
.icon-book-template::before {
  content: "\e3ed";
}
.icon-book-text::before {
  content: "\e54b";
}
.icon-book-type::before {
  content: "\e54c";
}
.icon-book-up-2::before {
  content: "\e4a6";
}
.icon-book-up::before {
  content: "\e3f4";
}
.icon-book-user::before {
  content: "\e54d";
}
.icon-book-x::before {
  content: "\e3f5";
}
.icon-book::before {
  content: "\e05e";
}
.icon-bookmark-check::before {
  content: "\e51f";
}
.icon-bookmark-minus::before {
  content: "\e23c";
}
.icon-bookmark-plus::before {
  content: "\e23d";
}
.icon-bookmark-x::before {
  content: "\e520";
}
.icon-bookmark::before {
  content: "\e060";
}
.icon-boom-box::before {
  content: "\e4ee";
}
.icon-bot-message-square::before {
  content: "\e5ce";
}
.icon-bot-off::before {
  content: "\e5e0";
}
.icon-bot::before {
  content: "\e1bb";
}
.icon-bottle-wine::before {
  content: "\e67b";
}
.icon-bow-arrow::before {
  content: "\e65e";
}
.icon-box-select::before {
  content: "\e1cb";
}
.icon-box::before {
  content: "\e061";
}
.icon-boxes::before {
  content: "\e2d0";
}
.icon-braces::before {
  content: "\e36a";
}
.icon-brackets::before {
  content: "\e443";
}
.icon-brain-circuit::before {
  content: "\e3c7";
}
.icon-brain-cog::before {
  content: "\e3c8";
}
.icon-brain::before {
  content: "\e3c6";
}
.icon-brick-wall-fire::before {
  content: "\e653";
}
.icon-brick-wall-shield::before {
  content: "\e690";
}
.icon-brick-wall::before {
  content: "\e581";
}
.icon-briefcase-business::before {
  content: "\e5d5";
}
.icon-briefcase-conveyor-belt::before {
  content: "\e62b";
}
.icon-briefcase-medical::before {
  content: "\e5d6";
}
.icon-briefcase::before {
  content: "\e062";
}
.icon-bring-to-front::before {
  content: "\e4ef";
}
.icon-brush-cleaning::before {
  content: "\e666";
}
.icon-brush::before {
  content: "\e1d3";
}
.icon-bubbles::before {
  content: "\e654";
}
.icon-bug-off::before {
  content: "\e50d";
}
.icon-bug-play::before {
  content: "\e50e";
}
.icon-bug::before {
  content: "\e20c";
}
.icon-building-2::before {
  content: "\e290";
}
.icon-building::before {
  content: "\e1cc";
}
.icon-bus-front::before {
  content: "\e4fb";
}
.icon-bus::before {
  content: "\e1d4";
}
.icon-cable-car::before {
  content: "\e4fc";
}
.icon-cable::before {
  content: "\e4e3";
}
.icon-cake-slice::before {
  content: "\e4b9";
}
.icon-cake::before {
  content: "\e344";
}
.icon-calculator::before {
  content: "\e1bc";
}
.icon-calendar-1::before {
  content: "\e630";
}
.icon-calendar-arrow-down::before {
  content: "\e5fe";
}
.icon-calendar-arrow-up::before {
  content: "\e5ff";
}
.icon-calendar-check-2::before {
  content: "\e2b8";
}
.icon-calendar-check::before {
  content: "\e2b7";
}
.icon-calendar-clock::before {
  content: "\e304";
}
.icon-calendar-cog::before {
  content: "\e5ed";
}
.icon-calendar-days::before {
  content: "\e2b9";
}
.icon-calendar-fold::before {
  content: "\e5b4";
}
.icon-calendar-heart::before {
  content: "\e305";
}
.icon-calendar-minus-2::before {
  content: "\e5b5";
}
.icon-calendar-minus::before {
  content: "\e2ba";
}
.icon-calendar-off::before {
  content: "\e2bb";
}
.icon-calendar-plus-2::before {
  content: "\e5b6";
}
.icon-calendar-plus::before {
  content: "\e2bc";
}
.icon-calendar-range::before {
  content: "\e2bd";
}
.icon-calendar-search::before {
  content: "\e306";
}
.icon-calendar-sync::before {
  content: "\e636";
}
.icon-calendar-x-2::before {
  content: "\e2bf";
}
.icon-calendar-x::before {
  content: "\e2be";
}
.icon-calendar::before {
  content: "\e063";
}
.icon-calendars::before {
  content: "\e6a7";
}
.icon-camera-off::before {
  content: "\e065";
}
.icon-camera::before {
  content: "\e064";
}
.icon-candlestick-chart::before {
  content: "\e4a8";
}
.icon-candy-cane::before {
  content: "\e4ba";
}
.icon-candy-off::before {
  content: "\e392";
}
.icon-candy::before {
  content: "\e391";
}
.icon-cannabis-off::before {
  content: "\e6af";
}
.icon-cannabis::before {
  content: "\e5d4";
}
.icon-captions-off::before {
  content: "\e5c1";
}
.icon-captions::before {
  content: "\e3a4";
}
.icon-car-front::before {
  content: "\e4fd";
}
.icon-car-taxi-front::before {
  content: "\e4fe";
}
.icon-car::before {
  content: "\e1d5";
}
.icon-caravan::before {
  content: "\e539";
}
.icon-card-sim::before {
  content: "\e671";
}
.icon-carrot::before {
  content: "\e25a";
}
.icon-case-lower::before {
  content: "\e3d8";
}
.icon-case-sensitive::before {
  content: "\e3d9";
}
.icon-case-upper::before {
  content: "\e3da";
}
.icon-cassette-tape::before {
  content: "\e4ca";
}
.icon-cast::before {
  content: "\e066";
}
.icon-castle::before {
  content: "\e3e0";
}
.icon-cat::before {
  content: "\e38c";
}
.icon-cctv-off::before {
  content: "\e6d8";
}
.icon-cctv::before {
  content: "\e57d";
}
.icon-chart-area::before {
  content: "\e4d3";
}
.icon-chart-bar-big::before {
  content: "\e4a7";
}
.icon-chart-bar-decreasing::before {
  content: "\e607";
}
.icon-chart-bar-increasing::before {
  content: "\e608";
}
.icon-chart-bar-stacked::before {
  content: "\e609";
}
.icon-chart-bar::before {
  content: "\e2a2";
}
.icon-chart-candlestick::before {
  content: "\e4a8";
}
.icon-chart-column-big::before {
  content: "\e4a9";
}
.icon-chart-column-decreasing::before {
  content: "\e067";
}
.icon-chart-column-increasing::before {
  content: "\e2a4";
}
.icon-chart-column-stacked::before {
  content: "\e60a";
}
.icon-chart-column::before {
  content: "\e2a3";
}
.icon-chart-gantt::before {
  content: "\e624";
}
.icon-chart-line::before {
  content: "\e2a5";
}
.icon-chart-network::before {
  content: "\e60b";
}
.icon-chart-no-axes-column-decreasing::before {
  content: "\e069";
}
.icon-chart-no-axes-column-increasing::before {
  content: "\e06a";
}
.icon-chart-no-axes-column::before {
  content: "\e068";
}
.icon-chart-no-axes-combined::before {
  content: "\e60c";
}
.icon-chart-no-axes-gantt::before {
  content: "\e4c4";
}
.icon-chart-pie::before {
  content: "\e06b";
}
.icon-chart-scatter::before {
  content: "\e48a";
}
.icon-chart-spline::before {
  content: "\e60d";
}
.icon-check-check::before {
  content: "\e38e";
}
.icon-check-circle-2::before {
  content: "\e226";
}
.icon-check-circle::before {
  content: "\e07c";
}
.icon-check-line::before {
  content: "\e66b";
}
.icon-check-square-2::before {
  content: "\e559";
}
.icon-check-square::before {
  content: "\e16a";
}
.icon-check::before {
  content: "\e06c";
}
.icon-chef-hat::before {
  content: "\e2ac";
}
.icon-cherry::before {
  content: "\e350";
}
.icon-chess-bishop::before {
  content: "\e6a0";
}
.icon-chess-king::before {
  content: "\e6a1";
}
.icon-chess-knight::before {
  content: "\e6a2";
}
.icon-chess-pawn::before {
  content: "\e6a3";
}
.icon-chess-queen::before {
  content: "\e6a4";
}
.icon-chess-rook::before {
  content: "\e6a5";
}
.icon-chevron-down-circle::before {
  content: "\e4dd";
}
.icon-chevron-down-square::before {
  content: "\e3cf";
}
.icon-chevron-down::before {
  content: "\e06d";
}
.icon-chevron-first::before {
  content: "\e243";
}
.icon-chevron-last::before {
  content: "\e244";
}
.icon-chevron-left-circle::before {
  content: "\e4de";
}
.icon-chevron-left-square::before {
  content: "\e3d0";
}
.icon-chevron-left::before {
  content: "\e06e";
}
.icon-chevron-right-circle::before {
  content: "\e4df";
}
.icon-chevron-right-square::before {
  content: "\e3d1";
}
.icon-chevron-right::before {
  content: "\e06f";
}
.icon-chevron-up-circle::before {
  content: "\e4e0";
}
.icon-chevron-up-square::before {
  content: "\e3d2";
}
.icon-chevron-up::before {
  content: "\e070";
}
.icon-chevrons-down-up::before {
  content: "\e228";
}
.icon-chevrons-down::before {
  content: "\e071";
}
.icon-chevrons-left-right-ellipsis::before {
  content: "\e61f";
}
.icon-chevrons-left-right::before {
  content: "\e293";
}
.icon-chevrons-left::before {
  content: "\e072";
}
.icon-chevrons-right-left::before {
  content: "\e294";
}
.icon-chevrons-right::before {
  content: "\e073";
}
.icon-chevrons-up-down::before {
  content: "\e211";
}
.icon-chevrons-up::before {
  content: "\e074";
}
.icon-church::before {
  content: "\e3e1";
}
.icon-cigarette-off::before {
  content: "\e2c7";
}
.icon-cigarette::before {
  content: "\e2c6";
}
.icon-circle-alert::before {
  content: "\e077";
}
.icon-circle-arrow-down::before {
  content: "\e078";
}
.icon-circle-arrow-left::before {
  content: "\e079";
}
.icon-circle-arrow-out-down-left::before {
  content: "\e3f7";
}
.icon-circle-arrow-out-down-right::before {
  content: "\e3f8";
}
.icon-circle-arrow-out-up-left::before {
  content: "\e3f9";
}
.icon-circle-arrow-out-up-right::before {
  content: "\e3fa";
}
.icon-circle-arrow-right::before {
  content: "\e07a";
}
.icon-circle-arrow-up::before {
  content: "\e07b";
}
.icon-circle-check-big::before {
  content: "\e07c";
}
.icon-circle-check::before {
  content: "\e226";
}
.icon-circle-chevron-down::before {
  content: "\e4dd";
}
.icon-circle-chevron-left::before {
  content: "\e4de";
}
.icon-circle-chevron-right::before {
  content: "\e4df";
}
.icon-circle-chevron-up::before {
  content: "\e4e0";
}
.icon-circle-dashed::before {
  content: "\e4b0";
}
.icon-circle-divide::before {
  content: "\e07d";
}
.icon-circle-dollar-sign::before {
  content: "\e47d";
}
.icon-circle-dot-dashed::before {
  content: "\e4b1";
}
.icon-circle-dot::before {
  content: "\e345";
}
.icon-circle-ellipsis::before {
  content: "\e346";
}
.icon-circle-equal::before {
  content: "\e400";
}
.icon-circle-fading-arrow-up::before {
  content: "\e618";
}
.icon-circle-fading-plus::before {
  content: "\e5bc";
}
.icon-circle-gauge::before {
  content: "\e4e1";
}
.icon-circle-help::before {
  content: "\e082";
}
.icon-circle-minus::before {
  content: "\e07e";
}
.icon-circle-off::before {
  content: "\e401";
}
.icon-circle-parking-off::before {
  content: "\e3ca";
}
.icon-circle-parking::before {
  content: "\e3c9";
}
.icon-circle-pause::before {
  content: "\e07f";
}
.icon-circle-percent::before {
  content: "\e51a";
}
.icon-circle-pile::before {
  content: "\e6af";
}
.icon-circle-play::before {
  content: "\e080";
}
.icon-circle-plus::before {
  content: "\e081";
}
.icon-circle-pound-sterling::before {
  content: "\e66d";
}
.icon-circle-power::before {
  content: "\e550";
}
.icon-circle-question-mark::before {
  content: "\e082";
}
.icon-circle-slash-2::before {
  content: "\e213";
}
.icon-circle-slash::before {
  content: "\e402";
}
.icon-circle-slashed::before {
  content: "\e213";
}
.icon-circle-small::before {
  content: "\e640";
}
.icon-circle-star::before {
  content: "\e68d";
}
.icon-circle-stop::before {
  content: "\e083";
}
.icon-circle-user-round::before {
  content: "\e462";
}
.icon-circle-user::before {
  content: "\e461";
}
.icon-circle-x::before {
  content: "\e084";
}
.icon-circle::before {
  content: "\e076";
}
.icon-circuit-board::before {
  content: "\e403";
}
.icon-citrus::before {
  content: "\e375";
}
.icon-clapperboard::before {
  content: "\e29b";
}
.icon-clipboard-check::before {
  content: "\e219";
}
.icon-clipboard-clock::before {
  content: "\e688";
}
.icon-clipboard-copy::before {
  content: "\e225";
}
.icon-clipboard-edit::before {
  content: "\e307";
}
.icon-clipboard-list::before {
  content: "\e086";
}
.icon-clipboard-minus::before {
  content: "\e5be";
}
.icon-clipboard-paste::before {
  content: "\e3e8";
}
.icon-clipboard-pen-line::before {
  content: "\e308";
}
.icon-clipboard-pen::before {
  content: "\e307";
}
.icon-clipboard-plus::before {
  content: "\e5bf";
}
.icon-clipboard-signature::before {
  content: "\e308";
}
.icon-clipboard-type::before {
  content: "\e309";
}
.icon-clipboard-x::before {
  content: "\e222";
}
.icon-clipboard::before {
  content: "\e085";
}
.icon-clock-1::before {
  content: "\e24b";
}
.icon-clock-10::before {
  content: "\e24c";
}
.icon-clock-11::before {
  content: "\e24d";
}
.icon-clock-12::before {
  content: "\e24e";
}
.icon-clock-2::before {
  content: "\e24f";
}
.icon-clock-3::before {
  content: "\e250";
}
.icon-clock-4::before {
  content: "\e251";
}
.icon-clock-5::before {
  content: "\e252";
}
.icon-clock-6::before {
  content: "\e253";
}
.icon-clock-7::before {
  content: "\e254";
}
.icon-clock-8::before {
  content: "\e255";
}
.icon-clock-9::before {
  content: "\e256";
}
.icon-clock-alert::before {
  content: "\e62a";
}
.icon-clock-arrow-down::before {
  content: "\e600";
}
.icon-clock-arrow-up::before {
  content: "\e601";
}
.icon-clock-check::before {
  content: "\e69e";
}
.icon-clock-fading::before {
  content: "\e64a";
}
.icon-clock-plus::before {
  content: "\e667";
}
.icon-clock::before {
  content: "\e087";
}
.icon-closed-caption::before {
  content: "\e68a";
}
.icon-cloud-alert::before {
  content: "\e633";
}
.icon-cloud-backup::before {
  content: "\e6af";
}
.icon-cloud-check::before {
  content: "\e66e";
}
.icon-cloud-cog::before {
  content: "\e30a";
}
.icon-cloud-download::before {
  content: "\e089";
}
.icon-cloud-drizzle::before {
  content: "\e08a";
}
.icon-cloud-fog::before {
  content: "\e214";
}
.icon-cloud-hail::before {
  content: "\e08b";
}
.icon-cloud-lightning::before {
  content: "\e08c";
}
.icon-cloud-moon-rain::before {
  content: "\e2fa";
}
.icon-cloud-moon::before {
  content: "\e215";
}
.icon-cloud-off::before {
  content: "\e08d";
}
.icon-cloud-rain-wind::before {
  content: "\e08f";
}
.icon-cloud-rain::before {
  content: "\e08e";
}
.icon-cloud-snow::before {
  content: "\e090";
}
.icon-cloud-sun-rain::before {
  content: "\e2fb";
}
.icon-cloud-sun::before {
  content: "\e216";
}
.icon-cloud-sync::before {
  content: "\e6af";
}
.icon-cloud-upload::before {
  content: "\e091";
}
.icon-cloud::before {
  content: "\e088";
}
.icon-cloudy::before {
  content: "\e217";
}
.icon-clover::before {
  content: "\e092";
}
.icon-club::before {
  content: "\e496";
}
.icon-code-2::before {
  content: "\e206";
}
.icon-code-square::before {
  content: "\e16b";
}
.icon-code-xml::before {
  content: "\e206";
}
.icon-code::before {
  content: "\e093";
}
.icon-coffee::before {
  content: "\e096";
}
.icon-cog::before {
  content: "\e30b";
}
.icon-coins::before {
  content: "\e097";
}
.icon-columns-2::before {
  content: "\e098";
}
.icon-columns-3-cog::before {
  content: "\e661";
}
.icon-columns-3::before {
  content: "\e099";
}
.icon-columns-4::before {
  content: "\e589";
}
.icon-columns-settings::before {
  content: "\e661";
}
.icon-columns::before {
  content: "\e098";
}
.icon-combine::before {
  content: "\e44c";
}
.icon-command::before {
  content: "\e09a";
}
.icon-compass::before {
  content: "\e09b";
}
.icon-component::before {
  content: "\e2ad";
}
.icon-computer::before {
  content: "\e4e4";
}
.icon-concierge-bell::before {
  content: "\e378";
}
.icon-cone::before {
  content: "\e523";
}
.icon-construction::before {
  content: "\e3b4";
}
.icon-contact-2::before {
  content: "\e463";
}
.icon-contact-round::before {
  content: "\e463";
}
.icon-contact::before {
  content: "\e09c";
}
.icon-container::before {
  content: "\e4d5";
}
.icon-contrast::before {
  content: "\e09d";
}
.icon-cookie::before {
  content: "\e26b";
}
.icon-cooking-pot::before {
  content: "\e584";
}
.icon-copy-check::before {
  content: "\e3fb";
}
.icon-copy-minus::before {
  content: "\e3fc";
}
.icon-copy-plus::before {
  content: "\e3fd";
}
.icon-copy-slash::before {
  content: "\e3fe";
}
.icon-copy-x::before {
  content: "\e3ff";
}
.icon-copy::before {
  content: "\e09e";
}
.icon-copyleft::before {
  content: "\e09f";
}
.icon-copyright::before {
  content: "\e0a0";
}
.icon-corner-down-left::before {
  content: "\e0a1";
}
.icon-corner-down-right::before {
  content: "\e0a2";
}
.icon-corner-left-down::before {
  content: "\e0a3";
}
.icon-corner-left-up::before {
  content: "\e0a4";
}
.icon-corner-right-down::before {
  content: "\e0a5";
}
.icon-corner-right-up::before {
  content: "\e0a6";
}
.icon-corner-up-left::before {
  content: "\e0a7";
}
.icon-corner-up-right::before {
  content: "\e0a8";
}
.icon-cpu::before {
  content: "\e0a9";
}
.icon-creative-commons::before {
  content: "\e3b2";
}
.icon-credit-card::before {
  content: "\e0aa";
}
.icon-croissant::before {
  content: "\e2ae";
}
.icon-crop::before {
  content: "\e0ab";
}
.icon-cross::before {
  content: "\e1e5";
}
.icon-crosshair::before {
  content: "\e0ac";
}
.icon-crown::before {
  content: "\e1d6";
}
.icon-cuboid::before {
  content: "\e524";
}
.icon-cup-soda::before {
  content: "\e2d1";
}
.icon-curly-braces::before {
  content: "\e36a";
}
.icon-currency::before {
  content: "\e230";
}
.icon-cylinder::before {
  content: "\e525";
}
.icon-dam::before {
  content: "\e606";
}
.icon-database-backup::before {
  content: "\e3ab";
}
.icon-database-search::before {
  content: "\e6b1";
}
.icon-database-zap::before {
  content: "\e50b";
}
.icon-database::before {
  content: "\e0ad";
}
.icon-decimals-arrow-left::before {
  content: "\e65c";
}
.icon-decimals-arrow-right::before {
  content: "\e65d";
}
.icon-delete::before {
  content: "\e0ae";
}
.icon-dessert::before {
  content: "\e4bb";
}
.icon-diameter::before {
  content: "\e526";
}
.icon-diamond-minus::before {
  content: "\e5e1";
}
.icon-diamond-percent::before {
  content: "\e51b";
}
.icon-diamond-plus::before {
  content: "\e5e2";
}
.icon-diamond::before {
  content: "\e2d2";
}
.icon-dice-1::before {
  content: "\e287";
}
.icon-dice-2::before {
  content: "\e288";
}
.icon-dice-3::before {
  content: "\e289";
}
.icon-dice-4::before {
  content: "\e28a";
}
.icon-dice-5::before {
  content: "\e28b";
}
.icon-dice-6::before {
  content: "\e28c";
}
.icon-dices::before {
  content: "\e2c5";
}
.icon-diff::before {
  content: "\e30c";
}
.icon-disc-2::before {
  content: "\e3f6";
}
.icon-disc-3::before {
  content: "\e494";
}
.icon-disc-album::before {
  content: "\e55c";
}
.icon-disc::before {
  content: "\e0af";
}
.icon-divide-circle::before {
  content: "\e07d";
}
.icon-divide-square::before {
  content: "\e16d";
}
.icon-divide::before {
  content: "\e0b0";
}
.icon-dna-off::before {
  content: "\e394";
}
.icon-dna::before {
  content: "\e393";
}
.icon-dock::before {
  content: "\e5d3";
}
.icon-dog::before {
  content: "\e38d";
}
.icon-dollar-sign::before {
  content: "\e0b1";
}
.icon-donut::before {
  content: "\e4bc";
}
.icon-door-closed-locked::before {
  content: "\e664";
}
.icon-door-closed::before {
  content: "\e3d5";
}
.icon-door-open::before {
  content: "\e3d6";
}
.icon-dot-square::before {
  content: "\e16e";
}
.icon-dot::before {
  content: "\e44f";
}
.icon-download-cloud::before {
  content: "\e089";
}
.icon-download::before {
  content: "\e0b2";
}
.icon-drafting-compass::before {
  content: "\e527";
}
.icon-drama::before {
  content: "\e521";
}
.icon-drill::before {
  content: "\e58d";
}
.icon-drone::before {
  content: "\e676";
}
.icon-droplet-off::before {
  content: "\e638";
}
.icon-droplet::before {
  content: "\e0b4";
}
.icon-droplets::before {
  content: "\e0b5";
}
.icon-drum::before {
  content: "\e55d";
}
.icon-drumstick::before {
  content: "\e25b";
}
.icon-dumbbell::before {
  content: "\e3a1";
}
.icon-ear-off::before {
  content: "\e383";
}
.icon-ear::before {
  content: "\e382";
}
.icon-earth-lock::before {
  content: "\e5cc";
}
.icon-earth::before {
  content: "\e1f3";
}
.icon-eclipse::before {
  content: "\e59d";
}
.icon-edit-2::before {
  content: "\e12f";
}
.icon-edit-3::before {
  content: "\e130";
}
.icon-edit::before {
  content: "\e172";
}
.icon-egg-fried::before {
  content: "\e351";
}
.icon-egg-off::before {
  content: "\e395";
}
.icon-egg::before {
  content: "\e25d";
}
.icon-ellipse::before {
  content: "\e6b2";
}
.icon-ellipsis-vertical::before {
  content: "\e0b7";
}
.icon-ellipsis::before {
  content: "\e0b6";
}
.icon-equal-approximately::before {
  content: "\e634";
}
.icon-equal-not::before {
  content: "\e1be";
}
.icon-equal-square::before {
  content: "\e16f";
}
.icon-equal::before {
  content: "\e1bd";
}
.icon-eraser::before {
  content: "\e28f";
}
.icon-ethernet-port::before {
  content: "\e620";
}
.icon-euro::before {
  content: "\e0b8";
}
.icon-ev-charger::before {
  content: "\e697";
}
.icon-expand::before {
  content: "\e21a";
}
.icon-external-link::before {
  content: "\e0b9";
}
.icon-eye-closed::before {
  content: "\e62e";
}
.icon-eye-off::before {
  content: "\e0bb";
}
.icon-eye::before {
  content: "\e0ba";
}
.icon-factory::before {
  content: "\e29f";
}
.icon-fan::before {
  content: "\e379";
}
.icon-fast-forward::before {
  content: "\e0bd";
}
.icon-feather::before {
  content: "\e0be";
}
.icon-fence::before {
  content: "\e582";
}
.icon-ferris-wheel::before {
  content: "\e47f";
}
.icon-file-archive::before {
  content: "\e30d";
}
.icon-file-audio-2::before {
  content: "\e31a";
}
.icon-file-audio::before {
  content: "\e31a";
}
.icon-file-axis-3-d::before {
  content: "\e30e";
}
.icon-file-axis-3d::before {
  content: "\e30e";
}
.icon-file-badge-2::before {
  content: "\e30f";
}
.icon-file-badge::before {
  content: "\e30f";
}
.icon-file-bar-chart-2::before {
  content: "\e311";
}
.icon-file-bar-chart::before {
  content: "\e312";
}
.icon-file-box::before {
  content: "\e310";
}
.icon-file-braces-corner::before {
  content: "\e36c";
}
.icon-file-braces::before {
  content: "\e36b";
}
.icon-file-chart-column-increasing::before {
  content: "\e312";
}
.icon-file-chart-column::before {
  content: "\e311";
}
.icon-file-chart-line::before {
  content: "\e313";
}
.icon-file-chart-pie::before {
  content: "\e314";
}
.icon-file-check-2::before {
  content: "\e0c2";
}
.icon-file-check-corner::before {
  content: "\e0c2";
}
.icon-file-check::before {
  content: "\e0c1";
}
.icon-file-clock::before {
  content: "\e315";
}
.icon-file-code-2::before {
  content: "\e45e";
}
.icon-file-code-corner::before {
  content: "\e45e";
}
.icon-file-code::before {
  content: "\e0c3";
}
.icon-file-cog-2::before {
  content: "\e316";
}
.icon-file-cog::before {
  content: "\e316";
}
.icon-file-diff::before {
  content: "\e317";
}
.icon-file-digit::before {
  content: "\e0c4";
}
.icon-file-down::before {
  content: "\e318";
}
.icon-file-edit::before {
  content: "\e31f";
}
.icon-file-exclamation-point::before {
  content: "\e319";
}
.icon-file-headphone::before {
  content: "\e31a";
}
.icon-file-heart::before {
  content: "\e31b";
}
.icon-file-image::before {
  content: "\e31c";
}
.icon-file-input::before {
  content: "\e0c5";
}
.icon-file-json-2::before {
  content: "\e36c";
}
.icon-file-json::before {
  content: "\e36b";
}
.icon-file-key-2::before {
  content: "\e31d";
}
.icon-file-key::before {
  content: "\e31d";
}
.icon-file-line-chart::before {
  content: "\e313";
}
.icon-file-lock-2::before {
  content: "\e31e";
}
.icon-file-lock::before {
  content: "\e31e";
}
.icon-file-minus-2::before {
  content: "\e0c7";
}
.icon-file-minus-corner::before {
  content: "\e0c7";
}
.icon-file-minus::before {
  content: "\e0c6";
}
.icon-file-music::before {
  content: "\e55e";
}
.icon-file-output::before {
  content: "\e0c8";
}
.icon-file-pen-line::before {
  content: "\e320";
}
.icon-file-pen::before {
  content: "\e31f";
}
.icon-file-pie-chart::before {
  content: "\e314";
}
.icon-file-play::before {
  content: "\e321";
}
.icon-file-plus-2::before {
  content: "\e0ca";
}
.icon-file-plus-corner::before {
  content: "\e0ca";
}
.icon-file-plus::before {
  content: "\e0c9";
}
.icon-file-question-mark::before {
  content: "\e322";
}
.icon-file-question::before {
  content: "\e322";
}
.icon-file-scan::before {
  content: "\e323";
}
.icon-file-search-2::before {
  content: "\e324";
}
.icon-file-search-corner::before {
  content: "\e324";
}
.icon-file-search::before {
  content: "\e0cb";
}
.icon-file-signal::before {
  content: "\e325";
}
.icon-file-signature::before {
  content: "\e320";
}
.icon-file-sliders::before {
  content: "\e5a0";
}
.icon-file-spreadsheet::before {
  content: "\e326";
}
.icon-file-stack::before {
  content: "\e4a1";
}
.icon-file-symlink::before {
  content: "\e327";
}
.icon-file-terminal::before {
  content: "\e328";
}
.icon-file-text::before {
  content: "\e0cc";
}
.icon-file-type-2::before {
  content: "\e36d";
}
.icon-file-type-corner::before {
  content: "\e36d";
}
.icon-file-type::before {
  content: "\e329";
}
.icon-file-up::before {
  content: "\e32a";
}
.icon-file-user::before {
  content: "\e62d";
}
.icon-file-video-2::before {
  content: "\e32b";
}
.icon-file-video-camera::before {
  content: "\e32b";
}
.icon-file-video::before {
  content: "\e321";
}
.icon-file-volume-2::before {
  content: "\e325";
}
.icon-file-volume::before {
  content: "\e32c";
}
.icon-file-warning::before {
  content: "\e319";
}
.icon-file-x-2::before {
  content: "\e0ce";
}
.icon-file-x-corner::before {
  content: "\e0ce";
}
.icon-file-x::before {
  content: "\e0cd";
}
.icon-file::before {
  content: "\e0c0";
}
.icon-files::before {
  content: "\e0cf";
}
.icon-film::before {
  content: "\e0d0";
}
.icon-filter-x::before {
  content: "\e3b5";
}
.icon-filter::before {
  content: "\e0dc";
}
.icon-fingerprint-pattern::before {
  content: "\e2cb";
}
.icon-fingerprint::before {
  content: "\e2cb";
}
.icon-fire-extinguisher::before {
  content: "\e57e";
}
.icon-fish-off::before {
  content: "\e3b0";
}
.icon-fish-symbol::before {
  content: "\e4f4";
}
.icon-fish::before {
  content: "\e3a6";
}
.icon-fishing-hook::before {
  content: "\e6af";
}
.icon-fishing-rod::before {
  content: "\e6b3";
}
.icon-flag-off::before {
  content: "\e292";
}
.icon-flag-triangle-left::before {
  content: "\e237";
}
.icon-flag-triangle-right::before {
  content: "\e238";
}
.icon-flag::before {
  content: "\e0d1";
}
.icon-flame-kindling::before {
  content: "\e53a";
}
.icon-flame::before {
  content: "\e0d2";
}
.icon-flashlight-off::before {
  content: "\e0d4";
}
.icon-flashlight::before {
  content: "\e0d3";
}
.icon-flask-conical-off::before {
  content: "\e396";
}
.icon-flask-conical::before {
  content: "\e0d5";
}
.icon-flask-round::before {
  content: "\e0d6";
}
.icon-flip-horizontal-2::before {
  content: "\e35e";
}
.icon-flip-horizontal::before {
  content: "\e35d";
}
.icon-flip-vertical-2::before {
  content: "\e360";
}
.icon-flip-vertical::before {
  content: "\e35f";
}
.icon-flower-2::before {
  content: "\e2d4";
}
.icon-flower::before {
  content: "\e2d3";
}
.icon-focus::before {
  content: "\e29e";
}
.icon-fold-horizontal::before {
  content: "\e43b";
}
.icon-fold-vertical::before {
  content: "\e43c";
}
.icon-folder-archive::before {
  content: "\e32d";
}
.icon-folder-check::before {
  content: "\e32e";
}
.icon-folder-clock::before {
  content: "\e32f";
}
.icon-folder-closed::before {
  content: "\e330";
}
.icon-folder-code::before {
  content: "\e5fb";
}
.icon-folder-cog-2::before {
  content: "\e331";
}
.icon-folder-cog::before {
  content: "\e331";
}
.icon-folder-dot::before {
  content: "\e4c5";
}
.icon-folder-down::before {
  content: "\e332";
}
.icon-folder-edit::before {
  content: "\e338";
}
.icon-folder-git-2::before {
  content: "\e40a";
}
.icon-folder-git::before {
  content: "\e409";
}
.icon-folder-heart::before {
  content: "\e333";
}
.icon-folder-input::before {
  content: "\e334";
}
.icon-folder-kanban::before {
  content: "\e4c6";
}
.icon-folder-key::before {
  content: "\e335";
}
.icon-folder-lock::before {
  content: "\e336";
}
.icon-folder-minus::before {
  content: "\e0d8";
}
.icon-folder-open-dot::before {
  content: "\e4c7";
}
.icon-folder-open::before {
  content: "\e247";
}
.icon-folder-output::before {
  content: "\e337";
}
.icon-folder-pen::before {
  content: "\e338";
}
.icon-folder-plus::before {
  content: "\e0d9";
}
.icon-folder-root::before {
  content: "\e4c8";
}
.icon-folder-search-2::before {
  content: "\e33a";
}
.icon-folder-search::before {
  content: "\e339";
}
.icon-folder-symlink::before {
  content: "\e33b";
}
.icon-folder-sync::before {
  content: "\e4c9";
}
.icon-folder-tree::before {
  content: "\e33c";
}
.icon-folder-up::before {
  content: "\e33d";
}
.icon-folder-x::before {
  content: "\e33e";
}
.icon-folder::before {
  content: "\e0d7";
}
.icon-folders::before {
  content: "\e33f";
}
.icon-footprints::before {
  content: "\e3b9";
}
.icon-fork-knife-crossed::before {
  content: "\e2f7";
}
.icon-fork-knife::before {
  content: "\e2f6";
}
.icon-forklift::before {
  content: "\e3c1";
}
.icon-form-input::before {
  content: "\e21f";
}
.icon-form::before {
  content: "\e6a8";
}
.icon-forward::before {
  content: "\e229";
}
.icon-frame::before {
  content: "\e291";
}
.icon-frown::before {
  content: "\e0db";
}
.icon-fuel::before {
  content: "\e2af";
}
.icon-fullscreen::before {
  content: "\e534";
}
.icon-function-square::before {
  content: "\e22d";
}
.icon-funnel-plus::before {
  content: "\e0dd";
}
.icon-funnel-x::before {
  content: "\e3b5";
}
.icon-funnel::before {
  content: "\e0dc";
}
.icon-gallery-horizontal-end::before {
  content: "\e4cf";
}
.icon-gallery-horizontal::before {
  content: "\e4ce";
}
.icon-gallery-thumbnails::before {
  content: "\e4d0";
}
.icon-gallery-vertical-end::before {
  content: "\e4d2";
}
.icon-gallery-vertical::before {
  content: "\e4d1";
}
.icon-gamepad-2::before {
  content: "\e0df";
}
.icon-gamepad-directional::before {
  content: "\e69b";
}
.icon-gamepad::before {
  content: "\e0de";
}
.icon-gantt-chart-square::before {
  content: "\e624";
}
.icon-gantt-chart::before {
  content: "\e4c4";
}
.icon-gauge-circle::before {
  content: "\e4e1";
}
.icon-gauge::before {
  content: "\e1bf";
}
.icon-gavel::before {
  content: "\e0e0";
}
.icon-gem::before {
  content: "\e242";
}
.icon-georgian-lari::before {
  content: "\e678";
}
.icon-ghost::before {
  content: "\e20e";
}
.icon-gift::before {
  content: "\e0e1";
}
.icon-git-branch-minus::before {
  content: "\e69c";
}
.icon-git-branch-plus::before {
  content: "\e1f4";
}
.icon-git-branch::before {
  content: "\e0e2";
}
.icon-git-commit-horizontal::before {
  content: "\e0e3";
}
.icon-git-commit-vertical::before {
  content: "\e552";
}
.icon-git-commit::before {
  content: "\e0e3";
}
.icon-git-compare-arrows::before {
  content: "\e553";
}
.icon-git-compare::before {
  content: "\e359";
}
.icon-git-fork::before {
  content: "\e28d";
}
.icon-git-graph::before {
  content: "\e554";
}
.icon-git-merge-conflict::before {
  content: "\e6b4";
}
.icon-git-merge::before {
  content: "\e0e4";
}
.icon-git-pull-request-arrow::before {
  content: "\e555";
}
.icon-git-pull-request-closed::before {
  content: "\e35a";
}
.icon-git-pull-request-create-arrow::before {
  content: "\e557";
}
.icon-git-pull-request-create::before {
  content: "\e556";
}
.icon-git-pull-request-draft::before {
  content: "\e35b";
}
.icon-git-pull-request::before {
  content: "\e0e5";
}
.icon-glass-water::before {
  content: "\e2d5";
}
.icon-glasses::before {
  content: "\e20d";
}
.icon-globe-2::before {
  content: "\e1f3";
}
.icon-globe-lock::before {
  content: "\e5cd";
}
.icon-globe-off::before {
  content: "\e6b5";
}
.icon-globe-x::before {
  content: "\e6b6";
}
.icon-globe::before {
  content: "\e0e8";
}
.icon-goal::before {
  content: "\e4a5";
}
.icon-gpu::before {
  content: "\e66a";
}
.icon-grab::before {
  content: "\e1e6";
}
.icon-graduation-cap::before {
  content: "\e234";
}
.icon-grape::before {
  content: "\e352";
}
.icon-grid-2-x-2-check::before {
  content: "\e5e4";
}
.icon-grid-2-x-2-plus::before {
  content: "\e628";
}
.icon-grid-2-x-2-x::before {
  content: "\e5e5";
}
.icon-grid-2-x-2::before {
  content: "\e4ff";
}
.icon-grid-2x2-check::before {
  content: "\e5e4";
}
.icon-grid-2x2-plus::before {
  content: "\e628";
}
.icon-grid-2x2-x::before {
  content: "\e5e5";
}
.icon-grid-2x2::before {
  content: "\e4ff";
}
.icon-grid-3-x-3::before {
  content: "\e0e9";
}
.icon-grid-3x2::before {
  content: "\e66f";
}
.icon-grid-3x3::before {
  content: "\e0e9";
}
.icon-grid::before {
  content: "\e0e9";
}
.icon-grip-horizontal::before {
  content: "\e0ea";
}
.icon-grip-vertical::before {
  content: "\e0eb";
}
.icon-grip::before {
  content: "\e3b1";
}
.icon-group::before {
  content: "\e464";
}
.icon-guitar::before {
  content: "\e55f";
}
.icon-ham::before {
  content: "\e5d7";
}
.icon-hamburger::before {
  content: "\e665";
}
.icon-hammer::before {
  content: "\e0ec";
}
.icon-hand-coins::before {
  content: "\e5b8";
}
.icon-hand-fist::before {
  content: "\e68b";
}
.icon-hand-grab::before {
  content: "\e1e6";
}
.icon-hand-heart::before {
  content: "\e5b9";
}
.icon-hand-helping::before {
  content: "\e3b8";
}
.icon-hand-metal::before {
  content: "\e22c";
}
.icon-hand-platter::before {
  content: "\e5ba";
}
.icon-hand::before {
  content: "\e1d7";
}
.icon-handbag::before {
  content: "\e689";
}
.icon-handshake::before {
  content: "\e5c0";
}
.icon-hard-drive-download::before {
  content: "\e4e5";
}
.icon-hard-drive-upload::before {
  content: "\e4e6";
}
.icon-hard-drive::before {
  content: "\e0ed";
}
.icon-hard-hat::before {
  content: "\e0ee";
}
.icon-hash::before {
  content: "\e0ef";
}
.icon-hat-glasses::before {
  content: "\e683";
}
.icon-haze::before {
  content: "\e0f0";
}
.icon-hd::before {
  content: "\e6af";
}
.icon-hdmi-port::before {
  content: "\e4e7";
}
.icon-heading-1::before {
  content: "\e385";
}
.icon-heading-2::before {
  content: "\e386";
}
.icon-heading-3::before {
  content: "\e387";
}
.icon-heading-4::before {
  content: "\e388";
}
.icon-heading-5::before {
  content: "\e389";
}
.icon-heading-6::before {
  content: "\e38a";
}
.icon-heading::before {
  content: "\e384";
}
.icon-headphone-off::before {
  content: "\e629";
}
.icon-headphones::before {
  content: "\e0f1";
}
.icon-headset::before {
  content: "\e5bd";
}
.icon-heart-crack::before {
  content: "\e2d6";
}
.icon-heart-handshake::before {
  content: "\e2d7";
}
.icon-heart-minus::before {
  content: "\e651";
}
.icon-heart-off::before {
  content: "\e295";
}
.icon-heart-plus::before {
  content: "\e652";
}
.icon-heart-pulse::before {
  content: "\e36e";
}
.icon-heart::before {
  content: "\e0f2";
}
.icon-heater::before {
  content: "\e58e";
}
.icon-helicopter::before {
  content: "\e69d";
}
.icon-help-circle::before {
  content: "\e082";
}
.icon-helping-hand::before {
  content: "\e3b8";
}
.icon-hexagon::before {
  content: "\e0f3";
}
.icon-highlighter::before {
  content: "\e0f4";
}
.icon-history::before {
  content: "\e1f5";
}
.icon-home::before {
  content: "\e0f5";
}
.icon-hop-off::before {
  content: "\e398";
}
.icon-hop::before {
  content: "\e397";
}
.icon-hospital::before {
  content: "\e5d8";
}
.icon-hotel::before {
  content: "\e3e2";
}
.icon-hourglass::before {
  content: "\e296";
}
.icon-house-heart::before {
  content: "\e695";
}
.icon-house-plug::before {
  content: "\e5f0";
}
.icon-house-plus::before {
  content: "\e5f1";
}
.icon-house-wifi::before {
  content: "\e63c";
}
.icon-house::before {
  content: "\e0f5";
}
.icon-ice-cream-2::before {
  content: "\e3a7";
}
.icon-ice-cream-bowl::before {
  content: "\e3a7";
}
.icon-ice-cream-cone::before {
  content: "\e353";
}
.icon-ice-cream::before {
  content: "\e353";
}
.icon-id-card-lanyard::before {
  content: "\e670";
}
.icon-id-card::before {
  content: "\e617";
}
.icon-image-down::before {
  content: "\e53c";
}
.icon-image-minus::before {
  content: "\e1f6";
}
.icon-image-off::before {
  content: "\e1c0";
}
.icon-image-play::before {
  content: "\e5df";
}
.icon-image-plus::before {
  content: "\e1f7";
}
.icon-image-up::before {
  content: "\e5cb";
}
.icon-image-upscale::before {
  content: "\e637";
}
.icon-image::before {
  content: "\e0f6";
}
.icon-images::before {
  content: "\e5c4";
}
.icon-import::before {
  content: "\e22f";
}
.icon-inbox::before {
  content: "\e0f7";
}
.icon-indent-decrease::before {
  content: "\e107";
}
.icon-indent-increase::before {
  content: "\e108";
}
.icon-indent::before {
  content: "\e108";
}
.icon-indian-rupee::before {
  content: "\e0f8";
}
.icon-infinity::before {
  content: "\e1e7";
}
.icon-info::before {
  content: "\e0f9";
}
.icon-inspect::before {
  content: "\e202";
}
.icon-inspection-panel::before {
  content: "\e583";
}
.icon-italic::before {
  content: "\e0fb";
}
.icon-iteration-ccw::before {
  content: "\e423";
}
.icon-iteration-cw::before {
  content: "\e424";
}
.icon-japanese-yen::before {
  content: "\e0fc";
}
.icon-joystick::before {
  content: "\e355";
}
.icon-kanban-square-dashed::before {
  content: "\e16c";
}
.icon-kanban-square::before {
  content: "\e170";
}
.icon-kanban::before {
  content: "\e4dc";
}
.icon-kayak::before {
  content: "\e68f";
}
.icon-key-round::before {
  content: "\e4a3";
}
.icon-key-square::before {
  content: "\e4a4";
}
.icon-key::before {
  content: "\e0fd";
}
.icon-keyboard-music::before {
  content: "\e560";
}
.icon-keyboard-off::before {
  content: "\e5de";
}
.icon-keyboard::before {
  content: "\e284";
}
.icon-lamp-ceiling::before {
  content: "\e2d9";
}
.icon-lamp-desk::before {
  content: "\e2da";
}
.icon-lamp-floor::before {
  content: "\e2db";
}
.icon-lamp-wall-down::before {
  content: "\e2dc";
}
.icon-lamp-wall-up::before {
  content: "\e2dd";
}
.icon-lamp::before {
  content: "\e2d8";
}
.icon-land-plot::before {
  content: "\e528";
}
.icon-landmark::before {
  content: "\e23a";
}
.icon-languages::before {
  content: "\e0fe";
}
.icon-laptop-2::before {
  content: "\e1d8";
}
.icon-laptop-minimal-check::before {
  content: "\e632";
}
.icon-laptop-minimal::before {
  content: "\e1d8";
}
.icon-laptop::before {
  content: "\e1cd";
}
.icon-lasso-select::before {
  content: "\e1cf";
}
.icon-lasso::before {
  content: "\e1ce";
}
.icon-laugh::before {
  content: "\e300";
}
.icon-layers-2::before {
  content: "\e52a";
}
.icon-layers-3::before {
  content: "\e529";
}
.icon-layers-plus::before {
  content: "\e6af";
}
.icon-layers::before {
  content: "\e529";
}
.icon-layout-dashboard::before {
  content: "\e1c1";
}
.icon-layout-grid::before {
  content: "\e0ff";
}
.icon-layout-list::before {
  content: "\e1d9";
}
.icon-layout-panel-left::before {
  content: "\e470";
}
.icon-layout-panel-top::before {
  content: "\e471";
}
.icon-layout-template::before {
  content: "\e207";
}
.icon-layout::before {
  content: "\e12c";
}
.icon-leaf::before {
  content: "\e2de";
}
.icon-leafy-green::before {
  content: "\e46f";
}
.icon-lectern::before {
  content: "\e5e9";
}
.icon-lens-concave::before {
  content: "\e6b7";
}
.icon-lens-convex::before {
  content: "\e6b8";
}
.icon-letter-text::before {
  content: "\e605";
}
.icon-library-big::before {
  content: "\e54e";
}
.icon-library-square::before {
  content: "\e54f";
}
.icon-library::before {
  content: "\e100";
}
.icon-life-buoy::before {
  content: "\e101";
}
.icon-ligature::before {
  content: "\e43a";
}
.icon-lightbulb-off::before {
  content: "\e208";
}
.icon-lightbulb::before {
  content: "\e1c2";
}
.icon-line-chart::before {
  content: "\e2a5";
}
.icon-line-dot-right-horizontal::before {
  content: "\e6b9";
}
.icon-line-squiggle::before {
  content: "\e67a";
}
.icon-line-style::before {
  content: "\e6da";
}
.icon-link-2-off::before {
  content: "\e104";
}
.icon-link-2::before {
  content: "\e103";
}
.icon-link::before {
  content: "\e102";
}
.icon-list-check::before {
  content: "\e5fa";
}
.icon-list-checks::before {
  content: "\e1d0";
}
.icon-list-chevrons-down-up::before {
  content: "\e694";
}
.icon-list-chevrons-up-down::before {
  content: "\e696";
}
.icon-list-collapse::before {
  content: "\e59b";
}
.icon-list-end::before {
  content: "\e2df";
}
.icon-list-filter-plus::before {
  content: "\e639";
}
.icon-list-filter::before {
  content: "\e460";
}
.icon-list-indent-decrease::before {
  content: "\e107";
}
.icon-list-indent-increase::before {
  content: "\e108";
}
.icon-list-minus::before {
  content: "\e23e";
}
.icon-list-music::before {
  content: "\e2e0";
}
.icon-list-ordered::before {
  content: "\e1d1";
}
.icon-list-plus::before {
  content: "\e23f";
}
.icon-list-restart::before {
  content: "\e452";
}
.icon-list-start::before {
  content: "\e2e1";
}
.icon-list-todo::before {
  content: "\e4c3";
}
.icon-list-tree::before {
  content: "\e408";
}
.icon-list-video::before {
  content: "\e2e2";
}
.icon-list-x::before {
  content: "\e240";
}
.icon-list::before {
  content: "\e106";
}
.icon-loader-2::before {
  content: "\e10a";
}
.icon-loader-circle::before {
  content: "\e10a";
}
.icon-loader-pinwheel::before {
  content: "\e5e6";
}
.icon-loader::before {
  content: "\e109";
}
.icon-locate-fixed::before {
  content: "\e1db";
}
.icon-locate-off::before {
  content: "\e282";
}
.icon-locate::before {
  content: "\e1da";
}
.icon-location-edit::before {
  content: "\e655";
}
.icon-lock-keyhole-open::before {
  content: "\e532";
}
.icon-lock-keyhole::before {
  content: "\e531";
}
.icon-lock-open::before {
  content: "\e10c";
}
.icon-lock::before {
  content: "\e10b";
}
.icon-log-in::before {
  content: "\e10d";
}
.icon-log-out::before {
  content: "\e10e";
}
.icon-logs::before {
  content: "\e5f4";
}
.icon-lollipop::before {
  content: "\e4bd";
}
.icon-luggage::before {
  content: "\e2ca";
}
.icon-m-square::before {
  content: "\e503";
}
.icon-magnet::before {
  content: "\e2b5";
}
.icon-mail-check::before {
  content: "\e361";
}
.icon-mail-minus::before {
  content: "\e362";
}
.icon-mail-open::before {
  content: "\e363";
}
.icon-mail-plus::before {
  content: "\e364";
}
.icon-mail-question-mark::before {
  content: "\e365";
}
.icon-mail-question::before {
  content: "\e365";
}
.icon-mail-search::before {
  content: "\e366";
}
.icon-mail-warning::before {
  content: "\e367";
}
.icon-mail-x::before {
  content: "\e368";
}
.icon-mail::before {
  content: "\e10f";
}
.icon-mailbox::before {
  content: "\e3d4";
}
.icon-mails::before {
  content: "\e369";
}
.icon-map-minus::before {
  content: "\e686";
}
.icon-map-pin-check-inside::before {
  content: "\e610";
}
.icon-map-pin-check::before {
  content: "\e60f";
}
.icon-map-pin-house::before {
  content: "\e61c";
}
.icon-map-pin-minus-inside::before {
  content: "\e612";
}
.icon-map-pin-minus::before {
  content: "\e611";
}
.icon-map-pin-off::before {
  content: "\e2a6";
}
.icon-map-pin-pen::before {
  content: "\e655";
}
.icon-map-pin-plus-inside::before {
  content: "\e614";
}
.icon-map-pin-plus::before {
  content: "\e613";
}
.icon-map-pin-search::before {
  content: "\e6de";
}
.icon-map-pin-x-inside::before {
  content: "\e616";
}
.icon-map-pin-x::before {
  content: "\e615";
}
.icon-map-pin::before {
  content: "\e111";
}
.icon-map-pinned::before {
  content: "\e53d";
}
.icon-map-plus::before {
  content: "\e63f";
}
.icon-map::before {
  content: "\e110";
}
.icon-mars-stroke::before {
  content: "\e642";
}
.icon-mars::before {
  content: "\e641";
}
.icon-martini::before {
  content: "\e2e3";
}
.icon-maximize-2::before {
  content: "\e113";
}
.icon-maximize::before {
  content: "\e112";
}
.icon-medal::before {
  content: "\e36f";
}
.icon-megaphone-off::before {
  content: "\e370";
}
.icon-megaphone::before {
  content: "\e235";
}
.icon-meh::before {
  content: "\e114";
}
.icon-memory-stick::before {
  content: "\e445";
}
.icon-menu-square::before {
  content: "\e453";
}
.icon-menu::before {
  content: "\e115";
}
.icon-merge::before {
  content: "\e43f";
}
.icon-message-circle-check::before {
  content: "\e6ba";
}
.icon-message-circle-code::before {
  content: "\e562";
}
.icon-message-circle-dashed::before {
  content: "\e563";
}
.icon-message-circle-heart::before {
  content: "\e564";
}
.icon-message-circle-more::before {
  content: "\e565";
}
.icon-message-circle-off::before {
  content: "\e566";
}
.icon-message-circle-plus::before {
  content: "\e567";
}
.icon-message-circle-question-mark::before {
  content: "\e568";
}
.icon-message-circle-question::before {
  content: "\e568";
}
.icon-message-circle-reply::before {
  content: "\e569";
}
.icon-message-circle-warning::before {
  content: "\e56a";
}
.icon-message-circle-x::before {
  content: "\e56b";
}
.icon-message-circle::before {
  content: "\e116";
}
.icon-message-square-check::before {
  content: "\e6bb";
}
.icon-message-square-code::before {
  content: "\e56c";
}
.icon-message-square-dashed::before {
  content: "\e40b";
}
.icon-message-square-diff::before {
  content: "\e56d";
}
.icon-message-square-dot::before {
  content: "\e56e";
}
.icon-message-square-heart::before {
  content: "\e56f";
}
.icon-message-square-lock::before {
  content: "\e62c";
}
.icon-message-square-more::before {
  content: "\e570";
}
.icon-message-square-off::before {
  content: "\e571";
}
.icon-message-square-plus::before {
  content: "\e40c";
}
.icon-message-square-quote::before {
  content: "\e572";
}
.icon-message-square-reply::before {
  content: "\e573";
}
.icon-message-square-share::before {
  content: "\e574";
}
.icon-message-square-text::before {
  content: "\e575";
}
.icon-message-square-warning::before {
  content: "\e576";
}
.icon-message-square-x::before {
  content: "\e577";
}
.icon-message-square::before {
  content: "\e117";
}
.icon-messages-square::before {
  content: "\e40d";
}
.icon-metronome::before {
  content: "\e6bc";
}
.icon-mic-2::before {
  content: "\e349";
}
.icon-mic-off::before {
  content: "\e119";
}
.icon-mic-vocal::before {
  content: "\e349";
}
.icon-mic::before {
  content: "\e118";
}
.icon-microchip::before {
  content: "\e61a";
}
.icon-microscope::before {
  content: "\e2e4";
}
.icon-microwave::before {
  content: "\e37a";
}
.icon-milestone::before {
  content: "\e298";
}
.icon-milk-off::before {
  content: "\e39a";
}
.icon-milk::before {
  content: "\e399";
}
.icon-minimize-2::before {
  content: "\e11b";
}
.icon-minimize::before {
  content: "\e11a";
}
.icon-minus-circle::before {
  content: "\e07e";
}
.icon-minus-square::before {
  content: "\e171";
}
.icon-minus::before {
  content: "\e11c";
}
.icon-mirror-rectangular::before {
  content: "\e6bd";
}
.icon-mirror-round::before {
  content: "\e6be";
}
.icon-monitor-check::before {
  content: "\e482";
}
.icon-monitor-cloud::before {
  content: "\e699";
}
.icon-monitor-cog::before {
  content: "\e603";
}
.icon-monitor-dot::before {
  content: "\e483";
}
.icon-monitor-down::before {
  content: "\e421";
}
.icon-monitor-off::before {
  content: "\e1dc";
}
.icon-monitor-pause::before {
  content: "\e484";
}
.icon-monitor-play::before {
  content: "\e485";
}
.icon-monitor-smartphone::before {
  content: "\e3a2";
}
.icon-monitor-speaker::before {
  content: "\e210";
}
.icon-monitor-stop::before {
  content: "\e486";
}
.icon-monitor-up::before {
  content: "\e422";
}
.icon-monitor-x::before {
  content: "\e487";
}
.icon-monitor::before {
  content: "\e11d";
}
.icon-moon-star::before {
  content: "\e410";
}
.icon-moon::before {
  content: "\e11e";
}
.icon-more-horizontal::before {
  content: "\e0b6";
}
.icon-more-vertical::before {
  content: "\e0b7";
}
.icon-motorbike::before {
  content: "\e698";
}
.icon-mountain-snow::before {
  content: "\e232";
}
.icon-mountain::before {
  content: "\e231";
}
.icon-mouse-left::before {
  content: "\e6bf";
}
.icon-mouse-off::before {
  content: "\e5db";
}
.icon-mouse-pointer-2-off::before {
  content: "\e6a6";
}
.icon-mouse-pointer-2::before {
  content: "\e1c3";
}
.icon-mouse-pointer-ban::before {
  content: "\e5e7";
}
.icon-mouse-pointer-click::before {
  content: "\e120";
}
.icon-mouse-pointer-square-dashed::before {
  content: "\e509";
}
.icon-mouse-pointer::before {
  content: "\e11f";
}
.icon-mouse-right::before {
  content: "\e6c0";
}
.icon-mouse::before {
  content: "\e28e";
}
.icon-move-3-d::before {
  content: "\e2e5";
}
.icon-move-3d::before {
  content: "\e2e5";
}
.icon-move-diagonal-2::before {
  content: "\e1c5";
}
.icon-move-diagonal::before {
  content: "\e1c4";
}
.icon-move-down-left::before {
  content: "\e48d";
}
.icon-move-down-right::before {
  content: "\e48e";
}
.icon-move-down::before {
  content: "\e48c";
}
.icon-move-horizontal::before {
  content: "\e1c6";
}
.icon-move-left::before {
  content: "\e48f";
}
.icon-move-right::before {
  content: "\e490";
}
.icon-move-up-left::before {
  content: "\e492";
}
.icon-move-up-right::before {
  content: "\e493";
}
.icon-move-up::before {
  content: "\e491";
}
.icon-move-vertical::before {
  content: "\e1c7";
}
.icon-move::before {
  content: "\e121";
}
.icon-music-2::before {
  content: "\e34a";
}
.icon-music-3::before {
  content: "\e34b";
}
.icon-music-4::before {
  content: "\e34c";
}
.icon-music::before {
  content: "\e122";
}
.icon-navigation-2-off::before {
  content: "\e2a7";
}
.icon-navigation-2::before {
  content: "\e124";
}
.icon-navigation-off::before {
  content: "\e2a8";
}
.icon-navigation::before {
  content: "\e123";
}
.icon-network::before {
  content: "\e125";
}
.icon-newspaper::before {
  content: "\e348";
}
.icon-nfc::before {
  content: "\e3c3";
}
.icon-non-binary::before {
  content: "\e643";
}
.icon-notebook-pen::before {
  content: "\e596";
}
.icon-notebook-tabs::before {
  content: "\e597";
}
.icon-notebook-text::before {
  content: "\e598";
}
.icon-notebook::before {
  content: "\e595";
}
.icon-notepad-text-dashed::before {
  content: "\e59a";
}
.icon-notepad-text::before {
  content: "\e599";
}
.icon-nut-off::before {
  content: "\e39c";
}
.icon-nut::before {
  content: "\e39b";
}
.icon-octagon-alert::before {
  content: "\e127";
}
.icon-octagon-minus::before {
  content: "\e627";
}
.icon-octagon-pause::before {
  content: "\e21b";
}
.icon-octagon-x::before {
  content: "\e128";
}
.icon-octagon::before {
  content: "\e126";
}
.icon-omega::before {
  content: "\e619";
}
.icon-option::before {
  content: "\e1f8";
}
.icon-orbit::before {
  content: "\e3e7";
}
.icon-origami::before {
  content: "\e5e3";
}
.icon-outdent::before {
  content: "\e107";
}
.icon-package-2::before {
  content: "\e340";
}
.icon-package-check::before {
  content: "\e266";
}
.icon-package-minus::before {
  content: "\e267";
}
.icon-package-open::before {
  content: "\e2cc";
}
.icon-package-plus::before {
  content: "\e268";
}
.icon-package-search::before {
  content: "\e269";
}
.icon-package-x::before {
  content: "\e26a";
}
.icon-package::before {
  content: "\e129";
}
.icon-paint-bucket::before {
  content: "\e2e6";
}
.icon-paint-roller::before {
  content: "\e59e";
}
.icon-paintbrush-2::before {
  content: "\e2e8";
}
.icon-paintbrush-vertical::before {
  content: "\e2e8";
}
.icon-paintbrush::before {
  content: "\e2e7";
}
.icon-palette::before {
  content: "\e1dd";
}
.icon-palmtree::before {
  content: "\e281";
}
.icon-panda::before {
  content: "\e668";
}
.icon-panel-bottom-close::before {
  content: "\e42d";
}
.icon-panel-bottom-dashed::before {
  content: "\e42e";
}
.icon-panel-bottom-inactive::before {
  content: "\e42e";
}
.icon-panel-bottom-open::before {
  content: "\e42f";
}
.icon-panel-bottom::before {
  content: "\e42c";
}
.icon-panel-left-close::before {
  content: "\e21c";
}
.icon-panel-left-dashed::before {
  content: "\e430";
}
.icon-panel-left-inactive::before {
  content: "\e430";
}
.icon-panel-left-open::before {
  content: "\e21d";
}
.icon-panel-left-right-dashed::before {
  content: "\e692";
}
.icon-panel-left::before {
  content: "\e12a";
}
.icon-panel-right-close::before {
  content: "\e432";
}
.icon-panel-right-dashed::before {
  content: "\e433";
}
.icon-panel-right-inactive::before {
  content: "\e433";
}
.icon-panel-right-open::before {
  content: "\e434";
}
.icon-panel-right::before {
  content: "\e431";
}
.icon-panel-top-bottom-dashed::before {
  content: "\e693";
}
.icon-panel-top-close::before {
  content: "\e436";
}
.icon-panel-top-dashed::before {
  content: "\e437";
}
.icon-panel-top-inactive::before {
  content: "\e437";
}
.icon-panel-top-open::before {
  content: "\e438";
}
.icon-panel-top::before {
  content: "\e435";
}
.icon-panels-left-bottom::before {
  content: "\e12b";
}
.icon-panels-left-right::before {
  content: "\e099";
}
.icon-panels-right-bottom::before {
  content: "\e588";
}
.icon-panels-top-bottom::before {
  content: "\e58a";
}
.icon-panels-top-left::before {
  content: "\e12c";
}
.icon-paperclip::before {
  content: "\e12d";
}
.icon-parentheses::before {
  content: "\e444";
}
.icon-parking-circle-off::before {
  content: "\e3ca";
}
.icon-parking-circle::before {
  content: "\e3c9";
}
.icon-parking-meter::before {
  content: "\e500";
}
.icon-parking-square-off::before {
  content: "\e3cc";
}
.icon-parking-square::before {
  content: "\e3cb";
}
.icon-party-popper::before {
  content: "\e343";
}
.icon-pause-circle::before {
  content: "\e07f";
}
.icon-pause-octagon::before {
  content: "\e21b";
}
.icon-pause::before {
  content: "\e12e";
}
.icon-paw-print::before {
  content: "\e4f5";
}
.icon-pc-case::before {
  content: "\e446";
}
.icon-pen-box::before {
  content: "\e172";
}
.icon-pen-line::before {
  content: "\e130";
}
.icon-pen-off::before {
  content: "\e5ee";
}
.icon-pen-square::before {
  content: "\e172";
}
.icon-pen-tool::before {
  content: "\e131";
}
.icon-pen::before {
  content: "\e12f";
}
.icon-pencil-line::before {
  content: "\e4f0";
}
.icon-pencil-off::before {
  content: "\e5ef";
}
.icon-pencil-ruler::before {
  content: "\e4f1";
}
.icon-pencil::before {
  content: "\e1f9";
}
.icon-pentagon::before {
  content: "\e52b";
}
.icon-percent-circle::before {
  content: "\e51a";
}
.icon-percent-diamond::before {
  content: "\e51b";
}
.icon-percent-square::before {
  content: "\e51c";
}
.icon-percent::before {
  content: "\e132";
}
.icon-person-standing::before {
  content: "\e21e";
}
.icon-philippine-peso::before {
  content: "\e604";
}
.icon-phone-call::before {
  content: "\e134";
}
.icon-phone-forwarded::before {
  content: "\e135";
}
.icon-phone-incoming::before {
  content: "\e136";
}
.icon-phone-missed::before {
  content: "\e137";
}
.icon-phone-off::before {
  content: "\e138";
}
.icon-phone-outgoing::before {
  content: "\e139";
}
.icon-phone::before {
  content: "\e133";
}
.icon-pi-square::before {
  content: "\e488";
}
.icon-pi::before {
  content: "\e472";
}
.icon-piano::before {
  content: "\e561";
}
.icon-pickaxe::before {
  content: "\e5c6";
}
.icon-picture-in-picture-2::before {
  content: "\e3af";
}
.icon-picture-in-picture::before {
  content: "\e3ae";
}
.icon-pie-chart::before {
  content: "\e06b";
}
.icon-piggy-bank::before {
  content: "\e13a";
}
.icon-pilcrow-left::before {
  content: "\e5dc";
}
.icon-pilcrow-right::before {
  content: "\e5dd";
}
.icon-pilcrow-square::before {
  content: "\e48b";
}
.icon-pilcrow::before {
  content: "\e3a3";
}
.icon-pill-bottle::before {
  content: "\e5ea";
}
.icon-pill::before {
  content: "\e3bd";
}
.icon-pin-off::before {
  content: "\e2b6";
}
.icon-pin::before {
  content: "\e259";
}
.icon-pipette::before {
  content: "\e13b";
}
.icon-pizza::before {
  content: "\e354";
}
.icon-plane-landing::before {
  content: "\e3cd";
}
.icon-plane-takeoff::before {
  content: "\e3ce";
}
.icon-plane::before {
  content: "\e1de";
}
.icon-play-circle::before {
  content: "\e080";
}
.icon-play-square::before {
  content: "\e481";
}
.icon-play::before {
  content: "\e13c";
}
.icon-plug-2::before {
  content: "\e380";
}
.icon-plug-zap-2::before {
  content: "\e45c";
}
.icon-plug-zap::before {
  content: "\e45c";
}
.icon-plug::before {
  content: "\e37f";
}
.icon-plus-circle::before {
  content: "\e081";
}
.icon-plus-square::before {
  content: "\e173";
}
.icon-plus::before {
  content: "\e13d";
}
.icon-pocket-knife::before {
  content: "\e4a0";
}
.icon-podcast::before {
  content: "\e1fa";
}
.icon-pointer-off::before {
  content: "\e57f";
}
.icon-pointer::before {
  content: "\e1e8";
}
.icon-popcorn::before {
  content: "\e4be";
}
.icon-popsicle::before {
  content: "\e4bf";
}
.icon-pound-sterling::before {
  content: "\e13f";
}
.icon-power-circle::before {
  content: "\e550";
}
.icon-power-off::before {
  content: "\e209";
}
.icon-power-square::before {
  content: "\e551";
}
.icon-power::before {
  content: "\e140";
}
.icon-presentation::before {
  content: "\e4ae";
}
.icon-printer-check::before {
  content: "\e5f5";
}
.icon-printer-x::before {
  content: "\e6c1";
}
.icon-printer::before {
  content: "\e141";
}
.icon-projector::before {
  content: "\e4af";
}
.icon-proportions::before {
  content: "\e5cf";
}
.icon-puzzle::before {
  content: "\e29c";
}
.icon-pyramid::before {
  content: "\e52c";
}
.icon-qr-code::before {
  content: "\e1df";
}
.icon-quote::before {
  content: "\e239";
}
.icon-rabbit::before {
  content: "\e4f6";
}
.icon-radar::before {
  content: "\e497";
}
.icon-radiation::before {
  content: "\e442";
}
.icon-radical::before {
  content: "\e5c2";
}
.icon-radio-off::before {
  content: "\e6dd";
}
.icon-radio-receiver::before {
  content: "\e1fb";
}
.icon-radio-tower::before {
  content: "\e404";
}
.icon-radio::before {
  content: "\e142";
}
.icon-radius::before {
  content: "\e52d";
}
.icon-rainbow::before {
  content: "\e4c2";
}
.icon-rat::before {
  content: "\e3eb";
}
.icon-ratio::before {
  content: "\e4e8";
}
.icon-receipt-cent::before {
  content: "\e5a5";
}
.icon-receipt-euro::before {
  content: "\e5a6";
}
.icon-receipt-indian-rupee::before {
  content: "\e5a7";
}
.icon-receipt-japanese-yen::before {
  content: "\e5a8";
}
.icon-receipt-pound-sterling::before {
  content: "\e5a9";
}
.icon-receipt-russian-ruble::before {
  content: "\e5aa";
}
.icon-receipt-swiss-franc::before {
  content: "\e5ab";
}
.icon-receipt-text::before {
  content: "\e5ac";
}
.icon-receipt-turkish-lira::before {
  content: "\e67f";
}
.icon-receipt::before {
  content: "\e3d3";
}
.icon-rectangle-circle::before {
  content: "\e673";
}
.icon-rectangle-ellipsis::before {
  content: "\e21f";
}
.icon-rectangle-goggles::before {
  content: "\e656";
}
.icon-rectangle-horizontal::before {
  content: "\e376";
}
.icon-rectangle-vertical::before {
  content: "\e377";
}
.icon-recycle::before {
  content: "\e2e9";
}
.icon-redo-2::before {
  content: "\e2a0";
}
.icon-redo-dot::before {
  content: "\e450";
}
.icon-redo::before {
  content: "\e143";
}
.icon-refresh-ccw-dot::before {
  content: "\e4b2";
}
.icon-refresh-ccw::before {
  content: "\e144";
}
.icon-refresh-cw-off::before {
  content: "\e498";
}
.icon-refresh-cw::before {
  content: "\e145";
}
.icon-refrigerator::before {
  content: "\e37b";
}
.icon-regex::before {
  content: "\e1fc";
}
.icon-remove-formatting::before {
  content: "\e3b3";
}
.icon-repeat-1::before {
  content: "\e1fd";
}
.icon-repeat-2::before {
  content: "\e411";
}
.icon-repeat::before {
  content: "\e146";
}
.icon-replace-all::before {
  content: "\e3dc";
}
.icon-replace::before {
  content: "\e3db";
}
.icon-reply-all::before {
  content: "\e22b";
}
.icon-reply::before {
  content: "\e22a";
}
.icon-rewind::before {
  content: "\e147";
}
.icon-ribbon::before {
  content: "\e558";
}
.icon-road::before {
  content: "\e6d9";
}
.icon-rocket::before {
  content: "\e286";
}
.icon-rocking-chair::before {
  content: "\e233";
}
.icon-roller-coaster::before {
  content: "\e480";
}
.icon-rose::before {
  content: "\e691";
}
.icon-rotate-3-d::before {
  content: "\e2ea";
}
.icon-rotate-3d::before {
  content: "\e2ea";
}
.icon-rotate-ccw-key::before {
  content: "\e650";
}
.icon-rotate-ccw-square::before {
  content: "\e5d0";
}
.icon-rotate-ccw::before {
  content: "\e148";
}
.icon-rotate-cw-square::before {
  content: "\e5d1";
}
.icon-rotate-cw::before {
  content: "\e149";
}
.icon-route-off::before {
  content: "\e53f";
}
.icon-route::before {
  content: "\e53e";
}
.icon-router::before {
  content: "\e3bf";
}
.icon-rows-2::before {
  content: "\e439";
}
.icon-rows-3::before {
  content: "\e58a";
}
.icon-rows-4::before {
  content: "\e58b";
}
.icon-rows::before {
  content: "\e439";
}
.icon-rss::before {
  content: "\e14a";
}
.icon-ruler-dimension-line::before {
  content: "\e662";
}
.icon-ruler::before {
  content: "\e14b";
}
.icon-russian-ruble::before {
  content: "\e14c";
}
.icon-sailboat::before {
  content: "\e37e";
}
.icon-salad::before {
  content: "\e3a8";
}
.icon-sandwich::before {
  content: "\e3a9";
}
.icon-satellite-dish::before {
  content: "\e448";
}
.icon-satellite::before {
  content: "\e447";
}
.icon-saudi-riyal::before {
  content: "\e64b";
}
.icon-save-all::before {
  content: "\e40f";
}
.icon-save-off::before {
  content: "\e5f3";
}
.icon-save::before {
  content: "\e14d";
}
.icon-scale-3-d::before {
  content: "\e2eb";
}
.icon-scale-3d::before {
  content: "\e2eb";
}
.icon-scale::before {
  content: "\e212";
}
.icon-scaling::before {
  content: "\e2ec";
}
.icon-scan-barcode::before {
  content: "\e535";
}
.icon-scan-eye::before {
  content: "\e536";
}
.icon-scan-face::before {
  content: "\e371";
}
.icon-scan-heart::before {
  content: "\e63a";
}
.icon-scan-line::before {
  content: "\e258";
}
.icon-scan-qr-code::before {
  content: "\e5f6";
}
.icon-scan-search::before {
  content: "\e537";
}
.icon-scan-text::before {
  content: "\e538";
}
.icon-scan::before {
  content: "\e257";
}
.icon-scatter-chart::before {
  content: "\e48a";
}
.icon-school-2::before {
  content: "\e3e5";
}
.icon-school::before {
  content: "\e3e3";
}
.icon-scissors-line-dashed::before {
  content: "\e4e9";
}
.icon-scissors-square-dashed-bottom::before {
  content: "\e4eb";
}
.icon-scissors-square::before {
  content: "\e4ec";
}
.icon-scissors::before {
  content: "\e14e";
}
.icon-scooter::before {
  content: "\e6ac";
}
.icon-screen-share-off::before {
  content: "\e150";
}
.icon-screen-share::before {
  content: "\e14f";
}
.icon-scroll-text::before {
  content: "\e45f";
}
.icon-scroll::before {
  content: "\e2ed";
}
.icon-search-alert::before {
  content: "\e6af";
}
.icon-search-check::before {
  content: "\e4aa";
}
.icon-search-code::before {
  content: "\e4ab";
}
.icon-search-slash::before {
  content: "\e4ac";
}
.icon-search-x::before {
  content: "\e4ad";
}
.icon-search::before {
  content: "\e151";
}
.icon-section::before {
  content: "\e5e8";
}
.icon-send-horizonal::before {
  content: "\e4f2";
}
.icon-send-horizontal::before {
  content: "\e4f2";
}
.icon-send-to-back::before {
  content: "\e4f3";
}
.icon-send::before {
  content: "\e152";
}
.icon-separator-horizontal::before {
  content: "\e1c8";
}
.icon-separator-vertical::before {
  content: "\e1c9";
}
.icon-server-cog::before {
  content: "\e341";
}
.icon-server-crash::before {
  content: "\e1e9";
}
.icon-server-off::before {
  content: "\e1ea";
}
.icon-server::before {
  content: "\e153";
}
.icon-settings-2::before {
  content: "\e245";
}
.icon-settings::before {
  content: "\e154";
}
.icon-shapes::before {
  content: "\e4b3";
}
.icon-share-2::before {
  content: "\e156";
}
.icon-share::before {
  content: "\e155";
}
.icon-sheet::before {
  content: "\e157";
}
.icon-shell::before {
  content: "\e4f7";
}
.icon-shelving-unit::before {
  content: "\e6c2";
}
.icon-shield-alert::before {
  content: "\e1fe";
}
.icon-shield-ban::before {
  content: "\e159";
}
.icon-shield-check::before {
  content: "\e1ff";
}
.icon-shield-close::before {
  content: "\e200";
}
.icon-shield-cog-corner::before {
  content: "\e6da";
}
.icon-shield-cog::before {
  content: "\e6da";
}
.icon-shield-ellipsis::before {
  content: "\e516";
}
.icon-shield-half::before {
  content: "\e517";
}
.icon-shield-minus::before {
  content: "\e518";
}
.icon-shield-off::before {
  content: "\e15a";
}
.icon-shield-plus::before {
  content: "\e519";
}
.icon-shield-question-mark::before {
  content: "\e40e";
}
.icon-shield-question::before {
  content: "\e40e";
}
.icon-shield-user::before {
  content: "\e647";
}
.icon-shield-x::before {
  content: "\e200";
}
.icon-shield::before {
  content: "\e158";
}
.icon-ship-wheel::before {
  content: "\e502";
}
.icon-ship::before {
  content: "\e3ba";
}
.icon-shirt::before {
  content: "\e1ca";
}
.icon-shopping-bag::before {
  content: "\e15b";
}
.icon-shopping-basket::before {
  content: "\e4ea";
}
.icon-shopping-cart::before {
  content: "\e15c";
}
.icon-shovel::before {
  content: "\e15d";
}
.icon-shower-head::before {
  content: "\e37c";
}
.icon-shredder::before {
  content: "\e65b";
}
.icon-shrimp::before {
  content: "\e649";
}
.icon-shrink::before {
  content: "\e220";
}
.icon-shrub::before {
  content: "\e2ee";
}
.icon-shuffle::before {
  content: "\e15e";
}
.icon-sidebar-close::before {
  content: "\e21c";
}
.icon-sidebar-open::before {
  content: "\e21d";
}
.icon-sidebar::before {
  content: "\e12a";
}
.icon-sigma-square::before {
  content: "\e489";
}
.icon-sigma::before {
  content: "\e201";
}
.icon-signal-high::before {
  content: "\e260";
}
.icon-signal-low::before {
  content: "\e261";
}
.icon-signal-medium::before {
  content: "\e262";
}
.icon-signal-zero::before {
  content: "\e263";
}
.icon-signal::before {
  content: "\e25f";
}
.icon-signature::before {
  content: "\e5f2";
}
.icon-signpost-big::before {
  content: "\e541";
}
.icon-signpost::before {
  content: "\e540";
}
.icon-siren::before {
  content: "\e2ef";
}
.icon-skip-back::before {
  content: "\e15f";
}
.icon-skip-forward::before {
  content: "\e160";
}
.icon-skull::before {
  content: "\e221";
}
.icon-slash-square::before {
  content: "\e174";
}
.icon-slash::before {
  content: "\e51d";
}
.icon-slice::before {
  content: "\e2f0";
}
.icon-sliders-horizontal::before {
  content: "\e29a";
}
.icon-sliders-vertical::before {
  content: "\e162";
}
.icon-sliders::before {
  content: "\e162";
}
.icon-smartphone-charging::before {
  content: "\e22e";
}
.icon-smartphone-nfc::before {
  content: "\e3c4";
}
.icon-smartphone::before {
  content: "\e163";
}
.icon-smile-plus::before {
  content: "\e301";
}
.icon-smile::before {
  content: "\e164";
}
.icon-snail::before {
  content: "\e4f8";
}
.icon-snowflake::before {
  content: "\e165";
}
.icon-soap-dispenser-droplet::before {
  content: "\e669";
}
.icon-sofa::before {
  content: "\e2c4";
}
.icon-solar-panel::before {
  content: "\e69f";
}
.icon-sort-asc::before {
  content: "\e04c";
}
.icon-sort-desc::before {
  content: "\e047";
}
.icon-soup::before {
  content: "\e3aa";
}
.icon-space::before {
  content: "\e3dd";
}
.icon-spade::before {
  content: "\e499";
}
.icon-sparkle::before {
  content: "\e47e";
}
.icon-sparkles::before {
  content: "\e412";
}
.icon-speaker::before {
  content: "\e166";
}
.icon-speech::before {
  content: "\e51e";
}
.icon-spell-check-2::before {
  content: "\e49b";
}
.icon-spell-check::before {
  content: "\e49a";
}
.icon-spline-pointer::before {
  content: "\e64f";
}
.icon-spline::before {
  content: "\e38b";
}
.icon-split-square-horizontal::before {
  content: "\e3b6";
}
.icon-split-square-vertical::before {
  content: "\e3b7";
}
.icon-split::before {
  content: "\e440";
}
.icon-spool::before {
  content: "\e677";
}
.icon-sport-shoe::before {
  content: "\e6db";
}
.icon-spotlight::before {
  content: "\e682";
}
.icon-spray-can::before {
  content: "\e495";
}
.icon-sprout::before {
  content: "\e1eb";
}
.icon-square-activity::before {
  content: "\e4b4";
}
.icon-square-arrow-down-left::before {
  content: "\e4b5";
}
.icon-square-arrow-down-right::before {
  content: "\e4b6";
}
.icon-square-arrow-down::before {
  content: "\e427";
}
.icon-square-arrow-left::before {
  content: "\e428";
}
.icon-square-arrow-out-down-left::before {
  content: "\e5a1";
}
.icon-square-arrow-out-down-right::before {
  content: "\e5a2";
}
.icon-square-arrow-out-up-left::before {
  content: "\e5a3";
}
.icon-square-arrow-out-up-right::before {
  content: "\e5a4";
}
.icon-square-arrow-right-enter::before {
  content: "\e6c3";
}
.icon-square-arrow-right-exit::before {
  content: "\e6c4";
}
.icon-square-arrow-right::before {
  content: "\e429";
}
.icon-square-arrow-up-left::before {
  content: "\e4b7";
}
.icon-square-arrow-up-right::before {
  content: "\e4b8";
}
.icon-square-arrow-up::before {
  content: "\e42a";
}
.icon-square-asterisk::before {
  content: "\e168";
}
.icon-square-bottom-dashed-scissors::before {
  content: "\e4eb";
}
.icon-square-centerline-dashed-horizontal::before {
  content: "\e6c5";
}
.icon-square-centerline-dashed-vertical::before {
  content: "\e6c6";
}
.icon-square-chart-gantt::before {
  content: "\e169";
}
.icon-square-check-big::before {
  content: "\e16a";
}
.icon-square-check::before {
  content: "\e559";
}
.icon-square-chevron-down::before {
  content: "\e3cf";
}
.icon-square-chevron-left::before {
  content: "\e3d0";
}
.icon-square-chevron-right::before {
  content: "\e3d1";
}
.icon-square-chevron-up::before {
  content: "\e3d2";
}
.icon-square-code::before {
  content: "\e16b";
}
.icon-square-dashed-bottom-code::before {
  content: "\e4c1";
}
.icon-square-dashed-bottom::before {
  content: "\e4c0";
}
.icon-square-dashed-kanban::before {
  content: "\e16c";
}
.icon-square-dashed-mouse-pointer::before {
  content: "\e509";
}
.icon-square-dashed-top-solid::before {
  content: "\e66c";
}
.icon-square-dashed::before {
  content: "\e1cb";
}
.icon-square-divide::before {
  content: "\e16d";
}
.icon-square-dot::before {
  content: "\e16e";
}
.icon-square-equal::before {
  content: "\e16f";
}
.icon-square-function::before {
  content: "\e22d";
}
.icon-square-gantt-chart::before {
  content: "\e169";
}
.icon-square-kanban::before {
  content: "\e170";
}
.icon-square-library::before {
  content: "\e54f";
}
.icon-square-m::before {
  content: "\e503";
}
.icon-square-menu::before {
  content: "\e453";
}
.icon-square-minus::before {
  content: "\e171";
}
.icon-square-mouse-pointer::before {
  content: "\e202";
}
.icon-square-parking-off::before {
  content: "\e3cc";
}
.icon-square-parking::before {
  content: "\e3cb";
}
.icon-square-pause::before {
  content: "\e684";
}
.icon-square-pen::before {
  content: "\e172";
}
.icon-square-percent::before {
  content: "\e51c";
}
.icon-square-pi::before {
  content: "\e488";
}
.icon-square-pilcrow::before {
  content: "\e48b";
}
.icon-square-play::before {
  content: "\e481";
}
.icon-square-plus::before {
  content: "\e173";
}
.icon-square-power::before {
  content: "\e551";
}
.icon-square-radical::before {
  content: "\e5c3";
}
.icon-square-round-corner::before {
  content: "\e648";
}
.icon-square-scissors::before {
  content: "\e4ec";
}
.icon-square-sigma::before {
  content: "\e489";
}
.icon-square-slash::before {
  content: "\e174";
}
.icon-square-split-horizontal::before {
  content: "\e3b6";
}
.icon-square-split-vertical::before {
  content: "\e3b7";
}
.icon-square-square::before {
  content: "\e60e";
}
.icon-square-stack::before {
  content: "\e4a2";
}
.icon-square-star::before {
  content: "\e68e";
}
.icon-square-stop::before {
  content: "\e685";
}
.icon-square-terminal::before {
  content: "\e20a";
}
.icon-square-user-round::before {
  content: "\e466";
}
.icon-square-user::before {
  content: "\e465";
}
.icon-square-x::before {
  content: "\e175";
}
.icon-square::before {
  content: "\e167";
}
.icon-squares-exclude::before {
  content: "\e657";
}
.icon-squares-intersect::before {
  content: "\e658";
}
.icon-squares-subtract::before {
  content: "\e659";
}
.icon-squares-unite::before {
  content: "\e65a";
}
.icon-squircle-dashed::before {
  content: "\e679";
}
.icon-squircle::before {
  content: "\e57a";
}
.icon-squirrel::before {
  content: "\e49f";
}
.icon-stamp::before {
  content: "\e3bb";
}
.icon-star-half::before {
  content: "\e20b";
}
.icon-star-off::before {
  content: "\e2b0";
}
.icon-star::before {
  content: "\e176";
}
.icon-stars::before {
  content: "\e412";
}
.icon-step-back::before {
  content: "\e3e9";
}
.icon-step-forward::before {
  content: "\e3ea";
}
.icon-stethoscope::before {
  content: "\e2f1";
}
.icon-sticker::before {
  content: "\e302";
}
.icon-sticky-note::before {
  content: "\e303";
}
.icon-stone::before {
  content: "\e6af";
}
.icon-stop-circle::before {
  content: "\e083";
}
.icon-store::before {
  content: "\e3e4";
}
.icon-stretch-horizontal::before {
  content: "\e27c";
}
.icon-stretch-vertical::before {
  content: "\e27d";
}
.icon-strikethrough::before {
  content: "\e177";
}
.icon-subscript::before {
  content: "\e25c";
}
.icon-subtitles::before {
  content: "\e3a4";
}
.icon-sun-dim::before {
  content: "\e299";
}
.icon-sun-medium::before {
  content: "\e2b1";
}
.icon-sun-moon::before {
  content: "\e2b2";
}
.icon-sun-snow::before {
  content: "\e372";
}
.icon-sun::before {
  content: "\e178";
}
.icon-sunrise::before {
  content: "\e179";
}
.icon-sunset::before {
  content: "\e17a";
}
.icon-superscript::before {
  content: "\e25e";
}
.icon-swatch-book::before {
  content: "\e59f";
}
.icon-swiss-franc::before {
  content: "\e17b";
}
.icon-switch-camera::before {
  content: "\e17c";
}
.icon-sword::before {
  content: "\e2b3";
}
.icon-swords::before {
  content: "\e2b4";
}
.icon-syringe::before {
  content: "\e2f2";
}
.icon-table-2::before {
  content: "\e2f9";
}
.icon-table-cells-merge::before {
  content: "\e5c7";
}
.icon-table-cells-split::before {
  content: "\e5c8";
}
.icon-table-columns-split::before {
  content: "\e5c9";
}
.icon-table-config::before {
  content: "\e661";
}
.icon-table-of-contents::before {
  content: "\e61e";
}
.icon-table-properties::before {
  content: "\e4db";
}
.icon-table-rows-split::before {
  content: "\e5ca";
}
.icon-table::before {
  content: "\e17d";
}
.icon-tablet-smartphone::before {
  content: "\e50a";
}
.icon-tablet::before {
  content: "\e17e";
}
.icon-tablets::before {
  content: "\e3be";
}
.icon-tag::before {
  content: "\e17f";
}
.icon-tags::before {
  content: "\e35c";
}
.icon-tally-1::before {
  content: "\e4d6";
}
.icon-tally-2::before {
  content: "\e4d7";
}
.icon-tally-3::before {
  content: "\e4d8";
}
.icon-tally-4::before {
  content: "\e4d9";
}
.icon-tally-5::before {
  content: "\e4da";
}
.icon-tangent::before {
  content: "\e52e";
}
.icon-target::before {
  content: "\e180";
}
.icon-telescope::before {
  content: "\e5c5";
}
.icon-tent-tree::before {
  content: "\e53b";
}
.icon-tent::before {
  content: "\e227";
}
.icon-terminal-square::before {
  content: "\e20a";
}
.icon-terminal::before {
  content: "\e181";
}
.icon-test-tube-2::before {
  content: "\e406";
}
.icon-test-tube-diagonal::before {
  content: "\e406";
}
.icon-test-tube::before {
  content: "\e405";
}
.icon-test-tubes::before {
  content: "\e407";
}
.icon-text-align-center::before {
  content: "\e182";
}
.icon-text-align-end::before {
  content: "\e183";
}
.icon-text-align-justify::before {
  content: "\e184";
}
.icon-text-align-start::before {
  content: "\e185";
}
.icon-text-cursor-input::before {
  content: "\e265";
}
.icon-text-cursor::before {
  content: "\e264";
}
.icon-text-initial::before {
  content: "\e605";
}
.icon-text-quote::before {
  content: "\e49e";
}
.icon-text-search::before {
  content: "\e5ad";
}
.icon-text-select::before {
  content: "\e3de";
}
.icon-text-selection::before {
  content: "\e3de";
}
.icon-text-wrap::before {
  content: "\e248";
}
.icon-text::before {
  content: "\e185";
}
.icon-theater::before {
  content: "\e522";
}
.icon-thermometer-snowflake::before {
  content: "\e187";
}
.icon-thermometer-sun::before {
  content: "\e188";
}
.icon-thermometer::before {
  content: "\e186";
}
.icon-thumbs-down::before {
  content: "\e189";
}
.icon-thumbs-up::before {
  content: "\e18a";
}
.icon-ticket-check::before {
  content: "\e5ae";
}
.icon-ticket-minus::before {
  content: "\e5af";
}
.icon-ticket-percent::before {
  content: "\e5b0";
}
.icon-ticket-plus::before {
  content: "\e5b1";
}
.icon-ticket-slash::before {
  content: "\e5b2";
}
.icon-ticket-x::before {
  content: "\e5b3";
}
.icon-ticket::before {
  content: "\e20f";
}
.icon-tickets-plane::before {
  content: "\e623";
}
.icon-tickets::before {
  content: "\e622";
}
.icon-timer-off::before {
  content: "\e249";
}
.icon-timer-reset::before {
  content: "\e236";
}
.icon-timer::before {
  content: "\e1e0";
}
.icon-toggle-left::before {
  content: "\e18b";
}
.icon-toggle-right::before {
  content: "\e18c";
}
.icon-toilet::before {
  content: "\e635";
}
.icon-tool-case::before {
  content: "\e67d";
}
.icon-toolbox::before {
  content: "\e6b0";
}
.icon-tornado::before {
  content: "\e218";
}
.icon-torus::before {
  content: "\e52f";
}
.icon-touchpad-off::before {
  content: "\e44a";
}
.icon-touchpad::before {
  content: "\e449";
}
.icon-towel-rack::before {
  content: "\e6c7";
}
.icon-tower-control::before {
  content: "\e3bc";
}
.icon-toy-brick::before {
  content: "\e347";
}
.icon-tractor::before {
  content: "\e504";
}
.icon-traffic-cone::before {
  content: "\e505";
}
.icon-train-front-tunnel::before {
  content: "\e507";
}
.icon-train-front::before {
  content: "\e506";
}
.icon-train-track::before {
  content: "\e508";
}
.icon-train::before {
  content: "\e2a9";
}
.icon-tram-front::before {
  content: "\e2a9";
}
.icon-transgender::before {
  content: "\e644";
}
.icon-trash-2::before {
  content: "\e18e";
}
.icon-trash::before {
  content: "\e18d";
}
.icon-tree-deciduous::before {
  content: "\e2f3";
}
.icon-tree-palm::before {
  content: "\e281";
}
.icon-tree-pine::before {
  content: "\e2f4";
}
.icon-trees::before {
  content: "\e2f5";
}
.icon-trending-down::before {
  content: "\e190";
}
.icon-trending-up-down::before {
  content: "\e625";
}
.icon-trending-up::before {
  content: "\e191";
}
.icon-triangle-alert::before {
  content: "\e193";
}
.icon-triangle-dashed::before {
  content: "\e63d";
}
.icon-triangle-right::before {
  content: "\e4ed";
}
.icon-triangle::before {
  content: "\e192";
}
.icon-trophy::before {
  content: "\e373";
}
.icon-truck-electric::before {
  content: "\e65f";
}
.icon-truck::before {
  content: "\e194";
}
.icon-turkish-lira::before {
  content: "\e680";
}
.icon-turntable::before {
  content: "\e68c";
}
.icon-turtle::before {
  content: "\e4f9";
}
.icon-tv-2::before {
  content: "\e203";
}
.icon-tv-minimal-play::before {
  content: "\e5ec";
}
.icon-tv-minimal::before {
  content: "\e203";
}
.icon-tv::before {
  content: "\e195";
}
.icon-type-outline::before {
  content: "\e602";
}
.icon-type::before {
  content: "\e198";
}
.icon-umbrella-off::before {
  content: "\e543";
}
.icon-umbrella::before {
  content: "\e199";
}
.icon-underline::before {
  content: "\e19a";
}
.icon-undo-2::before {
  content: "\e2a1";
}
.icon-undo-dot::before {
  content: "\e451";
}
.icon-undo::before {
  content: "\e19b";
}
.icon-unfold-horizontal::before {
  content: "\e43d";
}
.icon-unfold-vertical::before {
  content: "\e43e";
}
.icon-ungroup::before {
  content: "\e467";
}
.icon-university::before {
  content: "\e3e5";
}
.icon-unlink-2::before {
  content: "\e19d";
}
.icon-unlink::before {
  content: "\e19c";
}
.icon-unlock-keyhole::before {
  content: "\e532";
}
.icon-unlock::before {
  content: "\e10c";
}
.icon-unplug::before {
  content: "\e45d";
}
.icon-upload-cloud::before {
  content: "\e091";
}
.icon-upload::before {
  content: "\e19e";
}
.icon-usb::before {
  content: "\e356";
}
.icon-user-2::before {
  content: "\e468";
}
.icon-user-check-2::before {
  content: "\e469";
}
.icon-user-check::before {
  content: "\e1a0";
}
.icon-user-circle-2::before {
  content: "\e462";
}
.icon-user-circle::before {
  content: "\e461";
}
.icon-user-cog-2::before {
  content: "\e46a";
}
.icon-user-cog::before {
  content: "\e342";
}
.icon-user-key::before {
  content: "\e6c8";
}
.icon-user-lock::before {
  content: "\e660";
}
.icon-user-minus-2::before {
  content: "\e46b";
}
.icon-user-minus::before {
  content: "\e1a1";
}
.icon-user-pen::before {
  content: "\e5fc";
}
.icon-user-plus-2::before {
  content: "\e46c";
}
.icon-user-plus::before {
  content: "\e1a2";
}
.icon-user-round-check::before {
  content: "\e469";
}
.icon-user-round-cog::before {
  content: "\e46a";
}
.icon-user-round-key::before {
  content: "\e6c9";
}
.icon-user-round-minus::before {
  content: "\e46b";
}
.icon-user-round-pen::before {
  content: "\e5fd";
}
.icon-user-round-plus::before {
  content: "\e46c";
}
.icon-user-round-search::before {
  content: "\e578";
}
.icon-user-round-x::before {
  content: "\e46d";
}
.icon-user-round::before {
  content: "\e468";
}
.icon-user-search::before {
  content: "\e579";
}
.icon-user-square-2::before {
  content: "\e466";
}
.icon-user-square::before {
  content: "\e465";
}
.icon-user-star::before {
  content: "\e687";
}
.icon-user-x-2::before {
  content: "\e46d";
}
.icon-user-x::before {
  content: "\e1a3";
}
.icon-user::before {
  content: "\e19f";
}
.icon-users-2::before {
  content: "\e46e";
}
.icon-users-round::before {
  content: "\e46e";
}
.icon-users::before {
  content: "\e1a4";
}
.icon-utensils-crossed::before {
  content: "\e2f7";
}
.icon-utensils::before {
  content: "\e2f6";
}
.icon-utility-pole::before {
  content: "\e3c2";
}
.icon-van::before {
  content: "\e6ad";
}
.icon-variable::before {
  content: "\e473";
}
.icon-vault::before {
  content: "\e58f";
}
.icon-vector-square::before {
  content: "\e67c";
}
.icon-vegan::before {
  content: "\e39d";
}
.icon-venetian-mask::before {
  content: "\e2aa";
}
.icon-venus-and-mars::before {
  content: "\e646";
}
.icon-venus::before {
  content: "\e645";
}
.icon-verified::before {
  content: "\e241";
}
.icon-vibrate-off::before {
  content: "\e29d";
}
.icon-vibrate::before {
  content: "\e223";
}
.icon-video-off::before {
  content: "\e1a6";
}
.icon-video::before {
  content: "\e1a5";
}
.icon-videotape::before {
  content: "\e4cb";
}
.icon-view::before {
  content: "\e1a7";
}
.icon-voicemail::before {
  content: "\e1a8";
}
.icon-volleyball::before {
  content: "\e62f";
}
.icon-volume-1::before {
  content: "\e1aa";
}
.icon-volume-2::before {
  content: "\e1ab";
}
.icon-volume-off::before {
  content: "\e626";
}
.icon-volume-x::before {
  content: "\e1ac";
}
.icon-volume::before {
  content: "\e1a9";
}
.icon-vote::before {
  content: "\e3ad";
}
.icon-wallet-2::before {
  content: "\e4cd";
}
.icon-wallet-cards::before {
  content: "\e4cc";
}
.icon-wallet-minimal::before {
  content: "\e4cd";
}
.icon-wallet::before {
  content: "\e204";
}
.icon-wallpaper::before {
  content: "\e44b";
}
.icon-wand-2::before {
  content: "\e357";
}
.icon-wand-sparkles::before {
  content: "\e357";
}
.icon-wand::before {
  content: "\e246";
}
.icon-warehouse::before {
  content: "\e3e6";
}
.icon-washing-machine::before {
  content: "\e590";
}
.icon-watch::before {
  content: "\e1ad";
}
.icon-waves-arrow-down::before {
  content: "\e6a9";
}
.icon-waves-arrow-up::before {
  content: "\e6aa";
}
.icon-waves-ladder::before {
  content: "\e63b";
}
.icon-waves::before {
  content: "\e283";
}
.icon-waypoints::before {
  content: "\e542";
}
.icon-webcam::before {
  content: "\e205";
}
.icon-webhook-off::before {
  content: "\e5b7";
}
.icon-webhook::before {
  content: "\e374";
}
.icon-weight-tilde::before {
  content: "\e6ae";
}
.icon-weight::before {
  content: "\e530";
}
.icon-wheat-off::before {
  content: "\e39f";
}
.icon-wheat::before {
  content: "\e39e";
}
.icon-whole-word::before {
  content: "\e3df";
}
.icon-wifi-cog::before {
  content: "\e674";
}
.icon-wifi-high::before {
  content: "\e5f7";
}
.icon-wifi-low::before {
  content: "\e5f8";
}
.icon-wifi-off::before {
  content: "\e1af";
}
.icon-wifi-pen::before {
  content: "\e663";
}
.icon-wifi-sync::before {
  content: "\e681";
}
.icon-wifi-zero::before {
  content: "\e5f9";
}
.icon-wifi::before {
  content: "\e1ae";
}
.icon-wind-arrow-down::before {
  content: "\e631";
}
.icon-wind::before {
  content: "\e1b0";
}
.icon-wine-off::before {
  content: "\e3a0";
}
.icon-wine::before {
  content: "\e2f8";
}
.icon-workflow::before {
  content: "\e425";
}
.icon-worm::before {
  content: "\e5da";
}
.icon-wrap-text::before {
  content: "\e248";
}
.icon-wrench::before {
  content: "\e1b1";
}
.icon-x-circle::before {
  content: "\e084";
}
.icon-x-line-top::before {
  content: "\e6ca";
}
.icon-x-octagon::before {
  content: "\e128";
}
.icon-x-square::before {
  content: "\e175";
}
.icon-x::before {
  content: "\e1b2";
}
.icon-zap-off::before {
  content: "\e1b5";
}
.icon-zap::before {
  content: "\e1b4";
}
.icon-zodiac-aquarius::before {
  content: "\e6cb";
}
.icon-zodiac-aries::before {
  content: "\e6cc";
}
.icon-zodiac-cancer::before {
  content: "\e6cd";
}
.icon-zodiac-capricorn::before {
  content: "\e6ce";
}
.icon-zodiac-gemini::before {
  content: "\e6cf";
}
.icon-zodiac-leo::before {
  content: "\e6d0";
}
.icon-zodiac-libra::before {
  content: "\e6d1";
}
.icon-zodiac-ophiuchus::before {
  content: "\e6d2";
}
.icon-zodiac-pisces::before {
  content: "\e6d3";
}
.icon-zodiac-sagittarius::before {
  content: "\e6d4";
}
.icon-zodiac-scorpio::before {
  content: "\e6d5";
}
.icon-zodiac-taurus::before {
  content: "\e6d6";
}
.icon-zodiac-virgo::before {
  content: "\e6d7";
}
.icon-zoom-in::before {
  content: "\e1b6";
}
.icon-zoom-out::before {
  content: "\e1b7";
}

/* src/styles.scss */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
:root {
  --ngk-field-core-height: 2.3rem;
  --ngk-field-outline-width: 3px;
  --ngk-field-border-width: 1px;
  --ngk-field-focus-outline-color: var(--color-secondary-200);
  --ngk-field-focus-border-color: var(--color-secondary-400);
  --ngk-field-min-width: 200px;
  --ngk-field-max-width: 250px;
  --ngk-field-border-radius: 0.5rem;
  --ngk-field-bg-color: color-mix(in hsl, var(--color-neutral-100), transparent 30%);
  --ngk-field-border-color: var(--color-neutral-300);
  --color-secondary-900: var(--color-secondary-800);
  --color-tertiary-900: var(--color-tertiary-600);
  --color-success-900: var(--color-success-600);
  --color-warning-900: var(--color-warning-600);
  --color-blue-900: var(--color-blue-400);
  font-feature-settings:
    "liga" 1,
    "calt" 1,
    "tnum";
}
body {
  font-size: var(--font-size-body-xs);
}
.no-scroll-bar {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}
.no-scroll-bar::-webkit-scrollbar {
  display: none;
}
.pointer {
  cursor: pointer;
}
.flex-separator {
  flex: 1 1 auto;
}
.elevation-0 {
  box-shadow: none;
}
.elevation-1 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.elevation-2 {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.elevation-3 {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.elevation-4 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.12);
}
.elevation-5 {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.16);
}
:root {
  --ngk-icon-picker-size: 3.5rem;
}
ngk-icon {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
ngk-icon > span {
  line-height: normal;
  font-weight: normal !important;
}
ngk-icon .custom-icon__wrapper {
  display: contents;
}
ngk-icon .custom-icon__wrapper > svg {
  width: 100% !important;
  height: 100% !important;
}
ngk-icon .custom-icon__wrapper.has-managed-fill > svg:not([fill=none]) {
  fill: currentColor !important;
}
ngk-icon .custom-icon__wrapper.has-managed-fill > svg *[fill]:not([fill=none]) {
  fill: currentColor !important;
}
ngk-icon .custom-icon__wrapper.has-managed-stroke > svg:not([stroke=none]) {
  stroke: currentColor !important;
}
ngk-icon .custom-icon__wrapper.has-managed-stroke > svg *[stroke]:not([stroke=none]) {
  stroke: currentColor !important;
}
.ngk-icon-picker {
  --bg-color: var(--color-neutral-200);
  --b-color: transparent;
  --fg-color: var(--color-neutral-900);
  --outline-color: transparent;
  display: block;
  width: var(--ngk-icon-picker-size);
  height: var(--ngk-icon-picker-size);
  flex: 0 0 auto;
}
.ngk-icon-picker.is-invalid:not(.disabled) .ngk-icon-picker__wrapper,
.ngk-icon-picker.ng-invalid.ng-touched:not(.disabled) .ngk-icon-picker__wrapper {
  --bg-color: var(--color-warning-100);
  --b-color: var(--color-warning-400);
  --fg-color: var(--color-warning-400);
}
.ngk-icon-picker.is-invalid:not(.disabled) .ngk-icon-picker__wrapper:focus-visible,
.ngk-icon-picker.ng-invalid.ng-touched:not(.disabled) .ngk-icon-picker__wrapper:focus-visible {
  --b-color: transparent;
  --outline-color: var(--color-warning-200);
}
.ngk-icon-picker.disabled .ngk-icon-picker__wrapper {
  cursor: not-allowed;
  --fg-color: var(--color-neutral-500);
}
.ngk-icon-picker__wrapper {
  cursor: pointer;
  background-color: var(--bg-color);
  color: var(--fg-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-300);
  border: 1px solid var(--b-color);
  outline: 2px solid var(--outline-color);
  outline-offset: 3px;
  transition:
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-icon-picker__wrapper:focus-visible {
  --outline-color: var(--color-secondary-200);
  transform: scale(0.8);
}
.ngk-icon-picker:not(.disabled) .ngk-icon-picker__wrapper:hover,
.ngk-icon-picker:not(.disabled) .ngk-icon-picker__wrapper:focus-visible {
  --bg-color: var(--color-secondary-100);
  --fg-color: var(--color-secondary-400);
}
.ngk-icon-picker-panel {
  background-color: var(--color-neutral-white);
  border-radius: var(--border-radius-400);
  box-shadow: var(--shadow-lg);
  transform: scale(0.1);
  padding: var(--space-200);
  opacity: 0;
  animation: icon-picker-enter-animation 0.25s forwards cubic-bezier(0.68, -0.55, 0.27, 1.55);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-200);
}
.ngk-icon-picker-panel.is-leaving {
  animation: icon-picker-leave-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.ngk-icon-picker-panel .panel-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  flex: 0 0 auto;
}
.ngk-icon-picker-panel .panel-header .view-switch {
  flex: 0 0 auto;
}
.ngk-icon-picker-panel .panel-content {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
@keyframes icon-picker-enter-animation {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes icon-picker-leave-animation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
  }
}
.picker-panel-view--grid {
  display: block;
  width: 100%;
  height: 100%;
}
.picker-panel-view--grid.is-entering,
.picker-panel-view--grid.is-leaving {
  position: absolute;
  top: 0;
  left: 0;
}
.picker-panel-view--grid.is-ready.is-leaving {
  animation: icon-picker-grid-view-leave-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-panel-view--grid.is-ready.is-entering {
  animation: icon-picker-grid-view-enter-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-panel-view--grid .grid-container {
  height: 100%;
}
.picker-panel-view--grid .grid-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--icon-picker-panel-gap);
  margin-bottom: var(--icon-picker-panel-gap);
}
.picker-panel-view--grid .grid-item {
  flex: 0 0 auto;
  width: var(--icon-picker-grid-item-size);
  height: var(--icon-picker-grid-item-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-color: var(--color-neutral-200);
  border-radius: var(--border-radius-300);
  outline: 2px solid transparent;
  outline-offset: 3px;
  cursor: pointer;
  transition:
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-panel-view--grid .grid-item ngk-icon {
  transition: transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-panel-view--grid .grid-item.is-selected {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-400);
}
.picker-panel-view--grid:not(:has(.grid-row > .grid-item:focus)) .grid-item:hover,
.picker-panel-view--grid .grid-row > .grid-item:focus {
  transform: scale(0.8);
  outline-color: var(--color-secondary-200);
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-400);
}
.picker-panel-view--grid:not(:has(.grid-row > .grid-item:focus)) .grid-item:hover ngk-icon,
.picker-panel-view--grid .grid-row > .grid-item:focus ngk-icon {
  transform: scale(1.2);
}
@keyframes icon-picker-grid-view-enter-animation {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes icon-picker-grid-view-leave-animation {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100%);
  }
}
.picker-panel-view--list {
  display: block;
  width: 100%;
  height: 100%;
}
.picker-panel-view--list.is-entering,
.picker-panel-view--list.is-leaving {
  position: absolute;
  top: 0;
  left: 0;
}
.picker-panel-view--list.is-ready.is-leaving {
  animation: icon-picker-list-view-leave-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-panel-view--list.is-ready.is-entering {
  animation: icon-picker-list-view-enter-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-panel-view--list .list-container {
  height: 100%;
}
.picker-panel-view--list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--icon-picker-panel-gap);
  height: 4rem;
  margin-bottom: var(--icon-picker-panel-gap);
  background-color: transparent;
  border-radius: var(--border-radius-300);
  color: var(--color-neutral-900);
  padding: var(--space-100);
  outline: 2px solid transparent;
  outline-offset: -2px;
  cursor: pointer;
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-radius 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-panel-view--list .list-item:hover,
.picker-panel-view--list .list-item.is-selected,
.picker-panel-view--list .list-item:focus-visible {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-400);
}
.picker-panel-view--list .list-item:hover .icon-area,
.picker-panel-view--list .list-item.is-selected .icon-area,
.picker-panel-view--list .list-item:focus-visible .icon-area {
  background-color: var(--color-secondary-200);
}
.picker-panel-view--list .list-item:focus-visible {
  outline-color: var(--color-secondary-200);
}
.picker-panel-view--list .list-item .icon-area {
  flex: 0 0 auto;
  width: calc(4rem - 2 * var(--space-100));
  height: calc(4rem - 2 * var(--space-100));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-color: var(--color-neutral-200);
  border-radius: var(--border-radius-300);
  color: inherit;
}
.picker-panel-view--list .list-item .info-area {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.picker-panel-view--list .list-item .info-area .info-name {
  font-size: var(--font-size-body-sm);
  font-weight: 600;
}
.picker-panel-view--list .list-item .info-area .info-meta {
  font-size: var(--font-size-body-xs);
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  word-break: break-word;
}
@keyframes icon-picker-list-view-enter-animation {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes icon-picker-list-view-leave-animation {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
ngk-spinner {
  display: inline-block;
  position: relative;
}
ngk-spinner,
ngk-spinner .track,
ngk-spinner .progress {
  aspect-ratio: 1;
}
ngk-spinner .track,
ngk-spinner .progress {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  border-style: solid;
  border-color: currentColor;
}
ngk-spinner .track {
  border-width: 3px;
  opacity: 0.2;
}
ngk-spinner .progress {
  border-width: 4px;
  border-top-color: transparent;
  border-right-color: transparent;
  animation: 500ms rotate infinite ease-in-out;
  transform-origin: center;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
[ngkButton],
[ngkIconButton] {
  --background-color: color(secondary, 400);
  --border-color: transparent;
  --foreground-color: color(neutral, white);
  --actions-trigger-separator-color: rgba(255, 255, 255, 0.2);
  --outline-color: transparent;
  flex: 0 0 auto;
  display: inline-flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  border-radius: var(--ngk-field-border-radius, 0.35rem) !important;
  position: relative;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  -webkit-font-smoothing: antialiased !important;
}
[ngkButton]:not([disabled]),
[ngkIconButton]:not([disabled]) {
  outline: 3px solid var(--outline-color) !important;
  background-color: var(--background-color) !important;
  border: 1px solid var(--border-color) !important;
  border-color: var(--border-color) !important;
  color: var(--foreground-color) !important;
}
[ngkButton].is-initialized,
[ngkIconButton].is-initialized {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
[ngkButton].button--sm,
[ngkIconButton].button--sm {
  height: calc(var(--ngk-field-core-height) * 0.85);
}
[ngkButton].button--md,
[ngkIconButton].button--md {
  height: var(--ngk-field-core-height);
}
[ngkButton].button--lg,
[ngkIconButton].button--lg {
  height: calc(var(--ngk-field-core-height) * 1.25);
}
[ngkButton].is-busy,
[ngkIconButton].is-busy {
  pointer-events: none;
}
[ngkButton].button--mode-solid.button--color-primary,
[ngkIconButton].button--mode-solid.button--color-primary {
  --background-color: var(--color-secondary-400) !important;
  --foreground-color: var(--color-neutral-white) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-neutral-white) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-primary:hover,
[ngkIconButton].button--mode-solid.button--color-primary:hover {
  --background-color: var(--color-secondary-500) !important;
  --border-color: transparent !important;
}
[ngkButton].button--mode-solid.button--color-primary:focus-visible,
[ngkIconButton].button--mode-solid.button--color-primary:focus-visible {
  --outline-color: var(--color-secondary-200) !important;
}
[ngkButton].button--mode-solid.button--color-secondary,
[ngkIconButton].button--mode-solid.button--color-secondary {
  --background-color: var(--color-primary-600) !important;
  --foreground-color: var(--color-neutral-black) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-neutral-black) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-secondary:hover,
[ngkIconButton].button--mode-solid.button--color-secondary:hover {
  --background-color: var(--color-primary-500) !important;
  --border-color: transparent !important;
}
[ngkButton].button--mode-solid.button--color-secondary:focus-visible,
[ngkIconButton].button--mode-solid.button--color-secondary:focus-visible {
  --outline-color: var(--color-primary-200) !important;
}
[ngkButton].button--mode-solid.button--color-tertiary,
[ngkIconButton].button--mode-solid.button--color-tertiary {
  --background-color: var(--color-tertiary-400) !important;
  --foreground-color: var(--color-neutral-white) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-neutral-white) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-tertiary:hover,
[ngkIconButton].button--mode-solid.button--color-tertiary:hover {
  --background-color: var(--color-tertiary-600) !important;
  --border-color: transparent !important;
}
[ngkButton].button--mode-solid.button--color-tertiary:focus-visible,
[ngkIconButton].button--mode-solid.button--color-tertiary:focus-visible {
  --outline-color: var(--color-tertiary-200) !important;
}
[ngkButton].button--mode-solid.button--color-warning,
[ngkIconButton].button--mode-solid.button--color-warning {
  --background-color: var(--color-warning-400) !important;
  --foreground-color: var(--color-neutral-white) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-neutral-white) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-warning:hover,
[ngkIconButton].button--mode-solid.button--color-warning:hover {
  --background-color: var(--color-warning-600) !important;
  --border-color: transparent !important;
}
[ngkButton].button--mode-solid.button--color-warning:focus-visible,
[ngkIconButton].button--mode-solid.button--color-warning:focus-visible {
  --outline-color: var(--color-warning-200) !important;
}
[ngkButton].button--mode-solid.button--color-neutral,
[ngkIconButton].button--mode-solid.button--color-neutral {
  --background-color: var(--color-neutral-700) !important;
  --foreground-color: var(--color-neutral-white) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-neutral-white) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-neutral:hover,
[ngkIconButton].button--mode-solid.button--color-neutral:hover {
  --background-color: var(--color-neutral-600) !important;
  --border-color: transparent !important;
}
[ngkButton].button--mode-solid.button--color-neutral:focus-visible,
[ngkIconButton].button--mode-solid.button--color-neutral:focus-visible {
  --outline-color: var(--color-neutral-200) !important;
}
[ngkButton].button--mode-ghost.button--color-primary,
[ngkIconButton].button--mode-ghost.button--color-primary {
  --background-color: var(--color-secondary-100) !important;
  --foreground-color: var(--color-secondary-600) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-secondary-600) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-primary:hover,
[ngkIconButton].button--mode-ghost.button--color-primary:hover {
  --background-color: var(--color-secondary-100) !important;
  --border-color: var(--color-secondary-600) !important;
}
[ngkButton].button--mode-ghost.button--color-primary:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-primary:focus-visible {
  --outline-color: var(--color-secondary-200) !important;
}
[ngkButton].button--mode-ghost.button--color-secondary,
[ngkIconButton].button--mode-ghost.button--color-secondary {
  --background-color: var(--color-primary-200) !important;
  --foreground-color: var(--color-primary-1000) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-primary-1000) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-secondary:hover,
[ngkIconButton].button--mode-ghost.button--color-secondary:hover {
  --background-color: var(--color-primary-200) !important;
  --border-color: var(--color-primary-600) !important;
}
[ngkButton].button--mode-ghost.button--color-secondary:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-secondary:focus-visible {
  --outline-color: var(--color-primary-200) !important;
}
[ngkButton].button--mode-ghost.button--color-tertiary,
[ngkIconButton].button--mode-ghost.button--color-tertiary {
  --background-color: var(--color-tertiary-100) !important;
  --foreground-color: var(--color-tertiary-600) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-tertiary-600) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-tertiary:hover,
[ngkIconButton].button--mode-ghost.button--color-tertiary:hover {
  --background-color: var(--color-tertiary-100) !important;
  --border-color: var(--color-tertiary-600) !important;
}
[ngkButton].button--mode-ghost.button--color-tertiary:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-tertiary:focus-visible {
  --outline-color: var(--color-tertiary-200) !important;
}
[ngkButton].button--mode-ghost.button--color-warning,
[ngkIconButton].button--mode-ghost.button--color-warning {
  --background-color: var(--color-warning-100) !important;
  --foreground-color: var(--color-warning-600) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-warning-600) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-warning:hover,
[ngkIconButton].button--mode-ghost.button--color-warning:hover {
  --background-color: var(--color-warning-100) !important;
  --border-color: var(--color-warning-600) !important;
}
[ngkButton].button--mode-ghost.button--color-warning:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-warning:focus-visible {
  --outline-color: var(--color-warning-200) !important;
}
[ngkButton].button--mode-ghost.button--color-neutral,
[ngkIconButton].button--mode-ghost.button--color-neutral {
  --background-color: var(--color-neutral-200) !important;
  --foreground-color: var(--color-neutral-900) !important;
  --border-color: transparent !important;
  --actions-trigger-separator-color: rgb(from var(--color-neutral-900) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-neutral:hover,
[ngkIconButton].button--mode-ghost.button--color-neutral:hover {
  --background-color: var(--color-neutral-200) !important;
  --border-color: var(--color-neutral-600) !important;
}
[ngkButton].button--mode-ghost.button--color-neutral:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-neutral:focus-visible {
  --outline-color: var(--color-neutral-200) !important;
}
[ngkButton].button--mode-outlined.button--color-primary,
[ngkIconButton].button--mode-outlined.button--color-primary {
  --background-color: transparent !important;
  --foreground-color: var(--color-secondary-400) !important;
  --border-color: var(--color-secondary-400) !important;
  --actions-trigger-separator-color: rgb(from var(--color-secondary-400) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-primary:hover,
[ngkIconButton].button--mode-outlined.button--color-primary:hover {
  --background-color: var(--color-secondary-100) !important;
  --border-color: var(--color-secondary-400) !important;
}
[ngkButton].button--mode-outlined.button--color-primary:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-primary:focus-visible {
  --outline-color: var(--color-secondary-200) !important;
}
[ngkButton].button--mode-outlined.button--color-secondary,
[ngkIconButton].button--mode-outlined.button--color-secondary {
  --background-color: transparent !important;
  --foreground-color: var(--color-primary-1000) !important;
  --border-color: var(--color-primary-700) !important;
  --actions-trigger-separator-color: rgb(from var(--color-primary-1000) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-secondary:hover,
[ngkIconButton].button--mode-outlined.button--color-secondary:hover {
  --background-color: var(--color-primary-100) !important;
  --border-color: var(--color-primary-700) !important;
}
[ngkButton].button--mode-outlined.button--color-secondary:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-secondary:focus-visible {
  --outline-color: var(--color-primary-200) !important;
}
[ngkButton].button--mode-outlined.button--color-tertiary,
[ngkIconButton].button--mode-outlined.button--color-tertiary {
  --background-color: transparent !important;
  --foreground-color: var(--color-tertiary-600) !important;
  --border-color: var(--color-tertiary-400) !important;
  --actions-trigger-separator-color: rgb(from var(--color-tertiary-600) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-tertiary:hover,
[ngkIconButton].button--mode-outlined.button--color-tertiary:hover {
  --background-color: var(--color-tertiary-100) !important;
  --border-color: var(--color-tertiary-400) !important;
}
[ngkButton].button--mode-outlined.button--color-tertiary:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-tertiary:focus-visible {
  --outline-color: var(--color-tertiary-200) !important;
}
[ngkButton].button--mode-outlined.button--color-warning,
[ngkIconButton].button--mode-outlined.button--color-warning {
  --background-color: transparent !important;
  --foreground-color: var(--color-warning-400) !important;
  --border-color: var(--color-warning-400) !important;
  --actions-trigger-separator-color: rgb(from var(--color-warning-400) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-warning:hover,
[ngkIconButton].button--mode-outlined.button--color-warning:hover {
  --background-color: var(--color-warning-100) !important;
  --border-color: var(--color-warning-400) !important;
}
[ngkButton].button--mode-outlined.button--color-warning:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-warning:focus-visible {
  --outline-color: var(--color-warning-200) !important;
}
[ngkButton].button--mode-outlined.button--color-neutral,
[ngkIconButton].button--mode-outlined.button--color-neutral {
  --background-color: transparent !important;
  --foreground-color: var(--color-neutral-900) !important;
  --border-color: var(--color-neutral-600) !important;
  --actions-trigger-separator-color: rgb(from var(--color-neutral-900) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-neutral:hover,
[ngkIconButton].button--mode-outlined.button--color-neutral:hover {
  --background-color: var(--color-neutral-100) !important;
  --border-color: var(--color-neutral-600) !important;
}
[ngkButton].button--mode-outlined.button--color-neutral:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-neutral:focus-visible {
  --outline-color: var(--color-neutral-200) !important;
}
[ngkButton].is-fluid {
  display: flex !important;
  width: 100%;
  flex-shrink: 1;
}
[ngkButton].has-actions {
  --action-trigger-width: var(--ngk-field-core-height);
  padding-right: calc(var(--ngk-field-core-height) + var(--space-100)) !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
[ngkButton].has-actions.button--sm {
  --action-trigger-width: calc(var(--ngk-field-core-height) * 0.85);
  padding-right: calc(var(--ngk-field-core-height) * 0.85 + var(--space-100)) !important;
}
[ngkButton].has-actions.button--lg {
  --action-trigger-width: calc(var(--ngk-field-core-height) * 1.25);
  padding-right: calc(var(--ngk-field-core-height) * 1.25 + var(--space-100)) !important;
}
[ngkIconButton] {
  aspect-ratio: 1;
  padding: 0.5rem !important;
}
[ngkIconButton].button--sm {
  width: calc(var(--ngk-field-core-height) * 0.85);
}
[ngkButtonAction] {
  all: initial;
}
[ngkButtonAction]:hover .ngk-button__action,
[ngkButtonAction]:focus .ngk-button__action {
  background-color: var(--accent-bg-color);
  color: var(--accent-fg-color);
}
.ngk-button__wrapper {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  flex: 1 1 auto;
  opacity: 1;
  transform: scale(1);
  transform-origin: center center;
  position: relative;
}
.ngk-button__wrapper.is-busy {
  opacity: 0;
  transform: scale(0.5);
}
.ngk-button__wrapper.is-initialized {
  transition:
    opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    max-width 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-button__affix {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-button__content {
  white-space: nowrap;
  text-align: center;
}
.ngk-button__loading-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-button__actions--trigger {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: var(--action-trigger-width);
  border-radius: 0;
  border-top-right-radius: var(--ngk-field-border-radius, 0.35rem);
  border-bottom-right-radius: var(--ngk-field-border-radius, 0.35rem);
  outline: 3px solid transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-button__actions--trigger.cdk-keyboard-focused {
  outline-color: var(--outline-color);
}
.ngk-button__actions--trigger::after {
  content: "";
  position: absolute;
  top: var(--space-75);
  left: 0;
  bottom: var(--space-75);
  width: 1px;
  background-color: var(--actions-trigger-separator-color);
}
.ngk-button__actions--wrapper {
  padding: var(--space-100);
  background-color: var(--color-neutral-white);
  box-shadow: var(--shadow-md);
  border-radius: var(--ngk-field-border-radius);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-button__actions--wrapper.primary {
  --accent-bg-color: var(--color-secondary-100);
  --accent-fg-color: var(--color-secondary-400);
}
.ngk-button__actions--wrapper.secondary {
  --accent-bg-color: var(--color-primary-200);
  --accent-fg-color: var(--color-primary-1000);
}
.ngk-button__actions--wrapper.tertiary {
  --accent-bg-color: var(--color-tertiary-100);
  --accent-fg-color: var(--color-tertiary-900);
}
.ngk-button__actions--wrapper.warning {
  --accent-bg-color: var(--color-warning-100);
  --accent-fg-color: var(--color-warning-400);
}
.ngk-button__actions--wrapper.neutral {
  --accent-bg-color: var(--color-neutral-100);
  --accent-fg-color: var(--color-neutral-900);
}
.ngk-button__actions--wrapper.ngk-button-actions-panel-below {
  transform-origin: top center;
}
.ngk-button__actions--wrapper.ngk-button-actions-panel-above {
  transform-origin: bottom center;
}
.ngk-button__action {
  cursor: pointer;
  padding: var(--space-100);
  background-color: transparent;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-button__action.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ngk-button__action.is-initialized {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-button__action-content {
  flex: 0 0 auto;
  font-family: var(--font-family-default);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-500);
}
.ngk-datepicker {
  background-color: var(--color-neutral-white);
  border: 1px solid var(--color-neutral-300);
  border-radius: var(--border-radius-300);
  padding: var(--space-100);
  width: calc(210px + 8 * var(--space-100));
  color: var(--color-neutral-800);
}
.ngk-datepicker.is-floating {
  box-shadow: var(--shadow-lg);
}
.ngk-datepicker-wrapper {
  position: relative;
}
.ngk-datepicker,
.ngk-datepicker__nav,
.ngk-datepicker__view,
.ngk-datepicker__view__item {
  display: block;
}
.ngk-datepicker__action {
  height: 30px;
  min-width: 30px;
  border-radius: var(--border-radius-200);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-body-sm);
  line-height: 1;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-800);
  cursor: pointer;
  border: 1px solid transparent;
  outline: 3px solid transparent;
  margin: 0;
  padding: var(--space-100);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-datepicker__action:hover {
  background-color: var(--color-neutral-300);
}
.ngk-datepicker__action:focus {
  outline-color: var(--color-secondary-200);
  border-color: var(--color-secondary-300);
}
.ngk-datepicker__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-top: var(--space-100);
}
.ngk-datepicker__footer button {
  border-radius: var(--border-radius-200) !important;
}
.ngk-datepicker,
.ngk-datepicker__view {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-datepicker__view--month .weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--space-100);
  flex: 0 0 auto;
}
.ngk-datepicker__view--month .weekdays .weekday {
  font-size: var(--font-size-body-sm);
  text-align: center;
  color: var(--color-secondary-400);
}
.ngk-datepicker__view__body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-datepicker__view__body__items-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-100);
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-datepicker__view__body__items-grid--days {
  grid-template-columns: repeat(7, 1fr);
}
.ngk-datepicker__view__item {
  height: 30px;
}
.ngk-datepicker__view__item button {
  width: 100%;
  font-size: var(--font-size-body-xs);
  font-weight: var(--font-weight-bold);
}
.ngk-datepicker__view__item--day {
  width: 30px;
}
.ngk-datepicker__view__item.is-this button {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-500);
}
.ngk-datepicker__view__item.is-disabled button {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.ngk-datepicker__view__item.is-selected button {
  background-color: var(--color-secondary-400);
  color: var(--color-neutral-white);
}
.ngk-datepicker__view__item.is-this button,
.ngk-datepicker__view__item.is-selected button {
  font-weight: var(--font-weight-black);
}
.ngk-datepicker__view__item.is-leading-offset button,
.ngk-datepicker__view__item.is-trailing-offset button {
  font-weight: var(--font-weight-light);
  background-color: var(--color-neutral-white);
  color: var(--color-neutral-600);
}
.ngk-datepicker__nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-datepicker__nav-item {
  flex: 0 0 auto;
}
.ngk-datepicker__nav-item.middle {
  flex: 1 1 auto;
}
.ngk-datepicker__suggestions {
  overflow: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}
.ngk-datepicker__suggestions::-webkit-scrollbar {
  display: none;
}
.ngk-datepicker__suggestions-item {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-500);
  flex: 1 0 auto;
}
.ngk-datepicker__suggestions-item:hover {
  color: var(--color-neutral-white);
  background-color: var(--color-secondary-400);
}
ngk-datepicker-overlay {
  transform-origin: top right;
}
ngk-datepicker-overlay.ngk-datepicker-overlay-end-below {
  transform-origin: top right;
}
ngk-datepicker-overlay.ngk-datepicker-overlay-end-above {
  transform-origin: bottom right;
}
ngk-datepicker-overlay.ngk-datepicker-overlay-start-below {
  transform-origin: bottom right;
}
ngk-datepicker-overlay.ngk-datepicker-overlay-start-above {
  transform-origin: bottom right;
}
.ngk-field {
  display: block;
}
.ngk-field__label,
.ngk-field__element,
.ngk-field__subscript {
  width: 100%;
}
.ngk-field__label,
.ngk-field__subscript {
  height: var(--space-300);
  font-size: var(--font-size-body-xs);
  line-height: normal;
  position: relative;
  left: calc(var(--space-100) * 0.5);
  color: var(--color-neutral-700);
}
.ngk-field__label {
  font-weight: var(--font-weight-bold);
  margin-bottom: calc(var(--space-100) * 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-field__label--custom {
  display: flex;
  gap: var(--space-100);
  width: 100%;
  height: 100%;
}
.ngk-field__element {
  min-height: var(--ngk-field-core-height);
}
.ngk-field__element > *.ngk-field-element {
  width: 100% !important;
  min-width: unset !important;
  max-width: unset !important;
}
.ngk-field__element > *[readonlyValue] {
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
}
.ngk-field__subscript {
  display: block;
  margin-top: calc(var(--space-100) * 0.5);
  width: calc(100% - var(--space-100) * 0.5);
}
.ngk-field__subscript-error,
.ngk-field__subscript-hint {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ngk-field__subscript-error.field-subscript__enter,
.ngk-field__subscript-hint.field-subscript__enter {
  animation: ngk-field-subscript-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ngk-field__subscript-error.field-subscript__leave,
.ngk-field__subscript-hint.field-subscript__leave {
  animation: ngk-field-subscript-in 0.25s cubic-bezier(0.4, 0, 0.2, 1) reverse;
}
.ngk-field__subscript-error {
  color: var(--color-warning-400) !important;
}
.ngk-field.is-touched.is-invalid .ngk-field__label,
.ngk-field.as-invalid .ngk-field__label {
  color: var(--color-warning-400);
}
.ngk-field:not(.is-fluid) {
  width: var(--ngk-field-max-width);
}
.ngk-field.has-prefix {
  --ngk-field-prefix-width: var(--ngk-field-core-height);
}
.ngk-field.has-suffix {
  --ngk-field-suffix-width: var(--ngk-field-core-height);
}
.ngk-field.is-fluid {
  width: 100%;
  flex: 0 1 auto;
}
.ngk-field__parent-flex--column .ngk-field.is-fluid {
  flex: 0 1 auto;
  align-self: stretch;
}
.ngk-field__parent-flex--row .ngk-field.is-fluid {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.ngk-field__parent:not(.ngk-field__parent-flex) > .ngk-field__parent.is-fluid {
  width: unset;
  min-width: unset !important;
  max-width: unset !important;
}
.ngk-field input:not([type]),
.ngk-field input[type=text],
.ngk-field input[type=search],
.ngk-field input[type=number],
.ngk-field input[type=email],
.ngk-field input[type=password],
.ngk-field input[type=date],
.ngk-field input[type=tel],
.ngk-field textarea,
input:not([type]).ngk-field,
input[type=text].ngk-field,
input[type=search].ngk-field,
input[type=number].ngk-field,
input[type=email].ngk-field,
input[type=password].ngk-field,
input[type=date].ngk-field,
input[type=tel].ngk-field,
textarea.ngk-field {
  width: 100%;
  height: 100%;
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-color: var(--ngk-field-bg-color);
  outline: 3px solid transparent;
  border: 1px solid var(--ngk-field-border-color);
  font-size: var(--font-size-body-sm);
  color: var(--color-neutral-900);
  font-weight: var(--font-weight-500);
  padding: var(--space-100);
  margin: 0;
  box-shadow: none;
  border-radius: var(--ngk-field-border-radius);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ngk-field input:not([type])::-webkit-search-decoration,
.ngk-field input:not([type])::-webkit-search-cancel-button,
.ngk-field input:not([type])::-webkit-search-results-button,
.ngk-field input:not([type])::-webkit-search-results-decoration,
.ngk-field input[type=text]::-webkit-search-decoration,
.ngk-field input[type=text]::-webkit-search-cancel-button,
.ngk-field input[type=text]::-webkit-search-results-button,
.ngk-field input[type=text]::-webkit-search-results-decoration,
.ngk-field input[type=search]::-webkit-search-decoration,
.ngk-field input[type=search]::-webkit-search-cancel-button,
.ngk-field input[type=search]::-webkit-search-results-button,
.ngk-field input[type=search]::-webkit-search-results-decoration,
.ngk-field input[type=number]::-webkit-search-decoration,
.ngk-field input[type=number]::-webkit-search-cancel-button,
.ngk-field input[type=number]::-webkit-search-results-button,
.ngk-field input[type=number]::-webkit-search-results-decoration,
.ngk-field input[type=email]::-webkit-search-decoration,
.ngk-field input[type=email]::-webkit-search-cancel-button,
.ngk-field input[type=email]::-webkit-search-results-button,
.ngk-field input[type=email]::-webkit-search-results-decoration,
.ngk-field input[type=password]::-webkit-search-decoration,
.ngk-field input[type=password]::-webkit-search-cancel-button,
.ngk-field input[type=password]::-webkit-search-results-button,
.ngk-field input[type=password]::-webkit-search-results-decoration,
.ngk-field input[type=date]::-webkit-search-decoration,
.ngk-field input[type=date]::-webkit-search-cancel-button,
.ngk-field input[type=date]::-webkit-search-results-button,
.ngk-field input[type=date]::-webkit-search-results-decoration,
.ngk-field input[type=tel]::-webkit-search-decoration,
.ngk-field input[type=tel]::-webkit-search-cancel-button,
.ngk-field input[type=tel]::-webkit-search-results-button,
.ngk-field input[type=tel]::-webkit-search-results-decoration,
.ngk-field textarea::-webkit-search-decoration,
.ngk-field textarea::-webkit-search-cancel-button,
.ngk-field textarea::-webkit-search-results-button,
.ngk-field textarea::-webkit-search-results-decoration,
input:not([type]).ngk-field::-webkit-search-decoration,
input:not([type]).ngk-field::-webkit-search-cancel-button,
input:not([type]).ngk-field::-webkit-search-results-button,
input:not([type]).ngk-field::-webkit-search-results-decoration,
input[type=text].ngk-field::-webkit-search-decoration,
input[type=text].ngk-field::-webkit-search-cancel-button,
input[type=text].ngk-field::-webkit-search-results-button,
input[type=text].ngk-field::-webkit-search-results-decoration,
input[type=search].ngk-field::-webkit-search-decoration,
input[type=search].ngk-field::-webkit-search-cancel-button,
input[type=search].ngk-field::-webkit-search-results-button,
input[type=search].ngk-field::-webkit-search-results-decoration,
input[type=number].ngk-field::-webkit-search-decoration,
input[type=number].ngk-field::-webkit-search-cancel-button,
input[type=number].ngk-field::-webkit-search-results-button,
input[type=number].ngk-field::-webkit-search-results-decoration,
input[type=email].ngk-field::-webkit-search-decoration,
input[type=email].ngk-field::-webkit-search-cancel-button,
input[type=email].ngk-field::-webkit-search-results-button,
input[type=email].ngk-field::-webkit-search-results-decoration,
input[type=password].ngk-field::-webkit-search-decoration,
input[type=password].ngk-field::-webkit-search-cancel-button,
input[type=password].ngk-field::-webkit-search-results-button,
input[type=password].ngk-field::-webkit-search-results-decoration,
input[type=date].ngk-field::-webkit-search-decoration,
input[type=date].ngk-field::-webkit-search-cancel-button,
input[type=date].ngk-field::-webkit-search-results-button,
input[type=date].ngk-field::-webkit-search-results-decoration,
input[type=tel].ngk-field::-webkit-search-decoration,
input[type=tel].ngk-field::-webkit-search-cancel-button,
input[type=tel].ngk-field::-webkit-search-results-button,
input[type=tel].ngk-field::-webkit-search-results-decoration,
textarea.ngk-field::-webkit-search-decoration,
textarea.ngk-field::-webkit-search-cancel-button,
textarea.ngk-field::-webkit-search-results-button,
textarea.ngk-field::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.ngk-field input:not([type])::-webkit-calendar-picker-indicator,
.ngk-field input[type=text]::-webkit-calendar-picker-indicator,
.ngk-field input[type=search]::-webkit-calendar-picker-indicator,
.ngk-field input[type=number]::-webkit-calendar-picker-indicator,
.ngk-field input[type=email]::-webkit-calendar-picker-indicator,
.ngk-field input[type=password]::-webkit-calendar-picker-indicator,
.ngk-field input[type=date]::-webkit-calendar-picker-indicator,
.ngk-field input[type=tel]::-webkit-calendar-picker-indicator,
.ngk-field textarea::-webkit-calendar-picker-indicator,
input:not([type]).ngk-field::-webkit-calendar-picker-indicator,
input[type=text].ngk-field::-webkit-calendar-picker-indicator,
input[type=search].ngk-field::-webkit-calendar-picker-indicator,
input[type=number].ngk-field::-webkit-calendar-picker-indicator,
input[type=email].ngk-field::-webkit-calendar-picker-indicator,
input[type=password].ngk-field::-webkit-calendar-picker-indicator,
input[type=date].ngk-field::-webkit-calendar-picker-indicator,
input[type=tel].ngk-field::-webkit-calendar-picker-indicator,
textarea.ngk-field::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  display: none;
}
.ngk-field input:not([type])::-ms-clear,
.ngk-field input[type=text]::-ms-clear,
.ngk-field input[type=search]::-ms-clear,
.ngk-field input[type=number]::-ms-clear,
.ngk-field input[type=email]::-ms-clear,
.ngk-field input[type=password]::-ms-clear,
.ngk-field input[type=date]::-ms-clear,
.ngk-field input[type=tel]::-ms-clear,
.ngk-field textarea::-ms-clear,
input:not([type]).ngk-field::-ms-clear,
input[type=text].ngk-field::-ms-clear,
input[type=search].ngk-field::-ms-clear,
input[type=number].ngk-field::-ms-clear,
input[type=email].ngk-field::-ms-clear,
input[type=password].ngk-field::-ms-clear,
input[type=date].ngk-field::-ms-clear,
input[type=tel].ngk-field::-ms-clear,
textarea.ngk-field::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.ngk-field input:not([type]):focus,
.ngk-field input[type=text]:focus,
.ngk-field input[type=search]:focus,
.ngk-field input[type=number]:focus,
.ngk-field input[type=email]:focus,
.ngk-field input[type=password]:focus,
.ngk-field input[type=date]:focus,
.ngk-field input[type=tel]:focus,
.ngk-field textarea:focus,
input:not([type]).ngk-field:focus,
input[type=text].ngk-field:focus,
input[type=search].ngk-field:focus,
input[type=number].ngk-field:focus,
input[type=email].ngk-field:focus,
input[type=password].ngk-field:focus,
input[type=date].ngk-field:focus,
input[type=tel].ngk-field:focus,
textarea.ngk-field:focus {
  outline-color: var(--color-secondary-200);
  border-color: var(--color-secondary-300);
}
.ngk-field input:not([type])[disabled],
.ngk-field input[type=text][disabled],
.ngk-field input[type=search][disabled],
.ngk-field input[type=number][disabled],
.ngk-field input[type=email][disabled],
.ngk-field input[type=password][disabled],
.ngk-field input[type=date][disabled],
.ngk-field input[type=tel][disabled],
.ngk-field textarea[disabled],
input:not([type]).ngk-field[disabled],
input[type=text].ngk-field[disabled],
input[type=search].ngk-field[disabled],
input[type=number].ngk-field[disabled],
input[type=email].ngk-field[disabled],
input[type=password].ngk-field[disabled],
input[type=date].ngk-field[disabled],
input[type=tel].ngk-field[disabled],
textarea.ngk-field[disabled] {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}
.ngk-field input,
input.ngk-field {
  height: var(--ngk-field-core-height) !important;
}
.ngk-field textarea.cdk-textarea-autosize {
  height: initial;
  box-sizing: content-box;
  width: calc(100% - var(--space-100) * 2) !important;
}
.ngk-field.is-touched.is-invalid input,
.ngk-field.is-touched.is-invalid textarea,
.ngk-field.as-invalid input,
.ngk-field.as-invalid textarea {
  background-color: var(--color-warning-100);
  border-color: var(--color-warning-400);
  color: var(--color-warning-400);
}
.ngk-field.is-touched.is-invalid input:focus,
.ngk-field.is-touched.is-invalid textarea:focus,
.ngk-field.as-invalid input:focus,
.ngk-field.as-invalid textarea:focus {
  outline-color: var(--color-warning-200);
}
.ngk-field.is-touched.is-invalid input::placeholder,
.ngk-field.is-touched.is-invalid textarea::placeholder,
.ngk-field.as-invalid input::placeholder,
.ngk-field.as-invalid textarea::placeholder {
  color: var(--color-warning-400);
  opacity: 0.5;
}
.ngk-field.is-touched.is-invalid input::-webkit-input-placeholder,
.ngk-field.is-touched.is-invalid textarea::-webkit-input-placeholder,
.ngk-field.as-invalid input::-webkit-input-placeholder,
.ngk-field.as-invalid textarea::-webkit-input-placeholder {
  color: var(--color-warning-400);
  opacity: 0.5;
}
.ngk-field.is-touched.is-invalid input::-ms-input-placeholder,
.ngk-field.is-touched.is-invalid textarea::-ms-input-placeholder,
.ngk-field.as-invalid input::-ms-input-placeholder,
.ngk-field.as-invalid textarea::-ms-input-placeholder {
  color: var(--color-warning-400);
  opacity: 0.5;
}
.ngk-field {
}
.ngk-field__element {
  position: relative;
}
.ngk-field__element-affix {
  position: absolute;
  top: 0;
  bottom: 0;
  min-width: var(--ngk-field-core-height);
  height: var(--ngk-field-core-height);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-field__element-prefix {
  left: 0;
  min-width: var(--ngk-field-prefix-width);
}
.ngk-field__element-suffix {
  right: 0;
  min-width: var(--ngk-field-suffix-width);
}
.ngk-field__element-suffix .ngk-field__clear-btn {
  cursor: pointer;
}
@supports (-moz-appearance: none) {
  .ngk-field input[type=date] {
    padding-right: 0.5rem !important;
  }
  .ngk-field input[type=date] ~ .ngk-field__element-suffix {
    opacity: 0;
  }
}
.ngk-field.has-prefix .ngk-field__element .affix__container {
  padding-left: var(--ngk-field-prefix-width);
}
.ngk-field.has-suffix .ngk-field__element .affix__container {
  padding-right: var(--ngk-field-suffix-width);
}
.ngk-field.is-touched.is-invalid .ngk-field__element-affix,
.ngk-field.as-invalid .ngk-field__element-affix {
  color: var(--color-warning-400);
}
.ngk-field.is-disabled .ngk-field__element-affix {
  opacity: 0.5;
}
@keyframes ngk-field-subscript-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
:root {
  --ngk-select-option-height: 30px;
  --ngk-select-options-list-max-height: 280px;
}
.select-list__wrapper.ngk-select-panel-below {
  transform-origin: top center;
}
.select-list__wrapper.ngk-select-panel-above {
  transform-origin: bottom center;
}
ngk-select {
  display: block;
  min-width: var(--ngk-field-min-width);
  height: var(--ngk-field-core-height);
}
ngk-select.invalid .select__wrapper,
ngk-select.ng-touched.ng-invalid .select__wrapper {
  background-color: var(--color-warning-100);
  border-color: var(--color-warning-400);
  color: var(--color-warning-400);
}
ngk-select.invalid .select__wrapper.active,
ngk-select.invalid .select__wrapper:focus,
ngk-select.ng-touched.ng-invalid .select__wrapper.active,
ngk-select.ng-touched.ng-invalid .select__wrapper:focus {
  outline-color: var(--color-warning-200);
}
ngk-select.invalid .select__trigger-content,
ngk-select.ng-touched.ng-invalid .select__trigger-content {
  color: var(--color-warning-400);
}
ngk-select:not(.is-fluid) {
  width: var(--ngk-field-max-width);
}
ngk-select.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
ngk-select:not(.disabled) .select__trigger {
  cursor: pointer;
  transition:
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
ngk-select:focus:not(.disabled) {
  outline: none;
}
ngk-select:focus:not(.disabled) .select__wrapper {
  outline-color: var(--color-secondary-200);
  border-color: var(--color-secondary-300);
}
ngk-select:focus:not(.disabled).ng-touched.ng-invalid .select__wrapper,
ngk-select:focus:not(.disabled).ng-touched.invalid .select__wrapper {
  outline-color: var(--color-warning-200);
  border-color: var(--color-warning-400);
}
ngk-select-option-group {
  padding-top: var(--space-75);
  padding-bottom: var(--space-100);
  overflow: hidden;
  max-height: auto;
  flex: 0 0 auto;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
ngk-select-option-group:not(:first-of-type) {
  border-top: 1px solid var(--color-neutral-200);
}
ngk-select-option-group.hidden {
  max-height: 0px;
  border-width: 0px;
  padding-top: 0;
  padding-bottom: 0;
}
ngk-select-option {
  max-height: 200px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  flex: 0 0 auto;
  transition: max-height 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
ngk-select-option:not(.hidden) {
  padding-block: var(--space-75);
}
ngk-select-option.hidden {
  max-height: 0px;
}
ngk-select-option.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
ngk-select-trigger {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.select__wrapper {
  width: 100%;
  height: 100%;
  border-radius: var(--ngk-field-border-radius);
  background-color: var(--ngk-field-bg-color);
  padding: var(--space-100);
  outline: 3px solid transparent;
  border: 1px solid var(--ngk-field-border-color);
  position: relative;
  overflow: hidden;
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.select__wrapper.has-prefix {
  padding-left: var(--ngk-field-core-height);
}
.select__wrapper.has-suffix {
  padding-right: var(--ngk-field-core-height);
}
.select__wrapper.active,
.select__wrapper:focus {
  outline-color: var(--color-secondary-200);
  border-color: var(--color-secondary-300);
}
.select__trigger-content {
  font: inherit;
  font-size: var(--font-size-body-sm);
  color: var(--color-neutral-800);
  font-weight: var(--font-weight-500);
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.select__affix {
  position: absolute;
  top: 0;
  width: var(--ngk-field-core-height);
  height: var(--ngk-field-core-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.select__prefix {
  left: 0;
}
.select__suffix {
  right: 0;
}
.select-list__wrapper {
  width: 100%;
  background-color: white;
  box-shadow: var(--shadow-lg);
  border-radius: var(--border-radius-300);
  padding: var(--space-100);
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.select-list__search-bar {
  padding-bottom: var(--space-100);
  position: relative;
}
.select-list__search-bar input {
  min-width: unset !important;
  width: 100%;
  height: var(--ngk-field-core-height);
  padding-left: var(--ngk-field-core-height) !important;
  padding-right: var(--ngk-field-core-height) !important;
}
.select-list__search-bar--prefix,
.select-list__search-bar--suffix {
  position: absolute;
  top: calc(var(--ngk-field-core-height) * 0.5);
}
.select-list__search-bar--prefix {
  left: calc(var(--ngk-field-core-height) * 0.5);
  transform: translateY(-50%) translateX(-50%);
}
.select-list__search-bar--suffix {
  right: calc(var(--ngk-field-core-height) * 0.5);
  transform: translateY(-50%) translateX(50%);
}
.select-list__content {
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.select-list__content:not(.is-virtual-scrolled) {
  max-height: var(--ngk-select-options-list-max-height);
}
.select-list__content.is-virtual-scrolled *:has(> ngk-select-option) {
  width: 100%;
}
.select-list__option-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.select-list__option-group-label {
  font-size: var(--font-size-body-xs);
  color: var(--color-neutral-800);
  opacity: 0.5;
  padding-left: var(--space-100);
  padding-right: var(--space-100);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.select-list__option-group-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.select-list__option {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  font-size: var(--font-size-body-sm);
  min-height: var(--ngk-select-option-height);
  color: var(--color-neutral-800);
  font-weight: var(--font-weight-500);
  padding: calc(var(--space-100) * 0.5) var(--space-100);
  background-color: transparent;
  border-radius: 0.25rem;
  position: relative;
  border: 1px solid transparent;
  outline: none;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.select-list__option-prefix,
.select-list__option-suffix {
  flex: 0 0 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.select-list__option-content {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.select-list__option:hover {
  background-color: color-mix(in srgb, var(--color-secondary-100) 30%, transparent);
}
.select-list__option.active {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-400);
}
.select-list__option.selected {
  color: var(--color-secondary-400);
}
.select-list__no-results {
  display: block;
  font-size: var(--font-size-body-xs);
  text-align: center;
  padding: var(--space-200) var(--space-300);
}
:root {
  --ngk-tooltip-padding: var(--space-100);
  --ngk-tooltip-arrow-width: var(--space-100);
  --ngk-tooltip-font-size: var(--font-size-body-xs);
  --ngk-tooltip-bg-color: var(--color-neutral-900);
  --ngk-tooltip-fg-color: var(--color-neutral-white);
  --ngk-tooltip-b-radius: var(--border-radius-300);
  --ngk-tooltip-min-width: var(--space-900);
}
.ngk-tooltip {
  border-radius: var(--ngk-tooltip-b-radius);
  background-color: var(--ngk-tooltip-bg-color);
  padding: var(--ngk-tooltip-padding);
  min-width: var(--ngk-tooltip-min-width);
  font-size: var(--ngk-tooltip-font-size) !important;
  color: var(--ngk-tooltip-fg-color) !important;
  text-align: center;
  display: block;
  max-width: var(--ngk-tooltip-max-width);
}
.ngk-tooltip::after {
  z-index: 1;
  content: "";
  width: 0px;
  height: 0px;
  border: var(--ngk-tooltip-arrow-width) solid transparent;
  position: absolute;
}
.ngk-tooltip__content {
  opacity: 0;
  line-height: normal;
  display: block;
  transform: translateY(5px);
  animation: fadeIn 0.15s ease-out forwards;
}
.ngk-tooltip__above {
  transform-origin: bottom center;
}
.ngk-tooltip__above::after {
  left: 50%;
  transform: translateX(-50%) translateY(-1px);
  border-top-color: var(--ngk-tooltip-bg-color);
  border-bottom-width: 0;
  bottom: calc(var(--ngk-tooltip-arrow-width) * -1);
}
.ngk-tooltip__after {
  transform-origin: center left;
}
.ngk-tooltip__after::after {
  top: 50%;
  transform: translateY(-50%) translateX(1px);
  border-right-color: var(--ngk-tooltip-bg-color);
  border-left-width: 0;
  left: calc(var(--ngk-tooltip-arrow-width) * -1);
}
.ngk-tooltip__below {
  transform-origin: top center;
}
.ngk-tooltip__below::after {
  left: 50%;
  transform: translateX(-50%) translateY(1px);
  border-bottom-color: var(--ngk-tooltip-bg-color);
  border-top-width: 0;
  top: calc(var(--ngk-tooltip-arrow-width) * -1);
}
.ngk-tooltip__before {
  transform-origin: center right;
}
.ngk-tooltip__before::after {
  top: 50%;
  transform: translateY(-50%) translateX(-1px);
  border-left-color: var(--ngk-tooltip-bg-color);
  border-right-width: 0;
  right: calc(var(--ngk-tooltip-arrow-width) * -1);
}
:root {
  --ngk-switch-padding: 0.25rem;
  --ngk-switch-bg-color: var(--color-secondary-100);
  --ngk-switch-fg-color: var(--color-secondary-500);
  --ngk-switch-bg-color-invalid: var(--color-warning-100);
  --ngk-switch-fg-color-invalid: var(--color-warning-400);
  --ngk-switch-focus-outline-color: var(--ngk-field-focus-outline-color);
  --ngk-switch-focus-border-color: var(--ngk-field-focus-border-color);
  --ngk-switch-focus-outline-color-invalid: var(--color-warning-200);
  --ngk-switch-focus-border-color-invalid: var(--ngk-switch-fg-color-invalid);
}
ngk-switch {
  --bg-color: var(--ngk-switch-bg-color);
  --fg-color: var(--ngk-switch-fg-color);
  --outline-color: transparent;
  --border-color: color-mix(in srgb, var(--fg-color) 5%, transparent);
  display: inline-block;
  min-width: min(var(--ngk-field-min-width), 100px);
  height: var(--ngk-field-core-height);
  min-height: var(--ngk-field-core-height);
  cursor: pointer;
}
ngk-switch.is-fluid {
  display: block;
  min-width: 100px;
  width: 100%;
  flex: 1 1 auto;
}
ngk-switch.disabled {
  cursor: not-allowed;
  filter: grayscale(1);
}
ngk-switch:has(*:focus-visible) {
  --outline-color: var(--ngk-switch-focus-outline-color);
  --border-color: var(--ngk-switch-focus-border-color);
}
ngk-switch.invalid,
ngk-switch.ng-touched.ng-invalid {
  --bg-color: var(--ngk-switch-bg-color-invalid);
  --fg-color: var(--ngk-switch-fg-color-invalid);
}
ngk-switch.invalid:has(*:focus-visible),
ngk-switch.ng-touched.ng-invalid:has(*:focus-visible) {
  --border-color: var(--ngk-switch-focus-border-color-invalid);
  --outline-color: var(--ngk-switch-focus-outline-color-invalid);
}
.switch__wrapper {
  height: 100%;
  border-radius: var(--ngk-field-border-radius);
  background-color: var(--bg-color);
  border: var(--ngk-field-border-width) solid var(--border-color);
  outline: var(--ngk-field-outline-width) solid var(--outline-color);
  position: relative;
  overflow: hidden;
  padding: var(--ngk-switch-padding);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-switch-padding);
}
.switch__state {
  --state-outline-color: transparent;
  --state-background-color: transparent;
  z-index: 1;
  padding-left: var(--space-100);
  padding-right: var(--space-100);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-bold);
  line-height: normal;
  height: 100%;
  min-width: 50px;
  gap: var(--space-100);
  color: var(--fg-color);
  outline: 1px solid var(--state-outline-color);
  outline-offset: -1px;
  background-color: var(--state-background-color);
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.switch__state:focus-visible.selected {
  --state-outline-color: var(--outline-color);
}
.switch__state:focus-visible:not(.selected) {
  --state-background-color: color-mix(in srgb, var(--fg-color) 10%, transparent);
}
.switch__state.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.switch__state-indicator {
  z-index: 0;
  position: absolute;
  top: var(--ngk-switch-padding);
  left: var(--ngk-switch-padding);
  height: calc(100% - var(--ngk-switch-padding) * 2);
  background-color: var(--color-neutral-white);
  box-shadow: 0px 0px 0.25rem color-mix(in srgb, var(--fg-color) 30%, transparent);
  transition:
    left 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.switch__state,
.switch__state-indicator {
  border-radius: calc(var(--ngk-field-border-radius) * 0.7);
}
.ngk-dialog {
  background-color: var(--color-neutral-white);
  border-radius: var(--space-200);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-dialog.is-hidden {
  transform: scale(0) !important;
  opacity: 0 !important;
}
.ngk-dialog-header,
.ngk-dialog-footer {
  flex: 0 0 auto;
}
.ngk-dialog-header {
  padding: var(--space-200) var(--space-400);
  padding-right: var(--space-300);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 10px;
}
.ngk-dialog-header__content {
  flex: 1 1 auto;
}
.ngk-dialog-header__control {
  flex: 0 0 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 36px;
  height: 36px;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer;
  border-radius: calc(var(--space-200) * 0.5);
  background-color: transparent;
}
.ngk-dialog-header__control:hover {
  background-color: var(--color-neutral-300);
}
.ngk-dialog-body {
  flex: 1 1 auto;
  overflow: auto;
  display: block;
  padding: var(--space-100) var(--space-300);
}
.ngk-dialog-footer {
  padding: var(--space-300) var(--space-300);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-300);
}
.ngk-dialog-with-explicit-width > .ngk-dialog {
  width: 100% !important;
}
.ngk-dialog-with-explicit-height > .ngk-dialog {
  height: 100% !important;
}
.ngk-confirmation-dialog .ngk-dialog-footer button {
  min-width: 80px;
}
.ngk-prompt-dialog .ngk-dialog-body .ngk-field {
  width: 100%;
}
.ngk-transparent-backdrop {
  background-color: transparent !important;
}
.ngk-overlay-opaque-backdrop,
.ngk-overlay-stacked-backdrop {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.ngk-progress-bar {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-progress-bar.is-indeterminate .ngk-progress-bar__item {
  position: absolute;
  top: 0;
  height: 100%;
  animation: indeterminate-progress 2.5s linear infinite;
  opacity: 0.5;
}
.ngk-progress-bar.has-markers-top {
  margin-top: var(--space-100);
}
.ngk-progress-bar.has-markers-bottom {
  margin-bottom: var(--space-100);
}
.ngk-progress-bar__track,
.ngk-progress-bar__legend {
  flex: 0 0 auto;
}
.ngk-progress-bar__track {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  width: 100%;
  height: var(--ngk-progress-bar-thickness, 0.7rem);
  border-radius: var(--ngk-progress-bar-thickness, 0.7rem);
  background-color: var(--ngk-progress-track-color, var(--color-neutral-300));
  overflow: hidden;
  position: relative;
}
.ngk-progress-bar__item {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex: 0 0 var(--ngk-progress-bar-item-value);
  height: 100%;
}
.ngk-progress-bar__item:not(.is-striped) {
  background-color: var(--ngk-progress-bar-item-color);
}
.ngk-progress-bar__item.is-striped {
  --stripe-color: color-mix(in srgb, var(--ngk-progress-bar-item-color), white 30%);
  background-image:
    linear-gradient(
      -45deg,
      var(--ngk-progress-bar-item-color) 25%,
      var(--stripe-color) 25%,
      var(--stripe-color) 50%,
      var(--ngk-progress-bar-item-color) 50%,
      var(--ngk-progress-bar-item-color) 75%,
      var(--stripe-color) 75%,
      var(--stripe-color));
  background-size: 1rem 1rem;
}
.ngk-progress-bar__marker {
  display: inline-block;
  position: absolute;
  left: calc(var(--ngk-progress-bar-marker-value, 0) - 0.4rem);
  width: 0;
  height: 0;
  transition:
    opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    left 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-top-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-bottom-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 0.5rem solid transparent;
  opacity: 1;
}
@starting-style {
  .ngk-progress-bar__marker {
    opacity: 0;
  }
}
.ngk-progress-bar__marker.is-top {
  top: calc(-0.4rem - 3px);
  border-top-color: var(--ngk-progress-bar-marker-color);
}
.ngk-progress-bar__marker.is-bottom {
  bottom: calc(-0.4rem - 3px);
  border-bottom-color: var(--ngk-progress-bar-marker-color);
}
.ngk-progress-bar:has(.ngk-progress-bar__marker:hover) .ngk-progress-bar__marker:not(:hover) {
  opacity: 0.25;
}
.ngk-progress-bar__legend {
  margin-top: var(--space-100);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-300);
}
.ngk-progress-bar__legend-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-50);
  font-weight: var(--font-weight-bold);
}
.ngk-progress-bar__legend-item-label {
  position: relative;
  padding-left: var(--space-200);
}
.ngk-progress-bar__legend-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: var(--space-100);
  width: var(--space-100);
  height: var(--space-100);
  background-color: var(--ngk-progress-bar-item-color);
}
.ngk-progress-bar__legend-item-value {
  opacity: 0.7;
}
@keyframes indeterminate-progress {
  0% {
    left: -100%;
    right: 100%;
  }
  50% {
    left: 25%;
    right: 15%;
  }
  100% {
    left: 100%;
    right: -100%;
  }
}
:root {
  --ngk-popover-padding: var(--space-200);
  --ngk-popover-arrow-width: var(--space-100);
  --ngk-popover-font-size: var(--font-size-body-xs);
  --ngk-popover-bg-color: var(--color-neutral-white);
  --ngk-popover-fg-color: var(--color-neutral-900);
  --ngk-popover-b-radius: var(--border-radius-300);
  --ngk-popover-min-width: 10rem;
  --ngk-popover-min-height: 5rem;
}
[ngkPopover] {
  cursor: pointer;
}
.ngk-popover {
  border-radius: var(--ngk-popover-b-radius);
  background-color: var(--ngk-popover-bg-color);
  padding: var(--ngk-popover-padding);
  min-width: var(--ngk-popover-min-width);
  min-height: var(--ngk-popover-min-height);
  font-size: var(--ngk-popover-font-size) !important;
  color: var(--ngk-popover-fg-color) !important;
  box-shadow: var(--shadow-lg);
}
.ngk-popover::after {
  z-index: 1;
  content: "";
  width: 0px;
  height: 0px;
  border: var(--ngk-popover-arrow-width) solid transparent;
  position: absolute;
}
.ngk-popover__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-popover__header {
  margin-top: calc(-1 * var(--space-100));
  margin-right: calc(-1 * var(--space-100));
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-300);
}
.ngk-popover__header--title {
  font-size: var(--font-size-body-lg);
  font-weight: var(--font-weight-black);
  flex: 1 1 auto;
}
.ngk-popover__header--close-btn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-popover__header--close-btn ngk-icon {
  transition: transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-popover__content {
  flex: 1 1 auto;
}
.ngk-popover__top::after {
  bottom: calc(var(--ngk-popover-arrow-width) * 2 * -1);
  border-top-color: var(--ngk-popover-bg-color);
}
.ngk-popover__top-start {
  transform-origin: bottom left;
}
.ngk-popover__top-start::after {
  left: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__top-center {
  transform-origin: bottom center;
}
.ngk-popover__top-center::after {
  left: 50%;
  transform: translateX(-50%);
}
.ngk-popover__top-end {
  transform-origin: bottom right;
}
.ngk-popover__top-end::after {
  right: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__bottom::after {
  top: calc(var(--ngk-popover-arrow-width) * 2 * -1);
  border-bottom-color: var(--ngk-popover-bg-color);
}
.ngk-popover__bottom-start {
  transform-origin: top left;
}
.ngk-popover__bottom-start::after {
  left: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__bottom-center {
  transform-origin: top center;
}
.ngk-popover__bottom-center::after {
  left: 50%;
  transform: translateX(-50%);
}
.ngk-popover__bottom-end {
  transform-origin: top right;
}
.ngk-popover__bottom-end::after {
  right: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__right::after {
  left: calc(var(--ngk-popover-arrow-width) * 2 * -1);
  border-right-color: var(--ngk-popover-bg-color);
}
.ngk-popover__right-start {
  transform-origin: left top;
}
.ngk-popover__right-start::after {
  top: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__right-center {
  transform-origin: left center;
}
.ngk-popover__right-center::after {
  top: 50%;
  transform: translateY(-50%);
}
.ngk-popover__right-end {
  transform-origin: left bottom;
}
.ngk-popover__right-end::after {
  bottom: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__left::after {
  right: calc(var(--ngk-popover-arrow-width) * 2 * -1);
  border-left-color: var(--ngk-popover-bg-color);
}
.ngk-popover__left-start {
  transform-origin: right top;
}
.ngk-popover__left-start::after {
  top: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__left-center {
  transform-origin: right center;
}
.ngk-popover__left-center::after {
  top: 50%;
  transform: translateY(-50%);
}
.ngk-popover__left-end {
  transform-origin: right bottom;
}
.ngk-popover__left-end::after {
  bottom: calc(var(--ngk-popover-arrow-width) * 2);
}
:root {
  --ngk-panel-group-handle-color: var(--color-secondary-400);
  --ngk-panel-b-radius: var(--border-radius-300);
  --ngk-panel-b-color: var(--color-neutral-300);
  --ngk-panel-header-bg-color: var(--color-neutral-200);
}
.ngk-panel,
.ngk-panel-group {
  position: relative;
  border-radius: var(--ngk-panel-b-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  transition: all var(--ngk-panel-animation-duration) 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-panel__content,
.ngk-panel-group__content {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  position: relative;
  overflow: auto;
  height: 100%;
}
.ngk-panel__content--busy-indicator,
.ngk-panel-group__content--busy-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-panel.is-horizontal > .ngk-panel__content,
.ngk-panel.is-horizontal > .ngk-panel-group__content,
.ngk-panel-group.is-horizontal > .ngk-panel__content,
.ngk-panel-group.is-horizontal > .ngk-panel-group__content {
  flex-direction: row;
  width: 100%;
}
.ngk-panel.is-vertical > .ngk-panel__content,
.ngk-panel.is-vertical > .ngk-panel-group__content,
.ngk-panel-group.is-vertical > .ngk-panel__content,
.ngk-panel-group.is-vertical > .ngk-panel-group__content {
  flex-direction: column;
  height: 100%;
}
.ngk-panel.allows-wrapping > .ngk-panel__content,
.ngk-panel.allows-wrapping > .ngk-panel-group__content,
.ngk-panel-group.allows-wrapping > .ngk-panel__content,
.ngk-panel-group.allows-wrapping > .ngk-panel-group__content {
  flex-wrap: wrap !important;
}
.ngk-panel-group,
.ngk-panel.is-fluid {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
}
.ngk-panel:not(.is-borderless) {
  border: 1px solid var(--ngk-panel-b-color);
}
.ngk-panel__header-title {
  font-size: var(--font-size-heading-xl);
  font-weight: var(--font-weight-black);
}
.ngk-panel__sub-header,
.ngk-panel.has-header:not(.has-sub-header) .ngk-panel__header {
  border-bottom: 1px solid var(--ngk-panel-b-color);
}
.ngk-panel__header,
.ngk-panel__sub-header {
  flex: 0 0 auto;
  background-color: var(--ngk-panel-header-bg-color);
  padding: var(--space-100);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-panel__header > *,
.ngk-panel__sub-header > * {
  flex: 1 1 auto;
}
.ngk-panel:not(.is-child) {
  height: 100%;
}
.ngk-panel:not(.is-child).is-fluid {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
}
.ngk-panel-group {
  --ngk-panel-group-handle-thickness: max(var(--ngk-panel-group-gap, 10px), 5px);
  outline: 1px solid transparent;
}
.ngk-panel-group__content > *.is-closed {
  border: 0px solid transparent;
  overflow: hidden;
  opacity: 0;
}
.ngk-panel-group.is-resizing {
  -webkit-user-select: none;
  user-select: none;
  cursor: col-resize;
}
.ngk-panel-group.is-resizing.is-vertical {
  cursor: row-resize;
}
.ngk-panel-group.is-resizing .ngk-panel,
.ngk-panel-group.is-resizing .ngk-panel-group {
  transition: none !important;
}
.ngk-panel-group.no-gap:not(.is-child) {
  outline-color: var(--ngk-panel-b-color);
  outline-offset: -1px;
  border-radius: var(--ngk-panel-b-radius) !important;
}
.ngk-panel-group.no-gap:not(.is-child) .ngk-panel,
.ngk-panel-group.no-gap:not(.is-child) .ngk-panel-group {
  border-radius: 0;
}
.ngk-panel-drag-handle {
  position: absolute;
  background-color: transparent;
}
.ngk-panel-drag-handle::before {
  content: "";
  position: absolute;
  transform-origin: center center;
  background-color: var(--ngk-panel-group-handle-color);
  opacity: 0;
  transition: all 500ms 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-panel-drag-handle:hover::before,
.ngk-panel-drag-handle.is-dragging::before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100% !important;
  height: 100% !important;
  transform: translateX(0) translateY(0);
}
.ngk-panel-drag-handle.moves-horizontally {
  cursor: col-resize;
  top: var(--ngk-panel-group-gap, 0);
  bottom: var(--ngk-panel-group-gap, 0);
  left: 0;
  width: var(--ngk-panel-group-handle-thickness);
  transform: translateX(-50%);
}
.ngk-panel-drag-handle.moves-horizontally::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: var(--ngk-panel-group-handle-thickness);
  height: 0;
}
.ngk-panel-drag-handle.moves-vertically {
  cursor: row-resize;
  left: var(--ngk-panel-group-gap, 0);
  right: var(--ngk-panel-group-gap, 0);
  top: 0;
  height: var(--ngk-panel-group-handle-thickness);
  transform: translateY(-50%);
}
.ngk-panel-drag-handle.moves-vertically::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: var(--ngk-panel-group-handle-thickness);
}
.ngk-panel-drag-handle__indicator {
  position: absolute;
  background-color: var(--color-secondary-400);
  color: var(--color-neutral-white);
  transform-origin: center center;
  border-radius: var(--border-radius-200);
  width: var(--ngk-panel-handle-indicator-size);
  height: var(--ngk-panel-handle-indicator-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
:root {
  --ngk-list-item-bg-color: var(--color-neutral-white);
  --ngk-list-item-b-color: transparent;
  --ngk-list-item-fg-color: var(--color-neutral-900);
  --ngk-list-item-accent-bg-color: var(--color-secondary-100);
  --ngk-list-item-accent-b-color: var(--color-secondary-300);
  --ngk-list-item-accent-fg-color: var(--color-secondary-400);
}
.ngk-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ngk-list,
.ngk-list__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-list__header,
.ngk-list__content {
  padding: var(--space-100);
}
.ngk-list__header {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  flex: 0 0 auto;
  justify-content: flex-end !important;
  background-color: var(--color-neutral-white);
  border-bottom: 1px solid var(--color-neutral-200);
}
.ngk-list__header,
.ngk-list__header-controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-list__content {
  position: relative;
  z-index: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  gap: 0;
}
.ngk-list__content.is-unlocked {
  gap: var(--space-100);
}
.ngk-list__empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
}
.ngk-list__empty--default {
  opacity: 0.5;
}
.ngk-list__empty--default ngk-icon {
  opacity: 0.5;
  margin-top: -30%;
}
.ngk-list.cdk-drop-list-dragging .ngk-list-item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1) !important;
}
.ngk-list.has-header > .ngk-list__content {
  padding-top: calc(var(--ngk-field-core-height) + 3 * var(--space-100));
}
.ngk-list-item {
  flex: 0 0 auto;
  overflow: visible !important;
}
.ngk-list-item__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  border: 1px solid var(--ngk-list-item-b-color);
  background-color: var(--ngk-list-item-bg-color);
  color: var(--ngk-list-item-fg-color);
  margin: 0;
  padding: var(--space-50) 0;
  min-height: var(--ngk-field-core-height);
  box-shadow: none;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-list-item__wrapper.is-unlocked {
  border-radius: var(--border-radius-300);
  border-color: var(--color-neutral-200);
}
.ngk-list-item__wrapper.is-unlocked.is-draggable {
  cursor: move;
}
.ngk-list-item:not(.is-unlocked):not(:last-child) > .ngk-list-item__wrapper {
  border-bottom-color: var(--color-neutral-200);
}
.ngk-list-item.cdk-drag-placeholder .ngk-list-item__wrapper {
  opacity: 0;
}
.ngk-list-item.cdk-drag-preview {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.ngk-list-item.cdk-drag-preview .ngk-list-item__control {
  display: none !important;
}
.ngk-list-item.cdk-drag-preview .ngk-list-item__control + * {
  padding-left: var(--space-100) !important;
}
.ngk-list-item.cdk-drag-preview > .ngk-list-item__wrapper {
  background-color: var(--ngk-list-item-accent-bg-color);
  border-color: var(--ngk-list-item-accent-b-color) !important;
  color: var(--ngk-list-item-accent-fg-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.12);
}
.ngk-list-item.is-filtered-out .ngk-list-item__wrapper {
  opacity: 0;
  transform: scale(0.9);
  min-height: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 !important;
  border-width: 0;
  overflow: hidden;
}
.ngk-list-item__control {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform-origin: center center;
  width: 0px;
  overflow: hidden;
  padding: 0;
  opacity: 0;
}
.ngk-list-item__control.is-visible {
  opacity: 1;
}
.ngk-list-item__control.is-visible > * {
  transform: scale(1);
}
.ngk-list-item__control-drag {
  opacity: 0.5 !important;
}
.ngk-list-item__control-drag.is-visible {
  width: 20px;
}
.ngk-list-item__control-drag.is-visible + * {
  padding-left: 0 !important;
}
.ngk-list-item__control-remove {
  cursor: pointer;
}
.ngk-list-item__control-remove.is-visible {
  width: 30px;
}
.ngk-list-item__control > * {
  transform: scale(0);
  transform-origin: center center;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-list-item__content {
  overflow: hidden;
  padding: var(--space-100) var(--space-50);
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-list-item__content.is-unlocked {
  padding: var(--space-100);
}
.ngk-tabs {
  display: block;
  height: 100%;
}
.ngk-tabs__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-tabs__wrapper.is-vertical {
  flex-direction: row;
}
.ngk-tabs__wrapper.is-after:not(.is-vertical) {
  flex-direction: column-reverse;
}
.ngk-tabs__wrapper.is-after.is-vertical {
  flex-direction: row-reverse;
}
.ngk-tabs__list {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  gap: var(--space-200);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  padding: var(--space-200);
  overflow-y: hidden;
  overflow-x: auto;
}
.ngk-tabs__list::-webkit-scrollbar {
  display: none;
}
.ngk-tabs__list:not(.is-after) {
  border-bottom: 1px solid var(--color-neutral-200);
}
.ngk-tabs__list.is-after {
  border-top: 1px solid var(--color-neutral-200);
}
.ngk-tabs__list.is-vertical {
  flex-direction: column;
  border: none;
}
.ngk-tabs__list.is-vertical:not(.is-after) {
  border-right: 1px solid var(--color-neutral-200);
}
.ngk-tabs__list.is-vertical.is-after {
  border-left: 1px solid var(--color-neutral-200);
}
.ngk-tabs__list .flex-separator {
  flex: 1 1 auto;
}
.ngk-tabs__tab {
  --fg-color: var(--color-neutral-600);
  --bg-color: transparent;
  all: unset;
  padding: var(--space-100) var(--space-200);
  color: var(--fg-color);
  border-radius: var(--border-radius-300);
  outline: 2px solid transparent;
  outline-offset: -1px;
  line-height: normal;
  min-height: 2.5rem;
  min-width: 5rem;
  box-sizing: border-box;
  background-color: var(--bg-color);
  position: relative;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  cursor: pointer;
  z-index: 1;
}
.ngk-tabs__tab.is-active {
  --fg-color: var(--color-secondary-500);
}
.ngk-tabs__tab:focus:not(.is-active):not([disabled]),
.ngk-tabs__tab:hover:not(.is-active):not([disabled]) {
  --bg-color: var(--color-neutral-100);
}
.ngk-tabs__tab.is-checking .ngk-tabs__tab-icon,
.ngk-tabs__tab.is-checking .ngk-tabs__tab-content,
.ngk-tabs__tab.is-checking .ngk-tabs__tab-badge {
  opacity: 0;
}
.ngk-tabs__tab[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ngk-tabs__tab.cdk-keyboard-focused {
  outline-color: var(--color-neutral-300);
}
.ngk-tabs__tab.cdk-keyboard-focused.is-active {
  outline-color: var(--color-secondary-200);
}
.ngk-tabs__tab-icon,
.ngk-tabs__tab-badge {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-tabs__tab-content {
  text-align: center;
  flex: 1 1 auto;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
}
.ngk-tabs__tab-badge {
  background-color: var(--fg-color);
  color: var(--color-neutral-white);
  font-family: var(--font-size-body-xs);
  font-weight: var(--font-weight-black);
  padding: var(--space-50);
  border-radius: var(--border-radius-200);
  min-width: 1rem;
}
.ngk-tabs__tab-checking-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transform-origin: center center;
}
.ngk-tabs__tab-controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-tabs__content {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  --padding: 0;
}
.ngk-tabs__content.is-padded {
  --padding: var(--space-200);
}
.ngk-tabs__content-panel {
  position: absolute;
  top: var(--padding);
  left: var(--padding);
  right: var(--padding);
  overflow: auto;
  z-index: 0;
}
.ngk-tabs__content-panel:not(.is-dynamic-height) {
  bottom: 0;
}
.ngk-tabs__content-panel.is-active {
  z-index: 1;
}
.ngk-tabs__content-panel--content {
  width: 100%;
  height: 100%;
}
.ngk-tabs__content.is-router-linked router-outlet + * {
  position: absolute;
  top: var(--padding);
  left: var(--padding);
  right: var(--padding);
  bottom: 0;
  overflow: auto;
  z-index: 0;
  width: unset;
  height: unset;
}
.ngk-active-tab-indicator {
  position: absolute;
  top: 50%;
  left: var(--space-200);
  z-index: 0;
  transform: translateY(-50%);
  transform-origin: center center;
  background-color: var(--color-secondary-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
:root {
  --ngk-loader-z-index: 1000;
}
.ngk-loader {
  position: absolute;
  z-index: var(--ngk-loader-z-index);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-loader__content {
  padding: var(--space-400);
  border-radius: var(--border-radius-300);
  background-color: var(--color-neutral-white);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.ngk-loader__content.is-vertical {
  flex-direction: column;
}
.ngk-loader__message {
  text-align: center;
}
.ngk-under-construction {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-under-construction .img {
  position: relative;
  left: 10px;
  opacity: 0.8;
  transform: scale(0.8);
}
.ngk-under-construction .title {
  font-weight: 800;
  font-size: 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.ngk-under-construction .title ngk-icon {
  margin-left: var(--space-100);
}
.ngk-under-construction .caption {
  font-weight: 500;
  color: var(--color-neutral-600);
}
:root {
  --ngk-sidebar-expanded-width: 16rem;
  --ngk-sidebar-collapsed-width: 5rem;
}
.ngk-sidebar {
  display: block;
  position: relative;
  z-index: 1;
}
.ngk-sidebar__wrapper {
  overflow: hidden;
  border-right: 1px solid var(--color-neutral-300);
  background-color: var(--color-neutral-100);
  padding: var(--space-400);
  padding-bottom: 0 !important;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: var(--ngk-sidebar-expanded-width);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-300);
}
.ngk-sidebar__wrapper.is-collapsed {
  width: var(--ngk-sidebar-collapsed-width);
  padding-left: var(--space-200);
  padding-right: var(--space-200);
}
.ngk-sidebar__logo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: var(--space-100);
}
.ngk-sidebar__logo > * {
  height: 1.75rem;
}
.ngk-sidebar__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-300);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  flex: 1 1 auto;
}
.ngk-sidebar__content::-webkit-scrollbar {
  display: none;
}
.ngk-sidebar__content-entry {
  opacity: 0;
  transform: translateX(5rem);
  --delay: calc(var(--i) * 100ms);
  animation: 0.35s slide-in-horizontally var(--delay) cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.ngk-sidebar__footer {
  padding: var(--space-100);
}
.ngk-sidebar__toggle {
  position: absolute;
  top: 2rem;
  right: 0;
  border: 0;
  appearance: none;
  background-color: var(--color-neutral-300);
  transform: translateX(50%);
  transform-origin: center center;
  color: var(--color-neutral-700);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar__toggle:hover {
  background-color: var(--color-secondary-300);
  color: var(--color-neutral-white);
  cursor: pointer;
}
.ngk-sidebar__toggle:hover + * {
  background-color: color-mix(in srgb, var(--color-secondary-100), transparent 50%);
  border-right-color: var(--color-secondary-200);
}
.ngk-sidebar__toggle:active {
  background-color: var(--color-neutral-400);
}
.ngk-sidebar__toggle.is-expanded {
  transform: translateX(50%) rotate(180deg);
}
.ngk-sidebar-entry,
.ngk-sidebar-section,
.ngk-sidebar-group,
.ngk-sidebar-item {
  display: block;
}
.ngk-sidebar-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-200);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: var(--border-radius-300);
  margin-top: var(--space-200);
  margin-bottom: var(--space-200);
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ngk-sidebar-section__header {
  color: var(--color-neutral-700);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-sidebar-section__label {
  text-transform: uppercase;
}
.ngk-sidebar-section.is-collapsed {
  padding-top: var(--space-100);
  outline-color: var(--color-neutral-300);
}
.ngk-sidebar-section.is-collapsed > .ngk-sidebar-section__header {
  padding-left: calc(50% - 0.5rem);
  opacity: 0.35;
}
.ngk-sidebar-section.is-collapsed .ngk-sidebar-section__label {
  opacity: 0;
}
.ngk-sidebar-item {
  display: block;
  cursor: pointer;
  max-height: 5rem;
  overflow: hidden;
  transition: max-height 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-item__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  color: var(--color-neutral-900);
  padding: var(--space-100);
  font-size: var(--font-size-body-sm);
  border-radius: var(--border-radius-200);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-item__wrapper:hover:not(.active) {
  background-color: var(--color-neutral-200);
}
.ngk-sidebar-item__wrapper.active {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-700);
}
.ngk-sidebar-item__wrapper.is-collapsed {
  padding-left: calc(50% - 1rem);
  overflow: hidden;
  margin-left: var(--space-100);
  margin-right: var(--space-100);
}
.ngk-sidebar-item__wrapper.is-collapsed > strong {
  opacity: 0;
}
.ngk-sidebar-item.is-hidden {
  max-height: 0px;
}
.ngk-sidebar-group {
  display: block;
}
.ngk-sidebar-group__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-sidebar-group__header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  color: var(--color-neutral-900);
  padding: var(--space-100);
  font-size: var(--font-size-body-sm);
  border-radius: var(--border-radius-200);
  max-height: 5rem;
  opacity: 1;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-group__header:hover {
  background-color: var(--color-neutral-200);
}
.ngk-sidebar-group__header.is-hidden {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: calc(50% - 1rem);
  max-height: 0px;
  opacity: 0;
}
.ngk-sidebar-group__header.is-hidden ngk-icon {
  display: none;
}
.ngk-sidebar-group__header-label {
  flex: 1 1 auto;
}
.ngk-sidebar-group__content {
  max-height: 0px;
  overflow: hidden;
  padding: 0px var(--space-100);
  margin-left: var(--space-100);
  border-left: 3px solid var(--color-neutral-200);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-group__content > * {
  --delay: calc(var(--i) * 50ms);
  transition: all 0.25s var(--delay) cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0;
  transform: translateX(-25px);
}
.ngk-sidebar-group__content.is-expanded,
.ngk-sidebar-group__content.is-sb-collapsed {
  max-height: 100vh;
  margin-top: var(--space-100);
  margin-bottom: var(--space-100);
}
.ngk-sidebar-group__content.is-expanded > *,
.ngk-sidebar-group__content.is-sb-collapsed > * {
  opacity: 1;
  transform: translateX(0);
}
.ngk-sidebar-group__content.is-sb-collapsed {
  margin-left: 0;
  border-left-width: 0px;
  padding: 0;
}
.ngk-sidebar-app-launcher {
  cursor: pointer;
  display: block;
}
.ngk-sidebar-app-launcher.is-expanded {
  margin-left: calc(var(--space-100) * -1);
  margin-right: calc(var(--space-100) * -1);
}
.ngk-sidebar-app-launcher.is-expanded .ngk-sidebar-app-launcher__trigger-label,
.ngk-sidebar-app-launcher.is-expanded .ngk-sidebar-app-launcher__trigger-control {
  opacity: 1;
}
.ngk-sidebar-app-launcher__trigger {
  padding: var(--space-100);
  border-radius: var(--border-radius-300);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-app-launcher__trigger:hover {
  background-color: var(--color-neutral-200);
}
.ngk-sidebar-app-launcher__trigger:focus,
.ngk-sidebar-app-launcher__trigger.expanded {
  background-color: var(--color-neutral-300);
}
.ngk-sidebar-app-launcher__trigger-label,
.ngk-sidebar-app-launcher__trigger-control {
  opacity: 0;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-app-launcher__trigger-initial {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex: 0 0 auto;
  background-color: var(--color-primary-600);
}
.ngk-sidebar-app-launcher__trigger-label {
  overflow: hidden;
  flex: 1 1 auto;
}
.ngk-sidebar-app-launcher__trigger-control {
  width: 1rem;
  height: 1rem;
}
.ngk-sidebar-app-launcher__trigger-initial,
.ngk-sidebar-app-launcher__trigger-label {
  border-radius: var(--border-radius-200);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
}
.ngk-sidebar-app-launcher__list {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius-300);
  padding: var(--space-200);
  width: 100%;
  min-width: 10rem;
}
.ngk-sidebar-app-launcher__list-item {
  display: block;
  text-decoration: none !important;
  color: inherit;
  padding: 5px var(--space-100);
  background-color: transparent;
  border-radius: var(--border-radius-200);
  color: var(--color-neutral-900);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
  outline: 2px solid transparent;
  outline-offset: -2px;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-app-launcher__list-item:hover,
.ngk-sidebar-app-launcher__list-item.cdk-keyboard-focused,
.ngk-sidebar-app-launcher__list-item.cdk-program-focused {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-500);
}
.ngk-sidebar-app-launcher__list-item.cdk-keyboard-focused {
  outline-color: var(--color-secondary-300);
}
@keyframes slide-in-horizontally {
  0% {
    opacity: 0;
    transform: translateX(-3rem);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
:root {
  --ngk-foldable-border-radius: var(--border-radius-400);
  --ngk-foldable-border-color: var(--color-neutral-300);
  --ngk-foldable-invalid-border-color: var(--color-warning-100);
  --ngk-foldable-border-width: 1px;
  --ngk-foldable-bg-color: var(--color-neutral-white);
  --ngk-foldable-invalid-bg-color: color-mix(in hsl, var(--color-warning-100), white 90%);
  --ngk-foldable-header-fg-color: var(--color-neutral-900);
  --ngk-foldable-invalid-header-fg-color: var(--color-warning-400);
  --ngk-foldable-header-padding: var(--space-200);
  --ngk-foldable-header-title-font-size: var(--font-size-body-md);
  --ngk-foldable-header-subtitle-font-size: var(--font-size-body-xs);
  --ngk-foldable-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.05);
}
.ngk-foldable {
  --__bg-color: var(--ngk-foldable-bg-color);
  --__header-fg-color: var(--ngk-foldable-header-fg-color);
  --__b-color: var(--ngk-foldable-border-color);
  background-color: var(--__bg-color);
  border-radius: var(--ngk-foldable-border-radius);
  border: var(--ngk-foldable-border-width) solid var(--__b-color);
  box-shadow: var(--ngk-foldable-shadow);
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-foldable__header {
  --__outline-color: transparent;
  padding: var(--ngk-foldable-header-padding);
  outline: 2px solid var(--__outline-color);
  outline-offset: -2px;
  border-bottom: var(--ngk-foldable-border-width) solid var(--ngk-foldable-border-color);
  border-radius: var(--ngk-foldable-border-radius) var(--ngk-foldable-border-radius) 0 0;
  color: var(--__header-fg-color);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: calc(2 * var(--ngk-foldable-header-padding));
  flex: 0 0 auto;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-foldable__header-icon {
  aspect-ratio: 1;
  height: var(--space-600);
  color: var(--__header-fg-color);
  background-color: color-mix(in srgb, var(--__header-fg-color), transparent 95%);
  border-radius: max(1.25 * var(--ngk-foldable-border-radius) - var(--ngk-foldable-header-padding), 0.25rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-foldable__header-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-50);
}
.ngk-foldable__header-info > * {
  line-height: normal;
}
.ngk-foldable__header-title {
  font-size: var(--ngk-foldable-header-title-font-size);
  font-weight: var(--font-weight-black);
  color: var(--__header-fg-color);
}
.ngk-foldable__header-subtitle {
  font-size: var(--ngk-foldable-header-subtitle-font-size);
  color: var(--__header-fg-color);
  opacity: 0.7;
}
.ngk-foldable__header-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-foldable-header-padding);
}
.ngk-foldable__header-content [ngkFoldableHeader] {
  flex: 1 1 auto;
}
.ngk-foldable__header-controls {
  flex: 0 0 auto;
}
.ngk-foldable__header-controls,
.ngk-foldable__header-controls--custom {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: var(--ngk-foldable-header-padding);
}
.ngk-foldable__header-controls--toggle {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-foldable__header:focus-visible {
  --__outline-color: var(--color-secondary-300);
}
.ngk-foldable__content {
  --__fr: 1fr;
  display: grid;
  flex: 1 1 auto;
  overflow: hidden;
  grid-template-rows: var(--__fr);
  transition:
    grid-template-rows 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    padding-top 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    padding-bottom 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-foldable__content-wrapper {
  overflow: auto;
  padding: 3px;
}
.ngk-foldable.is-folded .ngk-foldable__header {
  border-color: transparent;
  border-bottom-left-radius: var(--ngk-foldable-border-radius);
  border-bottom-right-radius: var(--ngk-foldable-border-radius);
}
.ngk-foldable.is-folded .ngk-foldable__header-controls--toggle {
  transform: rotate(180deg);
}
.ngk-foldable.is-folded .ngk-foldable__content {
  --__fr: 0fr;
}
.ngk-foldable.is-folded .ngk-foldable__content,
.ngk-foldable.is-folded .ngk-foldable__content-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ngk-foldable.with-padding .ngk-foldable__content {
  padding: var(--ngk-foldable-header-padding);
}
.ngk-foldable.is-disabled {
  --ngk-foldable-bg-color: var(--color-neutral-100);
  cursor: not-allowed;
}
.ngk-foldable.is-disabled .ngk-foldable__header {
  pointer-events: none;
}
.ngk-foldable.is-disabled .ngk-foldable__header-controls--toggle {
  opacity: 0.5;
}
.ngk-foldable.is-invalid {
  --__bg-color: var(--ngk-foldable-invalid-bg-color);
  --__b-color: var(--ngk-foldable-invalid-border-color);
  --__header-fg-color: var(--ngk-foldable-invalid-header-fg-color);
}
.ngk-foldable-group {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-foldable-group > .ngk-foldable {
  flex: 0 0 auto;
}
.ngk-foldable-group > .ngk-foldable.is-unfolded {
  flex: 1 1 auto;
}
.ngk-foldable-group.has-gap {
  padding: calc(var(--ngk-foldable-header-padding) * 0.5);
}
.ngk-foldable-group:not(.has-gap) {
  box-shadow: var(--ngk-foldable-shadow);
  border-radius: var(--ngk-foldable-border-radius);
}
.ngk-foldable-group:not(.has-gap) > .ngk-foldable {
  box-shadow: none !important;
  border-radius: 0 !important;
}
.ngk-foldable-group:not(.has-gap) > .ngk-foldable:first-child {
  border-top-left-radius: var(--ngk-foldable-border-radius) !important;
  border-top-right-radius: var(--ngk-foldable-border-radius) !important;
}
.ngk-foldable-group:not(.has-gap) > .ngk-foldable:last-child {
  border-bottom-left-radius: var(--ngk-foldable-border-radius) !important;
  border-bottom-right-radius: var(--ngk-foldable-border-radius) !important;
}
.ngk-notification {
  display: block;
  background-color: var(--color-neutral-white);
  border-radius: var(--border-radius-400);
  width: var(--ngk-notification-width, 450px);
  box-shadow: var(--shadow-lg);
  position: relative;
  overflow: hidden;
  padding: var(--space-200);
  border: none;
  font-size: var(--font-size-body-xs);
  font-weight: var(--font-weight-medium);
}
.ngk-notification__overlay {
  transition: margin-bottom 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-notification__content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  gap: var(--space-200);
}
.ngk-notification__media {
  flex: 0 0 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-notification__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-75);
  flex: 1 1 auto;
  padding-left: var(--space-50);
  line-height: normal;
  overflow: hidden;
}
.ngk-notification__info--title {
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-black);
}
.ngk-notification__info--message {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  word-break: break-word;
}
.ngk-notification__controls {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-notification__controls > * {
  cursor: pointer;
  line-height: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-color: var(--color-neutral-200);
  padding: var(--space-100);
  padding-right: var(--space-75);
  border-radius: var(--border-radius-300);
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-notification__controls > *:hover {
  background-color: var(--color-neutral-300);
}
.ngk-notification__additional-context {
  position: relative;
  border-radius: var(--border-radius-300);
  padding: 0 var(--space-200);
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-notification__additional-context.has-timeout {
  margin-top: var(--space-100);
  max-height: var(--space-100);
  min-height: var(--space-100);
}
.ngk-notification__additional-context > * {
  opacity: 0;
  position: relative;
  z-index: 1;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-notification__additional-context::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  animation: remaining-time-animation var(--ngk-notification-duration) linear forwards;
}
.ngk-notification__additional-context.expanded {
  margin-top: var(--space-100);
  padding-top: var(--space-100);
  padding-bottom: var(--space-100);
  max-height: 50vh;
}
.ngk-notification__additional-context.expanded > * {
  opacity: 1;
}
.ngk-notification.info {
  border-left: 5px solid var(--color-neutral-800);
}
.ngk-notification.info .ngk-notification__media {
  color: var(--color-neutral-800);
}
.ngk-notification.info > .ngk-notification__additional-context {
  background-color: color-mix(in srgb, var(--color-neutral-800), transparent 90%);
  color: var(--color-neutral-900);
}
.ngk-notification.info > .ngk-notification__additional-context::after {
  background-color: color-mix(in srgb, var(--color-neutral-800), transparent 80%);
}
.ngk-notification.success {
  border-left: 5px solid var(--color-secondary-400);
}
.ngk-notification.success .ngk-notification__media {
  color: var(--color-secondary-400);
}
.ngk-notification.success > .ngk-notification__additional-context {
  background-color: color-mix(in srgb, var(--color-secondary-400), transparent 90%);
  color: var(--color-secondary-700);
}
.ngk-notification.success > .ngk-notification__additional-context::after {
  background-color: color-mix(in srgb, var(--color-secondary-400), transparent 80%);
}
.ngk-notification.warning {
  border-left: 5px solid var(--color-primary-600);
}
.ngk-notification.warning .ngk-notification__media {
  color: var(--color-primary-600);
}
.ngk-notification.warning > .ngk-notification__additional-context {
  background-color: color-mix(in srgb, var(--color-primary-600), transparent 90%);
  color: var(--color-primary-1000);
}
.ngk-notification.warning > .ngk-notification__additional-context::after {
  background-color: color-mix(in srgb, var(--color-primary-600), transparent 80%);
}
.ngk-notification.error {
  border-left: 5px solid var(--color-warning-400);
}
.ngk-notification.error .ngk-notification__media {
  color: var(--color-warning-400);
}
.ngk-notification.error > .ngk-notification__additional-context {
  background-color: color-mix(in srgb, var(--color-warning-400), transparent 90%);
  color: var(--color-warning-600);
}
.ngk-notification.error > .ngk-notification__additional-context::after {
  background-color: color-mix(in srgb, var(--color-warning-400), transparent 80%);
}
@keyframes remaining-time-animation {
  0% {
    width: 100%;
  }
  100% {
    width: 0px;
  }
}
:root {
  --ngk-file-selector-min-width: 400px;
}
.ngk-file-selector {
  display: block;
  min-width: 400px;
  width: 100%;
}
.ngk-file-selector .wrapper {
  min-height: 130px;
  max-height: 50vh;
  background-color: var(--color-secondary-100);
  padding: var(--space-400);
  border: 2px dashed var(--color-secondary-200);
  border-radius: var(--space-100);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-file-selector .wrapper ngk-folder-icon {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-file-selector .wrapper.active ngk-folder-icon {
  transform: translateY(2rem);
}
.ngk-file-selector .wrapper.active .template {
  opacity: 0;
}
.ngk-file-selector .wrapper:not(.empty):not(.multi) {
  min-height: 0;
  max-height: 0px;
  padding-top: 0;
  padding-bottom: 0;
  border-color: transparent;
  background-color: transparent;
  margin-bottom: calc(var(--space-200) * -1);
}
.ngk-file-selector .wrapper .template {
  opacity: 1;
  color: var(--color-secondary-400);
  font-weight: var(--font-weight-bold);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-file-selector .wrapper .template .specs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-file-selector .wrapper .template .specs-item {
  flex: 0 0 auto;
}
.ngk-file-selector .selected-files {
  margin-top: var(--space-200);
}
.ngk-file-selector .selected-files > * {
  min-width: var(--ngk-file-selector-min-width);
}
.ngk-file-selector .selected-files > *:not(:last-child) {
  margin-bottom: var(--space-100);
}
.ngk-file-selector .info {
  font-size: var(--font-size-body-sm);
}
.ngk-file-selector .browse-trigger {
  padding: var(--space-75) var(--space-200);
  background-color: var(--color-secondary-400);
  color: var(--color-neutral-white);
  border-radius: var(--space-400);
}
.ngk-file-selector .meta {
  font-size: var(--font-size-body-xs);
}
.ngk-file-selector .meta-item {
  padding: var(--space-75);
}
.ngk-file-selector .meta-item:not(:last-child) {
  border-right: 1px solid var(--color-neutral-900);
}
.ngk-file-selector .ngk-file-selector.multi {
  container-type: inline-size;
  container-name: selected-files-grid;
}
.ngk-file-selector .ngk-file-selector.multi .selected-files {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: var(--space-200);
}
@container selected-files-grid (max-width: 899px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 899px) and (max-width: 1349px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 1349px) and (max-width: 1799px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 1799px) and (max-width: 2249px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 2249px) and (max-width: 2699px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 2699px) and (max-width: 3149px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 3149px) and (max-width: 3599px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 3599px) and (max-width: 4049px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(8, 1fr) !important;
  }
}
.ngk-breadcrumbs {
  min-height: 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-breadcrumbs-container {
  display: contents;
}
.ngk-breadcrumbs-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex: 0 1 auto;
  overflow: hidden;
  color: var(--color-neutral-600);
}
.ngk-breadcrumbs-item > span {
  font-size: var(--font-size-body-lg);
  font-weight: var(--font-weight-black);
  line-height: normal;
}
.ngk-breadcrumbs-item.is-current {
  color: var(--color-neutral-900);
  flex: 0 0 auto;
}
.ngk-breadcrumbs-item:not(.is-current):not(.is-disabled) {
  cursor: pointer;
}
.ngk-breadcrumbs-item:has(.wont-shrink) {
  flex-shrink: 0 !important;
}
.ngk-breadcrumbs-item:has(.wont-grow) {
  flex-grow: 0 !important;
}
:root {
  --ngk-formula-editor-bg-color: var(--color-neutral-100);
  --ngk-formula-editor-border-radius: var(--border-radius-300);
}
.ngk-formula-editor {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--ngk-formula-editor-bg-color);
  border-radius: var(--ngk-formula-editor-border-radius);
  position: relative;
  border: 1px solid transparent;
  outline: 3px solid transparent;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-formula-editor__canvas {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-formula-viewer {
  display: flex;
  flex-direction: row;
  padding: var(--space-200) var(--space-400);
  border-radius: var(--ngk-formula-editor-border-radius);
}
.ngk-formula-viewer .node-wrapper {
  background-color: transparent !important;
}
:root {
  --ngk-formula-editor-panel-b-radius: var(--border-radius-400);
  --ngk-formula-editor-panel-bg-color: var(--color-neutral-white);
  --ngk-formula-editor-panel-shadow: 0px 0.25rem 1rem rgba(0, 0, 0, 0.15);
  --ngk-formula-editor-panel-padding: var(--space-100);
  --ngk-formula-editor-panel-spacing: var(--space-200);
}
.ngk-formula-editor-panel {
  position: absolute;
  background-color: var(--ngk-formula-editor-panel-bg-color);
  border-radius: var(--ngk-formula-editor-panel-b-radius);
  box-shadow: var(--ngk-formula-editor-panel-shadow);
  padding: var(--ngk-formula-editor-panel-padding);
  cursor: default;
}
.ngk-formula-editor-toolbar {
  top: var(--ngk-formula-editor-panel-spacing);
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-formula-editor-toolbar.is-left-positioned {
  left: max(50% - var(--ngk-formula-editor-side-panel-width), var(--ngk-formula-editor-panel-spacing));
  transform: translateX(0);
}
.ngk-formula-editor-toolbar.is-hidden {
  top: -100%;
}
.ngk-formula-editor-toolbar,
.ngk-formula-editor-toolbar__group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-formula-editor-toolbar__group {
  gap: var(--space-100);
}
.ngk-formula-editor-toolbar__group:not(:first-child) {
  padding-left: var(--space-100);
}
.ngk-formula-editor-toolbar__group:not(:last-child) {
  padding-right: var(--space-100);
  border-right: 1px solid var(--color-neutral-400);
}
.ngk-formula-editor-toolbar__item {
  border-radius: 0.65rem !important;
}
.ngk-formula-editor-toolbar__item:disabled {
  opacity: 0.5;
  background-color: var(--color-neutral-300) !important;
}
.ngk-formula-editor-toolbar__item.is-input[type=number]::-webkit-outer-spin-button,
.ngk-formula-editor-toolbar__item.is-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ngk-formula-editor-toolbar__item.is-input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.ngk-formula-editor-toolbar__item.is-input#scale-indicator-control {
  width: 4rem;
  text-align: center;
}
.ngk-formula-editor-toolbar__item ngk-icon span {
  font-weight: 700 !important;
}
:root {
  --ngk-formula-editor-side-panel-width: 400px;
}
.ngk-formula-editor-side-panel {
  top: var(--ngk-formula-editor-panel-spacing);
  right: var(--ngk-formula-editor-panel-spacing);
  bottom: var(--ngk-formula-editor-panel-spacing);
  width: var(--ngk-formula-editor-side-panel-width);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-formula-editor-side-panel__header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  padding-bottom: var(--space-100);
  border-bottom: 1px solid var(--color-neutral-300);
}
.ngk-formula-editor-side-panel__header-switch {
  flex: 1 1 auto;
}
.ngk-formula-editor-side-panel__content {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  padding: 3px;
}
.ngk-formula-editor-side-panel__content > * {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-formula-editor-side-panel__content > * span {
  text-align: center;
}
.ngk-formula-editor-side-panel__content > *:has(> span) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-formula-editor-side-panel__section-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  padding: var(--space-75) 0 var(--space-100);
  flex: 0 0 auto;
}
.ngk-formula-editor-side-panel__section-list {
  overflow: auto;
  padding: 0 0 var(--space-100);
  flex: 1 1 auto;
}
.ngk-formula-editor-side-panel__section-list--empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-600);
}
.ngk-formula-editor-side-panel__list-item {
  display: block;
  border-top: 1px solid var(--color-neutral-300);
}
.ngk-formula-editor-side-panel__list-item:last-child {
  border-bottom: 1px solid var(--color-neutral-300);
}
.ngk-formula-editor-side-panel__list-item .main-section {
  padding: var(--space-100) 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-formula-editor-side-panel__list-item .main-section .item-label {
  flex: 1 1 auto;
}
.ngk-formula-editor-side-panel__list-item .secondary-section {
  padding: 0 var(--space-100);
  max-height: 0;
  overflow: auto;
  opacity: 0;
  background-color: color-mix(in srgb, var(--color-secondary-100) 50%, transparent);
  color: var(--color-secondary-500);
  border-radius: var(--border-radius-200);
  margin: 0;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-formula-editor-side-panel__list-item .secondary-section.is-expanded {
  max-height: var(--ngk-formula-editor-side-panel-width);
  opacity: 1;
  padding: var(--space-100);
  margin-bottom: var(--space-100);
}
.ngk-formula-editor-side-panel .math-concept {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
  min-width: 5rem;
  padding: var(--space-75) var(--space-100);
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-500);
  border-radius: var(--border-radius-300);
  filter: grayscale(1);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: grab;
}
.ngk-formula-editor-side-panel .math-concept:hover {
  filter: grayscale(0);
}
.ngk-formula-editor-side-panel .math-concept:active {
  cursor: grabbing;
}
.ngk-formula-editor-side-panel .math-concept.is-postfix {
  flex-direction: row-reverse;
}
.ngk-formula-editor-side-panel .math-concept .concept-argument {
  border-radius: var(--border-radius-200);
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  background-color: color-mix(in srgb, var(--color-secondary-500) 50%, transparent);
}
.ngk-formula-editor-side-panel .math-concept .concept-argument.is-optional {
  background-color: color-mix(in srgb, var(--color-secondary-500) 5%, transparent);
  border: 2px solid color-mix(in srgb, var(--color-secondary-500) 50%, transparent);
}
.ngk-formula-editor-node .node-wrapper {
  cursor: pointer;
  font-size: var(--font-size-body-md);
  background-color: var(--color-neutral-white);
  font-weight: 700;
  padding: var(--space-75);
  border-radius: var(--border-radius-300);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-formula-editor-node .node-wrapper.is-active {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-500);
  padding: var(--space-100);
}
.ngk-formula-editor-node .node-wrapper.is-active .placeholder-node__wrapper > span {
  background-color: transparent !important;
}
.ngk-formula-editor-node__placeholder .placeholder-node__wrapper {
  width: 1.5rem;
  height: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-formula-editor-node__placeholder .placeholder-node__wrapper > span {
  width: 1rem;
  height: 1rem;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: var(--border-radius-200);
  background-color: var(--color-secondary-100);
}
.ngk-formula-editor-node__placeholder--root .placeholder-node__wrapper {
  background-color: var(--color-warning-100) !important;
  color: var(--color-warning-400) !important;
  padding: var(--space-100) !important;
  position: relative;
}
.ngk-formula-editor-node__placeholder--root .placeholder-node__wrapper > span {
  opacity: 0;
}
.ngk-formula-editor-node__placeholder--root .placeholder-node__wrapper::after {
  content: "?";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-warning-400);
  font-weight: bold;
}
.ngk-formula-editor-node__operator .operator-node__wrapper > * {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-formula-editor-node__operator .operator-node__wrapper > *.is-postfix {
  flex-direction: row-reverse;
}
.ngk-formula-editor-node__parenthesis .parenthesis-node__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-formula-editor-node__constant .constant-node__wrapper {
  position: relative;
}
.ngk-formula-editor-node__constant .constant-node__wrapper input {
  text-align: center;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: unset !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  -moz-appearance: textfield;
}
.ngk-formula-editor-node__constant .constant-node__wrapper input::-webkit-outer-spin-button,
.ngk-formula-editor-node__constant .constant-node__wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ngk-formula-editor-node__constant .constant-node__wrapper input:focus {
  cursor: text;
}
.ngk-formula-editor-node__constant .constant-node__wrapper:has(input.ng-invalid) {
  background: var(--color-warning-100);
  color: var(--color-warning-400);
}
.ngk-formula-editor-node__constant .constant-node__wrapper:has(input.ng-invalid)::after {
  content: "?";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ngk-formula-editor-node__function .function-node__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-formula-editor-node__function .function-node__args {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-50);
}
:root {
  --ngk-menu-spacing: var(--space-100);
  --ngk-menu-min-width: 200px;
  --ngk-menu-bg-color: var(--color-neutral-white);
  --ngk-menu-option-bg-color: transparent;
  --ngk-menu-option-bg-color-hover: color-mix(in srgb, var(--color-secondary-100) 50%, transparent);
  --ngk-menu-option-bg-color-hover-destructive: color-mix(in srgb, var(--color-warning-100) 50%, transparent);
  --ngk-menu-option-bg-color-active: var(--color-secondary-100);
  --ngk-menu-option-bg-color-active-destructive: var(--color-warning-100);
  --ngk-menu-option-fg-color: var(--color-neutral-900);
  --ngk-menu-option-fg-color-destructive: var(--color-warning-400);
  --ngk-menu-option-fg-color-hover: var(--color-secondary-400);
  --ngk-menu-option-fg-color-hover-destructive: var(--color-warning-400);
  --ngk-menu-option-fg-color-active: var(--color-secondary-500);
  --ngk-menu-option-fg-color-active-destructive: var(--color-warning-400);
  --ngk-menu-b-radius: var(--border-radius-300);
  --ngk-menu-group-separator-width: 1px;
  --ngk-menu-group-separator-style: solid;
  --ngk-menu-group-separator-color: var(--color-neutral-200);
  --ngk-menu-group-separator: var(--ngk-menu-group-separator-width) var(--ngk-menu-group-separator-style) var(--ngk-menu-group-separator-color);
}
.ngk-menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
  padding: var(--ngk-menu-spacing);
  background-color: var(--ngk-menu-bg-color);
  border-radius: var(--ngk-menu-b-radius);
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: var(--font-weight-bold);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.ngk-menu::-webkit-scrollbar {
  display: none;
}
.ngk-menu-option {
  --_bg-color: var(--ngk-menu-option-bg-color);
  --_fg-color: var(--ngk-menu-option-fg-color);
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: -1px;
  color: var(--_fg-color);
  background-color: var(--_bg-color);
  padding: var(--ngk-menu-spacing);
  border-radius: calc(var(--ngk-menu-b-radius) * 0.7);
  font-size: var(--font-size-body-sm);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-menu-spacing);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-menu-option:hover:not(.is-selected),
.ngk-menu-option.cdk-keyboard-focused:not(.is-selected) {
  --_bg-color: var(--ngk-menu-option-bg-color-hover);
  --_fg-color: var(--ngk-menu-option-fg-color-hover);
}
.ngk-menu-option:hover:not(.is-selected).is-destructive,
.ngk-menu-option.cdk-keyboard-focused:not(.is-selected).is-destructive {
  --_bg-color: var(--ngk-menu-option-bg-color-hover-destructive);
  --_fg-color: var(--ngk-menu-option-fg-color-hover-destructive);
}
.ngk-menu-option.cdk-keyboard-focused {
  outline-color: color-mix(in srgb, var(--_fg-color) 10%, white);
}
.ngk-menu-option.is-selected {
  --_bg-color: var(--ngk-menu-option-bg-color-active);
  --_fg-color: var(--ngk-menu-option-fg-color-active);
}
.ngk-menu-option.is-selected.is-destructive {
  --_bg-color: var(--ngk-menu-option-bg-color-active-destructive);
  --_fg-color: var(--ngk-menu-option-fg-color-active-destructive);
}
.ngk-menu-option.is-destructive {
  --_fg-color: var(--ngk-menu-option-fg-color-destructive);
}
.ngk-menu-option[disabled] {
  filter: grayscale(1);
  cursor: not-allowed;
  opacity: 0.5;
}
.ngk-menu-option + .ngk-menu-option-group {
  border-top: var(--ngk-menu-group-separator);
  margin-top: var(--ngk-menu-spacing);
}
.ngk-menu-option__affix {
  flex: 0 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-menu-option__content {
  line-height: normal;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.ngk-menu-option-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: calc(var(--ngk-menu-spacing) / 2);
}
.ngk-menu-option-group:not(:first-child) {
  padding-top: var(--ngk-menu-spacing);
}
.ngk-menu-option-group:not(:last-child) {
  padding-bottom: var(--ngk-menu-spacing);
  border-bottom: var(--ngk-menu-group-separator);
}
.ngk-menu-option-group:has(+ .ngk-menu-option) {
  border-bottom: var(--ngk-menu-group-separator);
  margin-bottom: var(--ngk-menu-spacing);
}
:root {
  --ngk-chip-color-primary: var(--color-primary-600);
  --ngk-chip-color-secondary: var(--color-secondary-400);
  --ngk-chip-color-tertiary: var(--color-tertiary-400);
  --ngk-chip-color-success: var(--color-success-600);
  --ngk-chip-color-warning: var(--color-warning-400);
  --ngk-chip-color-neutral: var(--color-neutral-900);
  --ngk-chip-size-sm: 1.7rem;
  --ngk-chip-size-md: 2rem;
  --ngk-chip-size-lg: 2.5rem;
  --ngk-chip-font-size-sm: var(--font-size-body-xs);
  --ngk-chip-font-size-md: var(--font-size-body-sm);
  --ngk-chip-font-size-lg: var(--font-size-body-md);
  --ngk-chip-affix-size-sm: 0.9rem;
  --ngk-chip-affix-size-md: 1rem;
  --ngk-chip-affix-size-lg: 1.25rem;
  --ngk-chip-mode-rounded-b-radius: var(--ngk-chip-size-lg);
  --ngk-chip-mode-squared-b-radius: 0.5rem;
  --ngk-chip-list-spacing: var(--space-200);
}
.ngk-chip {
  --__color: var(--color-secondary-400);
  --__size: var(--ngk-chip-size-md);
  --__font-size: var(--ngk-chip-font-size-md);
  --__affix-size: var(--ngk-chip-affix-size-md);
  --solid-bg-color: var(--__color);
  --solid-progress-bg-color: color-mix(in srgb, var(--__color), var(--color-neutral-900) 10%);
  --solid-progress-track-color: color-mix(in srgb, var(--__color), var(--color-neutral-white) 10%);
  --solid-fg-color: oklch(from var(--__color) clamp(0, (0.6 - l) * 1000, 1) 0 h);
  --solid-border-color: var(--__color);
  --ghost-bg-color: color-mix(in srgb, var(--__color), var(--color-neutral-white) 75%);
  --ghost-progress-bg-color: color-mix(in srgb, var(--__color), var(--color-neutral-white) 90%);
  --ghost-progress-track-color: color-mix(in srgb, var(--__color), var(--color-neutral-white) 75%);
  --ghost-fg-color: color-mix(in srgb, var(--__color), var(--color-neutral-900) 60%);
  --ghost-border-color: color-mix(in srgb, var(--__color), var(--color-neutral-white) 60%);
  --outlined-bg-color: transparent;
  --outlined-progress-bg-color: transparent;
  --outlined-progress-track-color: color-mix(in srgb, var(--__color), var(--color-neutral-white) 92%);
  --outlined-fg-color: color-mix(in srgb, var(--__color), var(--color-neutral-900) 50%);
  --outlined-fg-color: oklch(from var(--__color) 0.45 c h);
  --outlined-border-color: var(--__color);
  padding: var(--space-75);
  height: var(--__size);
  position: relative;
  overflow: clip;
  z-index: 0;
  border: 1px solid transparent;
  outline: 3px solid transparent;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-chip.is-initialized {
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    scale 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-chip--color-primary {
  --__color: var(--ngk-chip-color-primary);
}
.ngk-chip--color-secondary {
  --__color: var(--ngk-chip-color-secondary);
}
.ngk-chip--color-tertiary {
  --__color: var(--ngk-chip-color-tertiary);
}
.ngk-chip--color-success {
  --__color: var(--ngk-chip-color-success);
}
.ngk-chip--color-warning {
  --__color: var(--ngk-chip-color-warning);
}
.ngk-chip--color-neutral {
  --__color: var(--ngk-chip-color-neutral);
}
.ngk-chip--variant-solid {
  background-color: var(--solid-bg-color);
  color: var(--solid-fg-color);
  border-color: var(--solid-border-color);
}
.ngk-chip--variant-solid:has(> .ngk-chip__progress) {
  background-color: var(--solid-progress-bg-color);
}
.ngk-chip--variant-solid > .ngk-chip__progress {
  background-color: var(--solid-progress-track-color);
}
.ngk-chip--variant-ghost {
  background-color: var(--ghost-bg-color);
  color: var(--ghost-fg-color);
  border-color: var(--ghost-border-color);
}
.ngk-chip--variant-ghost:has(> .ngk-chip__progress) {
  background-color: var(--ghost-progress-bg-color);
}
.ngk-chip--variant-ghost > .ngk-chip__progress {
  background-color: var(--ghost-progress-track-color);
}
.ngk-chip--variant-outlined {
  background-color: var(--outlined-bg-color);
  color: var(--outlined-fg-color);
  border-color: var(--outlined-border-color);
}
.ngk-chip--variant-outlined:has(> .ngk-chip__progress) {
  background-color: var(--outlined-progress-bg-color);
}
.ngk-chip--variant-outlined > .ngk-chip__progress {
  background-color: var(--outlined-progress-track-color);
}
.ngk-chip--size-sm {
  --__size: var(--ngk-chip-size-sm);
  --__font-size: var(--ngk-chip-font-size-sm);
  --__affix-size: var(--ngk-chip-affix-size-sm);
}
.ngk-chip--size-md {
  --__size: var(--ngk-chip-size-md);
  --__font-size: var(--ngk-chip-font-size-md);
  --__affix-size: var(--ngk-chip-affix-size-md);
}
.ngk-chip--size-lg {
  --__size: var(--ngk-chip-size-lg);
  --__font-size: var(--ngk-chip-font-size-lg);
  --__affix-size: var(--ngk-chip-affix-size-lg);
}
.ngk-chip--mode-rounded,
.ngk-chip--mode-rounded > .ngk-chip__affix {
  border-radius: var(--ngk-chip-mode-rounded-b-radius);
}
.ngk-chip--mode-squared {
  border-radius: var(--ngk-chip-mode-squared-b-radius);
}
.ngk-chip--mode-squared > .ngk-chip__affix {
  border-radius: calc(var(--ngk-chip-mode-squared-b-radius) * 0.6);
}
.ngk-chip:focus-visible {
  scale: 1.05;
}
.ngk-chip--variant-solid:focus-visible {
  outline-color: var(--ghost-bg-color);
}
.ngk-chip--variant-ghost:focus-visible {
  border-color: var(--__color);
  outline-color: color-mix(in srgb, var(--ghost-bg-color), var(--color-neutral-white) 50%);
}
.ngk-chip[disabled] {
  --__color: var(--color-neutral-500);
  cursor: not-allowed !important;
}
.ngk-chip[disabled] .ngk-chip__close {
  opacity: 0.5;
  filter: grayscale(1);
}
.ngk-chip__progress {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: var(--progress);
  height: 100%;
  transition: width 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-chip__affix {
  aspect-ratio: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex: 0 0 auto;
  overflow: hidden;
}
.ngk-chip__affix > * {
  max-width: 100%;
  max-height: 100%;
}
.ngk-chip__prefix:has(> img) {
  margin-right: var(--space-75);
}
.ngk-chip__suffix:has(> img) {
  margin-left: var(--space-75);
}
.ngk-chip__content {
  height: 100%;
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-chip__content > * {
  padding-left: var(--space-200);
  padding-right: var(--space-200);
  color: inherit;
  line-height: normal;
  font-weight: 600;
  font-size: var(--__font-size);
}
.ngk-chip__affix + .ngk-chip__content > * {
  padding-left: 0;
}
.ngk-chip__content:has(+ .ngk-chip__affix) > * {
  padding-right: 0;
}
.ngk-chip__close {
  cursor: pointer;
  background-color: #cb0019;
  color: var(--color-neutral-white);
  border-radius: 999px;
  width: 100%;
  height: 100%;
  max-height: var(--ngk-chip-affix-size-lg);
  max-width: var(--ngk-chip-affix-size-lg);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  opacity: 0.5;
  scale: 0.9;
  outline: 2px solid transparent;
  transition:
    opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    scale 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-chip__close > * {
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-black);
}
.ngk-chip__close:hover {
  opacity: 1;
  scale: 1;
}
.ngk-chip__close:focus-visible {
  outline-color: color-mix(in hsl, var(--color-warning-400), transparent 50%);
}
.ngk-chip-list {
  overflow: auto;
  padding: calc(var(--ngk-chip-list-spacing) / 2) var(--ngk-chip-list-spacing);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-chip-list-spacing);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}
.ngk-chip-list::-webkit-scrollbar {
  display: none;
}
.ngk-chip-list.is-overflow-wrap {
  flex-wrap: wrap;
}
.ngk-chip-list.is-overflow-scroll {
  flex-wrap: nowrap;
}
.ngk-chip-list > .ngk-chip {
  cursor: pointer;
}
:root {
  --ngk-checkbox-size: 22px;
  --ngk-checkbox-radius: 7px;
  --ngk-checkbox-border-width: 2px;
  --ngk-checkbox-unchecked-bg-color: var(--color-neutral-white);
  --ngk-checkbox-invalid-color: var(--color-warning-400);
}
.ngk-checkbox {
  --__color: var(--ngk-checkbox-color, var(--color-secondary-400));
  --__b-color: var(--color-neutral-400);
  --__outline-color: color-mix(in srgb, var(--__color), var(--ngk-checkbox-unchecked-bg-color) 70%);
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  cursor: pointer;
  outline: none;
}
.ngk-checkbox__indicator {
  border: var(--ngk-checkbox-border-width) solid var(--__b-color);
  border-radius: var(--ngk-checkbox-radius);
  background-color: var(--ngk-checkbox-unchecked-bg-color);
  position: relative;
  overflow: hidden;
  outline: 3px solid transparent;
  transform-origin: center center;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: var(--ngk-checkbox-size);
  height: var(--ngk-checkbox-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-checkbox__indicator > svg {
  opacity: 0;
  position: relative;
  top: 2px;
  z-index: 1;
}
.ngk-checkbox__indicator > svg,
.ngk-checkbox__indicator > svg > path {
  transform-origin: center center;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-checkbox__indicator::after {
  content: "";
  z-index: 0;
  position: absolute;
  top: calc(var(--ngk-checkbox-size) * -0.5 - var(--ngk-checkbox-border-width));
  left: calc(var(--ngk-checkbox-size) * -0.5 - var(--ngk-checkbox-border-width));
  width: calc(var(--ngk-checkbox-size) * 2);
  height: calc(var(--ngk-checkbox-size) * 2);
  transition: transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-color: var(--__color);
  transform: scale(0);
  transform-origin: center center;
  border-radius: var(--ngk-checkbox-size);
}
.ngk-checkbox__indicator.checked,
.ngk-checkbox__indicator.indeterminate {
  --__b-color: var(--__color);
  background-color: var(--__color);
}
.ngk-checkbox__indicator.checked > svg,
.ngk-checkbox__indicator.indeterminate > svg {
  opacity: 1;
}
.ngk-checkbox__indicator.checked::after,
.ngk-checkbox__indicator.indeterminate::after {
  transform: scale(1);
}
.ngk-checkbox__indicator.indeterminate svg {
  top: -1px;
}
.ngk-checkbox__indicator.indeterminate svg path#small-end {
  transform: rotate(-45deg) translateY(-2.5px);
}
.ngk-checkbox__indicator.indeterminate svg path#large-end {
  transform: rotate(45deg) translate(-1px, 1px);
}
.ngk-checkbox__label {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-body-sm);
  line-height: 1;
  cursor: inherit;
}
.ngk-checkbox:hover:not([disabled]) {
  --__b-color: var(--__color);
}
.ngk-checkbox:focus-visible .ngk-checkbox__indicator {
  outline-color: var(--__outline-color);
  border-color: var(--__color);
}
.ngk-checkbox[disabled] {
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 0.5;
}
.ngk-checkbox.ng-invalid.ng-touched:not([disabled]),
.ngk-checkbox.is-invalid {
  --__color: var(--ngk-checkbox-invalid-color);
  --__b-color: var(--ngk-checkbox-invalid-color);
  --__outline-color: color-mix(in srgb, var(--ngk-checkbox-invalid-color), var(--ngk-checkbox-unchecked-bg-color) 70%);
  color: var(--ngk-checkbox-invalid-color);
}
.ngk-checkbox.label-start {
  flex-direction: row-reverse;
}
.ngk-checkbox:active:not([disabled]) .ngk-checkbox__indicator {
  transform: scale(0.85);
}
:root {
  --ngk-toggle-width: 4rem;
  --ngk-toggle-height: 1.75rem;
  --ngk-toggle-off-bkg-color: var(--color-neutral-400);
  --ngk-toggle-on-bkg-color: var(--color-secondary-400);
  --ngk-toggle-indicator-color: var(--color-neutral-white);
  --ngk-toggle-border-radius: 10rem;
  --ngk-toggle-track-spacing: 3px;
}
.ngk-toggle {
  --__outline-color: transparent;
  --__bg-color: var(--inactive-bg-color, var(--ngk-toggle-off-bkg-color));
  --__fg-color: oklch(from var(--__bg-color) 0.45 c h);
  width: var(--ngk-toggle-width);
  height: var(--ngk-toggle-height);
  background-color: var(--__bg-color);
  border-radius: var(--ngk-toggle-border-radius);
  outline: 3px solid var(--__outline-color);
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: clip;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-toggle:focus-visible {
  --__outline-color: color-mix(in srgb, var(--__bg-color), transparent 60%);
}
.ngk-toggle.is-active {
  --__bg-color: var(--active-bg-color, var(--ngk-toggle-on-bkg-color));
}
.ngk-toggle.is-active:focus-visible {
  --__outline-color: color-mix(in srgb, var(--__bg-color), transparent 60%);
}
.ngk-toggle.disabled {
  cursor: not-allowed;
  --__bg-color: var(--color-neutral-300);
}
.ngk-toggle.disabled > * {
  opacity: 0.5;
}
.ngk-toggle__indicator {
  background-color: var(--ngk-toggle-indicator-color);
  position: absolute;
  border-radius: var(--ngk-toggle-border-radius);
  top: var(--ngk-toggle-track-spacing);
  bottom: var(--ngk-toggle-track-spacing);
  left: var(--ngk-toggle-track-spacing);
  right: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
  color: var(--__fg-color);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
}
.ngk-toggle__indicator > * {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transform-origin: center center;
}
.ngk-toggle__indicator.is-animating-left {
  animation: slide-left-animation 0.25s ease-in-out;
}
.ngk-toggle__indicator.is-animating-right {
  animation: slide-right-animation 0.25s ease-in-out;
}
.ngk-toggle__indicator .fade-in {
  animation: fade-in-animation 0.25s ease-in-out;
}
.ngk-toggle__indicator .fade-out {
  animation: fade-out-animation 0.25s ease-in-out 0.05s;
}
.ngk-toggle__indicator ngk-icon > span {
  font-weight: 600 !important;
}
.ngk-toggle__indicator ngk-spinner {
  color: currentColor !important;
}
.ngk-toggle.is-active .ngk-toggle__indicator {
  left: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
  right: var(--ngk-toggle-track-spacing);
}
@keyframes slide-left-animation {
  0% {
    left: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
    right: var(--ngk-toggle-track-spacing);
  }
  50% {
    right: var(--ngk-toggle-track-spacing);
  }
  100% {
    left: var(--ngk-toggle-track-spacing);
    right: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
  }
}
@keyframes slide-right-animation {
  0% {
    left: var(--ngk-toggle-track-spacing);
    right: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
  }
  50% {
    left: var(--ngk-toggle-track-spacing);
  }
  100% {
    left: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
    right: var(--ngk-toggle-track-spacing);
  }
}
@keyframes fade-in-animation {
  from {
    opacity: 0;
    scale: 0.5;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
@keyframes fade-out-animation {
  from {
    opacity: 1;
    scale: 1;
  }
  to {
    opacity: 0;
    scale: 0.5;
  }
}
ngk-search-bar {
  display: inline-block;
  min-width: 0;
}
ngk-search-bar .ngk-field {
  max-width: 100%;
  min-width: 0;
}
ngk-search-bar.is-fluid {
  display: block;
  width: 100%;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background-color: var(--color-neutral-white);
  color: var(--color-neutral-900);
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-sm);
}
@media (max-width: 768px) {
  .upload-dropzone-wrapper {
    overflow: hidden;
  }
  .upload-dropzone-wrapper ngk-file-selector.ngk-file-selector.multi,
  .upload-dropzone-wrapper ngk-file-selector,
  .upload-dropzone-wrapper .ngk-file-selector,
  .upload-dropzone-wrapper .wrapper.ngk-drop-zone {
    max-width: 84% !important;
    box-sizing: border-box;
    margin: auto;
    min-width: 100%;
  }
}
@media (max-width: 768px) {
  .ngk-checkbox {
    --ngk-checkbox-radius: 50%;
    --ngk-checkbox-size: 20px;
    align-items: center;
    gap: 0.5rem;
  }
  .ngk-checkbox__indicator {
    flex-shrink: 0;
    min-width: var(--ngk-checkbox-size);
    min-height: var(--ngk-checkbox-size);
    aspect-ratio: 1;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */