html {
  box-sizing: border-box;
  color: var(--eds-color-text-default);
}

*, :before, :after {
  box-sizing: inherit;
}

body, html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, fieldset, label, legend, li, p, span, strong, ul, input, table, tr, th, td, thead, tbody {
  vertical-align: baseline;
  color: var(--eds-color-text-default);
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 100%;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
}

ol, ul {
  list-style: none;
}

a {
  color: var(--eds-color-text-default);
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration: none;
}

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

img {
  border-style: none;
  max-width: 100%;
}

:root {
  --eds-layers-60: 60;
  --eds-layers-50: 50;
  --eds-layers-40: 40;
  --eds-layers-30: 30;
  --eds-layers-20: 20;
  --eds-layers-10: 10;
  --eds-type-legal-1: normal normal 400 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-body-3: normal normal 400 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-body-2: normal normal 400 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-body-1: normal normal 400 20px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-subtitle-2: normal normal 500 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-subtitle-1: normal normal 500 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-title-6: normal normal 500 18px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-title-5: normal normal 500 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-title-4: normal normal 500 24px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-title-3: normal normal 500 28px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-title-2: normal normal 500 32px/36px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-title-1: normal normal 500 36px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-type-display-5: normal normal 700 24px/22px "Nike Futura","Helvetica Neue",Helvetica,Arial,sans-serif;
  --eds-type-display-4: normal normal 700 40px/34px "Nike Futura","Helvetica Neue",Helvetica,Arial,sans-serif;
  --eds-type-display-3: normal normal 700 48px/40px "Nike Futura","Helvetica Neue",Helvetica,Arial,sans-serif;
  --eds-type-display-2: normal normal 700 56px/48px "Nike Futura","Helvetica Neue",Helvetica,Arial,sans-serif;
  --eds-type-display-1: normal normal 700 72px/62px "Nike Futura","Helvetica Neue",Helvetica,Arial,sans-serif;
  --eds-type-nike-futura: "Nike Futura","Helvetica Neue",Helvetica,Arial,sans-serif;
  --eds-type-helvetica-neue: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-space-96: 96px;
  --eds-space-72: 72px;
  --eds-space-56: 56px;
  --eds-space-48: 48px;
  --eds-space-40: 40px;
  --eds-space-32: 32px;
  --eds-space-24: 24px;
  --eds-space-16: 16px;
  --eds-space-12: 12px;
  --eds-space-8: 8px;
  --eds-space-4: 4px;
  --eds-radii-rounded: 9999px;
  --eds-radii-8: 8px;
  --eds-radii-4: 4px;
  --eds-radii-0: 0px;
  --eds-elevation-shadow-4: 0px 8px 16px #1111110a, 0px 16px 48px #11111114;
  --eds-elevation-shadow-3: 0px 4px 8px #1111110a, 0px 8px 24px #11111114;
  --eds-elevation-shadow-2: 0px 2px 3px #1111110a, 0px 4px 12px #11111114;
  --eds-elevation-shadow-1: 0px 1px 2px #1111110a, 0px 2px 6px #11111114;
  --eds-color-brand-gradient: linear-gradient(113.7deg, #ff0015 3.64%, #fe5000 50.92%, #ff6a00 97.26%);
  --eds-color-brand-orange: #fe5000;
  --eds-color-brand-red: #ee0005;
  --eds-color-border-warning: #111;
  --eds-color-border-disabled: #e5e5e5;
  --eds-color-border-primary: #707072;
  --eds-color-background-secondary: #f5f5f5;
  --eds-color-pink-05: #ffe1f3;
  --eds-color-pink-10: #ffcdea;
  --eds-color-pink-20: #ffb0dd;
  --eds-color-pink-30: #fe90cc;
  --eds-color-pink-40: #fc5dbb;
  --eds-color-pink-50: #ed1aa0;
  --eds-color-pink-60: #d00b84;
  --eds-color-pink-70: #a50767;
  --eds-color-pink-80: #770349;
  --eds-color-pink-90: #4c012d;
  --eds-color-pink-100: #3e1e1e;
  --eds-color-purple-05: #e4e1fc;
  --eds-color-purple-10: #d6d1ff;
  --eds-color-purple-20: #beaffd;
  --eds-color-purple-30: #a082ff;
  --eds-color-purple-40: #8755ff;
  --eds-color-purple-50: #6e0ff6;
  --eds-color-purple-60: #5400cc;
  --eds-color-purple-70: #4400a9;
  --eds-color-purple-80: #300080;
  --eds-color-purple-90: #1c0060;
  --eds-color-purple-100: #312038;
  --eds-color-indigo-05: #f0edff;
  --eds-color-indigo-10: #d2caff;
  --eds-color-indigo-20: #bbb1ff;
  --eds-color-indigo-30: #9f95fd;
  --eds-color-indigo-40: #837bed;
  --eds-color-indigo-50: #6a64df;
  --eds-color-indigo-60: #5451c8;
  --eds-color-indigo-70: #48439f;
  --eds-color-indigo-80: #3a3675;
  --eds-color-indigo-90: #2e2a53;
  --eds-color-indigo-100: #272342;
  --eds-color-blue-05: #d6eeff;
  --eds-color-blue-10: #b9e2ff;
  --eds-color-blue-20: #87ceff;
  --eds-color-blue-30: #4cabff;
  --eds-color-blue-40: #1190ff;
  --eds-color-blue-50: #1151ff;
  --eds-color-blue-60: #0034e3;
  --eds-color-blue-70: #061dbb;
  --eds-color-blue-80: #02068e;
  --eds-color-blue-90: #020664;
  --eds-color-blue-100: #1c273c;
  --eds-color-teal-05: #d4fffb;
  --eds-color-teal-10: #9cfff7;
  --eds-color-teal-20: #69eee7;
  --eds-color-teal-30: #31cbcb;
  --eds-color-teal-40: #1cb2b6;
  --eds-color-teal-50: #008e98;
  --eds-color-teal-60: #0a7281;
  --eds-color-teal-70: #005c68;
  --eds-color-teal-80: #004856;
  --eds-color-teal-90: #043441;
  --eds-color-teal-100: #1a292c;
  --eds-color-green-05: #dfffb9;
  --eds-color-green-10: #bdfb72;
  --eds-color-green-20: #83f13b;
  --eds-color-green-30: #5fe63f;
  --eds-color-green-40: #3ccd49;
  --eds-color-green-50: #1eaa52;
  --eds-color-green-60: #007d48;
  --eds-color-green-70: #00643e;
  --eds-color-green-80: #005034;
  --eds-color-green-90: #003c2a;
  --eds-color-green-100: #1a2b16;
  --eds-color-yellow-05: #fef087;
  --eds-color-yellow-10: #feea55;
  --eds-color-yellow-20: #fedf35;
  --eds-color-yellow-30: #ffd11b;
  --eds-color-yellow-40: #fdc400;
  --eds-color-yellow-50: #fca600;
  --eds-color-yellow-60: #f08e0a;
  --eds-color-yellow-70: #e57a09;
  --eds-color-yellow-80: #cd6006;
  --eds-color-yellow-90: #99470a;
  --eds-color-yellow-100: #332412;
  --eds-color-orange-05: #ffe2d6;
  --eds-color-orange-10: #ffc5ad;
  --eds-color-orange-20: #ffa584;
  --eds-color-orange-30: #ff8255;
  --eds-color-orange-40: #ff5000;
  --eds-color-orange-50: #d33918;
  --eds-color-orange-60: #9f290f;
  --eds-color-orange-70: #7e200d;
  --eds-color-orange-80: #5d180c;
  --eds-color-orange-90: #3e1009;
  --eds-color-orange-100: #382113;
  --eds-color-red-05: #ffe5e5;
  --eds-color-red-10: #ffc3c4;
  --eds-color-red-20: #ffabad;
  --eds-color-red-30: #ff7975;
  --eds-color-red-40: #ff4e4a;
  --eds-color-red-50: #ee0005;
  --eds-color-red-60: #d30005;
  --eds-color-red-70: #a70e00;
  --eds-color-red-80: #780700;
  --eds-color-red-90: #530300;
  --eds-color-red-100: #3d1f17;
  --eds-color-white: #fff;
  --eds-color-grey-7-on-dark: #6a6a6a;
  --eds-color-grey-6-on-dark: #28282a;
  --eds-color-grey-5-on-dark: #28282a;
  --eds-color-grey-4-on-dark: #39393b;
  --eds-color-grey-3-on-dark: #707072;
  --eds-color-grey-2-on-dark: #9e9ea0;
  --eds-color-grey-1-on-dark: #cacacb;
  --eds-color-grey-7: #6a6a6a;
  --eds-color-grey-6: #f5f5f5;
  --eds-color-grey-5: #fafafa;
  --eds-color-grey-4: #f5f5f5;
  --eds-color-grey-3: #e5e5e5;
  --eds-color-grey-2: #cacacb;
  --eds-color-grey-1: #707072;
  --eds-color-black: #111;
  --eds-color-seq-blue-8: #87ceff;
  --eds-color-seq-blue-7: #4cabff;
  --eds-color-seq-blue-6: #1190ff;
  --eds-color-seq-blue-5: #1151ff;
  --eds-color-seq-blue-4: #0034e3;
  --eds-color-seq-blue-3: #061dbb;
  --eds-color-seq-blue-2: #02068e;
  --eds-color-seq-blue-1: #020664;
  --eds-color-cat-oneonta-8: #ffa584;
  --eds-color-cat-oneonta-7: #1eaa52;
  --eds-color-cat-oneonta-6: #8755ff;
  --eds-color-cat-oneonta-5: #beaffd;
  --eds-color-cat-oneonta-4: #ff7975;
  --eds-color-cat-oneonta-3: #ee0005;
  --eds-color-cat-oneonta-2: #4cabff;
  --eds-color-cat-oneonta-1: #4400a9;
  --eds-color-cat-whynot-8: #005c68;
  --eds-color-cat-whynot-7: #008e98;
  --eds-color-cat-whynot-6: #6e0ff6;
  --eds-color-cat-whynot-5: #f08e0a;
  --eds-color-cat-whynot-4: #ed1aa0;
  --eds-color-cat-whynot-3: #d00b84;
  --eds-color-cat-whynot-2: #1151ff;
  --eds-color-cat-whynot-1: #020664;
  --eds-color-cat-durant-8: #4cabff;
  --eds-color-cat-durant-7: #1190ff;
  --eds-color-cat-durant-6: #8755ff;
  --eds-color-cat-durant-5: #6e0ff6;
  --eds-color-cat-durant-4: #ed1aa0;
  --eds-color-cat-durant-3: #fca600;
  --eds-color-cat-durant-2: #ff5000;
  --eds-color-cat-durant-1: #008e98;
  --eds-color-cat-8: #a50767;
  --eds-color-cat-7: #ff5000;
  --eds-color-cat-6: #fca600;
  --eds-color-cat-5: #1eaa52;
  --eds-color-cat-4: #007d48;
  --eds-color-cat-3: #1190ff;
  --eds-color-cat-2: #0034e3;
  --eds-color-cat-1: #300080;
  --eds-color-sev-4: #ee0005;
  --eds-color-sev-3: #fca600;
  --eds-color-sev-2: #1151ff;
  --eds-color-sev-1: #1eaa52;
  --eds-color-border-focus: var(--eds-color-blue-60);
  --eds-color-border-active: var(--eds-color-black);
  --eds-color-border-hover: var(--eds-color-grey-1);
  --eds-color-border-danger: var(--eds-color-red-60);
  --eds-color-border-success: var(--eds-color-green-60);
  --eds-color-background-active: var(--eds-color-grey-4);
  --eds-color-background-hover: var(--eds-color-grey-5);
  --eds-color-background-disabled: var(--eds-color-grey-3);
  --eds-color-background-default: var(--eds-color-white);
  --eds-color-background-warning: var(--eds-color-yellow-20);
  --eds-color-background-danger: var(--eds-color-red-60);
  --eds-color-background-success: var(--eds-color-green-60);
  --eds-color-text-link-disable: var(--eds-color-grey-2);
  --eds-color-text-link-visited: var(--eds-color-purple-60);
  --eds-color-text-link: var(--eds-color-blue-50);
  --eds-color-text-hover: var(--eds-color-grey-1);
  --eds-color-text-secondary: var(--eds-color-grey-1);
  --eds-color-text-default: var(--eds-color-black);
  --eds-color-text-danger: var(--eds-color-red-60);
  --eds-color-text-success: var(--eds-color-green-60);
  --eds-color-text-warning: var(--eds-color-text-default);
}

.eds--dark {
  --eds-color-grey-5: var(--eds-color-grey-5-on-dark);
  --eds-color-grey-4: var(--eds-color-grey-4-on-dark);
  --eds-color-grey-3: var(--eds-color-grey-3-on-dark);
  --eds-color-grey-2: var(--eds-color-grey-2-on-dark);
  --eds-color-grey-1: var(--eds-color-grey-1-on-dark);
  --eds-color-border-focus: var(--eds-color-blue-40);
  --eds-color-border-active: var(--eds-color-white);
  --eds-color-border-hover: var(--eds-color-grey-1);
  --eds-color-border-warning: var(--eds-color-yellow-60);
  --eds-color-border-danger: var(--eds-color-red-40);
  --eds-color-border-success: var(--eds-color-green-50);
  --eds-color-border-primary: var(--eds-color-grey-2-on-dark);
  --eds-color-border-disabled: var(--eds-color-grey-4-on-dark);
  --eds-color-background-default: var(--eds-color-black);
  --eds-color-background-secondary: var(--eds-color-grey-5-on-dark);
  --eds-color-background-disabled: var(--eds-color-grey-4-on-dark);
  --eds-color-background-active: var(--eds-color-grey-5-on-dark);
  --eds-color-background-hover: var(--eds-color-grey-5-on-dark);
  --eds-color-background-warning: var(--eds-color-yellow-10);
  --eds-color-background-danger: var(--eds-color-red-40);
  --eds-color-background-success: var(--eds-color-green-50);
  --eds-color-text-link: var(--eds-color-blue-40);
  --eds-color-text-link-visited: var(--eds-color-purple-30);
  --eds-color-text-link-disable: var(--eds-color-grey-2-on-dark);
  --eds-color-text-secondary: var(--eds-color-grey-2-on-dark);
  --eds-color-text-hover: var(--eds-color-grey-2-on-dark);
  --eds-color-text-default: var(--eds-color-white);
  --eds-color-text-warning: var(--eds-color-yellow-40);
  --eds-color-text-danger: var(--eds-color-red-40);
  --eds-color-text-success: var(--eds-color-green-40);
}

.eds--light {
  --eds-color-border-focus: var(--eds-color-blue-60);
  --eds-color-border-active: var(--eds-color-black);
  --eds-color-border-hover: var(--eds-color-grey-1);
  --eds-color-border-warning: var(--eds-color-black);
  --eds-color-border-danger: var(--eds-color-red-60);
  --eds-color-border-success: var(--eds-color-green-60);
  --eds-color-background-default: var(--eds-color-white);
  --eds-color-background-active: var(--eds-color-grey-4);
  --eds-color-background-hover: var(--eds-color-grey-5);
  --eds-color-background-warning: var(--eds-color-yellow-20);
  --eds-color-background-danger: var(--eds-color-red-60);
  --eds-color-background-success: var(--eds-color-green-60);
  --eds-color-text-link: var(--eds-color-blue-50);
  --eds-color-text-link-visited: var(--eds-color-purple-60);
  --eds-color-text-link-disable: var(--eds-color-grey-2);
  --eds-color-text-secondary: var(--eds-color-grey-1);
  --eds-color-text-default: var(--eds-color-black);
  --eds-color-text-warning: var(--eds-color-black);
  --eds-color-text-danger: var(--eds-color-red-60);
  --eds-color-text-success: var(--eds-color-green-60);
}

.eds-alert {
  font: var(--eds-type-subtitle-1);
  align-items: center;
  gap: 24px;
  padding: 12px 24px;
  display: flex;
}

.eds-alert__left-content {
  flex: 1;
  align-self: center;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.eds-alert--danger {
  background-color: var(--eds-color-red-05);
}

.eds-alert--warning {
  background-color: var(--eds-color-yellow-05);
}

.eds-alert--warning .eds-icon__wrapper.eds-icon__wrapper {
  background-color: var(--eds-color-yellow-60);
}

.eds-alert--success {
  background-color: var(--eds-color-green-05);
}

.eds-alert--neutral {
  background-color: var(--eds-color-grey-3);
}

.eds-alert--info {
  background-color: var(--eds-color-blue-05);
}

.eds-alert--quiet {
  background-color: #0000;
  padding-left: 0;
}

.eds-alert__content {
  flex: 1;
}

.eds-alert .eds-icon__wrapper {
  transform: translate(0, 1px);
}

.eds--dark .eds-alert--danger {
  background-color: var(--eds-color-red-80);
}

.eds--dark .eds-alert--warning {
  background-color: var(--eds-color-yellow-90);
}

.eds--dark .eds-alert--warning .eds-icon__wrapper.eds-icon__wrapper {
  background-color: var(--eds-color-background-warning);
}

.eds--dark .eds-alert--success {
  background-color: var(--eds-color-green-80);
}

.eds--dark .eds-alert--neutral {
  background-color: var(--eds-color-grey-4-on-dark);
}

.eds--dark .eds-alert--info {
  background-color: var(--eds-color-blue-80);
}

.eds--dark .eds-alert--quiet {
  background-color: #0000;
  padding-left: 0;
}

.eds-app-header {
  gap: var(--eds-space-8);
  background-color: var(--eds-color-grey-5);
  align-items: center;
  height: 64px;
  padding: 0 56px;
  display: flex;
}

.eds-app-header__spacer {
  flex-grow: 1;
}

.eds-app-header__name {
  color: var(--eds-color-text-default);
}

.eds-app-header.eds--dark {
  background-color: var(--eds-color-black);
}

.eds-app-header.eds--dark .eds-icon-button {
  color: var(--eds-color-white);
}

.eds-app-header.eds--dark .eds-icon-button:hover .eds-icon {
  color: var(--eds-color-grey-2);
}

.eds-command-bar {
  gap: var(--eds-space-8);
  background-color: var(--eds-color-grey-5);
  border-top: solid 1px var(--eds-color-grey-2);
  align-items: center;
  height: 48px;
  padding: 0 56px;
  display: flex;
}

.eds-command-bar.eds--dark {
  background-color: var(--eds-color-grey-5);
  border-top: none;
}

.eds-avatar {
  background: var(--eds-color-grey-1);
  color: var(--eds-color-white);
  font-family: var(--eds-type-helvetica-neue);
  box-sizing: border-box;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.eds-avatar--size-24 {
  width: 24px;
  height: 24px;
}

.eds-avatar--size-36 {
  width: 36px;
  height: 36px;
}

.eds-avatar--size-48 {
  width: 48px;
  height: 48px;
}

.eds-avatar--size-60 {
  width: 60px;
  height: 60px;
}

.eds-avatar--size-84 {
  width: 84px;
  height: 84px;
  font-size: 24px;
}

.eds-avatar--size-60 {
  font-size: 16px;
}

.eds-avatar--size-24 {
  font-size: 12px;
}

.eds-avatar__image {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center center;
}

.eds--dark .eds-avatar {
  background: var(--eds-color-grey-3);
}

.eds-banner {
  font: var(--eds-type-subtitle-1);
  gap: 16px;
  padding: 16px;
  display: flex;
}

.eds-banner__left-content {
  flex: 1;
  align-self: center;
  align-items: baseline;
  gap: 16px;
  display: flex;
}

.eds-banner--danger {
  background-color: var(--eds-color-red-05);
}

.eds-banner--warning {
  background-color: var(--eds-color-yellow-05);
}

.eds-banner--warning .eds-icon__wrapper.eds-icon__wrapper {
  background-color: var(--eds-color-yellow-60);
}

.eds-banner--success {
  background-color: var(--eds-color-green-05);
}

.eds-banner--neutral {
  background-color: var(--eds-color-grey-3);
}

.eds-banner--info {
  background-color: var(--eds-color-blue-05);
}

.eds-banner--quiet {
  background-color: #0000;
}

.eds-banner__content {
  flex: 1;
}

.eds-banner .eds-icon__wrapper {
  transform: translate(0, 1px);
}

.eds--dark .eds-banner--danger {
  background-color: var(--eds-color-red-90);
}

.eds--dark .eds-banner--warning {
  background-color: var(--eds-color-yellow-90);
}

.eds--dark .eds-banner--warning .eds-icon__wrapper.eds-icon__wrapper {
  background-color: var(--eds-color-background-warning);
}

.eds--dark .eds-banner--success {
  background-color: var(--eds-color-green-90);
}

.eds--dark .eds-banner--neutral {
  background-color: var(--eds-color-grey-4);
}

.eds--dark .eds-banner--info {
  background-color: var(--eds-color-blue-90);
}

.eds-box--bg-grey-6 {
  background-color: var(--eds-color-grey-6);
}

.eds-box--bg-grey-1 {
  background-color: var(--eds-color-grey-1);
}

.eds-box--bg-black {
  background-color: var(--eds-color-black);
}

.eds-button {
  box-sizing: border-box;
  vertical-align: baseline;
  color: var(--eds-color-text-default);
  justify-content: center;
  align-items: center;
  column-gap: var(--eds-space-8);
  border-radius: 30px;
  margin: 0;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.eds-button:hover {
  text-decoration: none;
}

.eds-button:focus-visible {
  outline: solid 2px var(--eds-color-border-focus);
}

.eds-button__ripple {
  z-index: 1;
  aspect-ratio: 1;
  transform-origin: center;
  opacity: 0;
  background-color: #ffffffb3;
  background-size: 100%;
  border-radius: 50%;
  margin: 0;
  transition: transform .8s, opacity 1s;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate3d(0, 0, 0) scale(1);
}

.eds-button__icon-before, .eds-button__icon-after {
  color: inherit;
  display: inline-flex;
}

.eds-button--primary {
  color: var(--eds-color-white);
  background-color: var(--eds-color-black);
  border: 1.5px solid var(--eds-color-black);
}

.eds-button--primary.styleguide--active-state, .eds-button--primary:active, .eds-button--primary:hover {
  background-color: var(--eds-color-grey-1);
  border-color: var(--eds-color-grey-1);
}

.eds-button--primary.eds-button--disabled {
  background-color: var(--eds-color-grey-3);
  border-color: var(--eds-color-grey-3);
  color: var(--eds-color-grey-1);
}

.eds-button--secondary {
  color: var(--eds-color-black);
  border: 1.5px solid var(--eds-color-grey-2);
  background-color: #0000;
}

.eds-button--secondary.styleguide--active-state, .eds-button--secondary:active, .eds-button--secondary:hover {
  border-color: var(--eds-color-black);
}

.eds-button--secondary.eds-button--disabled {
  border-color: var(--eds-color-grey-2);
  color: var(--eds-color-grey-2);
}

.eds-button--secondary .eds-button__ripple {
  z-index: 1;
  aspect-ratio: 1;
  transform-origin: center;
  opacity: 0;
  background-color: #111111b3;
  background-size: 100%;
  border-radius: 50%;
  margin: 0;
  transition: transform .8s, opacity 1s;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate3d(0, 0, 0) scale(1);
}

.eds-button--small {
  padding: 4.5px 20px;
}

.eds-button--medium {
  padding: 10.5px 24px;
}

.eds-button--large {
  min-width: 267px;
  padding: 16.5px 24px;
}

@media screen and (width >= 375px) {
  .eds-button--large {
    min-width: 327px;
  }
}

.eds-button--ghost {
  color: inherit;
  background-color: #0000;
  border: none;
  border-radius: 0;
  padding: 0;
}

.eds-button--ghost .eds-button__ripple {
  z-index: 1;
  aspect-ratio: 1;
  transform-origin: center;
  opacity: 0;
  background-color: #111111b3;
  background-size: 100%;
  border-radius: 50%;
  margin: 0;
  transition: transform .8s, opacity 1s;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate3d(0, 0, 0) scale(1);
}

.eds-button:active:not(.eds-button--disabled) .eds-button__ripple {
  opacity: .5;
  transition: all;
  transform: translate3d(0, 0, 0) scale(0);
}

.eds--dark .eds-button__ripple {
  z-index: 1;
  aspect-ratio: 1;
  transform-origin: center;
  opacity: 0;
  background-color: #ffffffb3;
  background-size: 100%;
  border-radius: 50%;
  margin: 0;
  transition: transform .8s, opacity 1s;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate3d(0, 0, 0) scale(1);
}

.eds--dark .eds-button--primary {
  color: var(--eds-color-black);
  background-color: var(--eds-color-white);
  border-color: var(--eds-color-white);
}

.eds--dark .eds-button--primary.styleguide--active-state, .eds--dark .eds-button--primary:active, .eds--dark .eds-button--primary:hover {
  background-color: #b2b2b2;
  border-color: #b2b2b2;
}

.eds--dark .eds-button--primary.eds-button--disabled {
  color: #3a3a3a;
  background-color: #8b8b8b;
  border-color: #8b8b8b;
}

.eds--dark .eds-button--secondary {
  color: var(--eds-color-white);
  background-color: #0000;
  border-color: #757575;
}

.eds--dark .eds-button--secondary.styleguide--active-state, .eds--dark .eds-button--secondary:active, .eds--dark .eds-button--secondary:hover {
  border-color: var(--eds-color-white);
}

.eds--dark .eds-button--secondary.eds-button--disabled {
  color: #757575;
  border-color: #757575;
}

.eds--dark .eds-button--secondary .eds-button__ripple {
  z-index: 1;
  aspect-ratio: 1;
  transform-origin: center;
  opacity: 0;
  background-color: #ffffffb3;
  background-size: 100%;
  border-radius: 50%;
  margin: 0;
  transition: transform .8s, opacity 1s;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate3d(0, 0, 0) scale(1);
}

.eds--dark .eds-button--ghost {
  color: var(--eds-color-white);
}

.eds--dark .eds-button--ghost .eds-button__ripple {
  z-index: 1;
  aspect-ratio: 1;
  transform-origin: center;
  opacity: 0;
  background-color: #ffffffb3;
  background-size: 100%;
  border-radius: 50%;
  margin: 0;
  transition: transform .8s, opacity 1s;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate3d(0, 0, 0) scale(1);
}

.eds-button-group {
  align-items: center;
  gap: var(--eds-space-8);
  flex-flow: wrap;
  align-content: center;
  display: flex;
}

.eds-card {
  border-radius: var(--eds-radii-8);
  background-color: var(--eds-color-white);
  padding: var(--eds-space-24);
}

.eds--dark .eds-card {
  background-color: var(--eds-color-grey-5-on-dark);
}

.eds-checkbox {
  color: var(--eds-color-text-default);
  font: var(--eds-type-body-2);
  align-items: flex-start;
  gap: var(--eds-space-12);
  cursor: pointer;
  display: inline-flex;
  position: relative;
}

[dir="rtl"] .eds-checkbox {
  margin-inline-end: var(--eds-space-8);
}

.eds-checkbox svg {
  pointer-events: none;
  position: relative;
}

.eds-checkbox:hover ~ .eds-checkbox__box.circle {
  opacity: 1;
  background: #f5f5f5b3;
  border: none;
  transition-property: box-shadow;
  transition-duration: .25s;
  transition-timing-function: ease;
  box-shadow: 0 0 0 12px #f5f5f5b3;
}

.eds-checkbox__input {
  opacity: 0;
  height: var(--eds-space-24);
  width: var(--eds-space-24);
  cursor: pointer;
  margin: 0;
  position: absolute;
}

.eds-checkbox__input ~ .eds-checkbox__icon-container {
  pointer-events: none;
  height: var(--eds-space-24);
  flex-shrink: 0;
}

.eds-checkbox__input ~ .eds-checkbox__box {
  pointer-events: none;
  border: 1.5px solid var(--eds-color-grey-1);
  border-radius: var(--eds-radii-4);
  background: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 2px;
}

[dir="rtl"] .eds-checkbox__input ~ .eds-checkbox__box {
  left: unset;
  right: 2px;
}

.eds-checkbox__input ~ .eds-checkbox__box.circle {
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
}

.eds-checkbox__input:not(:checked) ~ .eds-checkbox__icon-container {
  fill: var(--eds-color-text-default);
}

.eds-checkbox__input:not(:checked) ~ .eds-checkbox__icon-container .checkicon-check {
  stroke: var(--eds-color-text-default);
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000px;
  transition-property: stroke-dashoffset;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.eds-checkbox__input:not(:checked) ~ .eds-checkbox__icon-container .checkicon-fill {
  opacity: 0;
  fill: var(--eds-color-text-default);
  transition: opacity .15s .15s;
}

.eds-checkbox__input:checked ~ .eds-checkbox__icon-container .checkicon-check, .eds-checkbox__input[aria-checked="mixed"] ~ .eds-checkbox__icon-container .checkicon-check {
  stroke: var(--eds-color-background-default);
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  transition-property: stroke-dashoffset;
  transition-duration: 5s;
  transition-timing-function: ease;
}

.eds-checkbox__input:checked ~ .eds-checkbox__icon-container .checkicon-fill, .eds-checkbox__input[aria-checked="mixed"] ~ .eds-checkbox__icon-container .checkicon-fill {
  fill: var(--eds-color-text-default);
  opacity: 1;
}

.eds-checkbox__input:checked ~ .eds-checkbox__icon-container .checkbox-indeterminate, .eds-checkbox__input[aria-checked="mixed"] ~ .eds-checkbox__icon-container .checkbox-indeterminate {
  fill: var(--eds-color-grey-1);
  opacity: 1;
}

.eds-checkbox__input:hover:not(:disabled) ~ .eds-checkbox__box.circle {
  opacity: 1;
  background: #f5f5f5b3;
  border: 0;
  transition-property: box-shadow;
  transition-duration: .25s;
  transition-timing-function: ease;
  box-shadow: 0 0 0 12px #f5f5f5b3;
}

.eds-checkbox__input:focus-visible ~ svg {
  border: solid 2px var(--eds-color-border-focus);
  border-radius: 2px;
}

.eds-checkbox__input:not(:hover) ~ .eds-checkbox__box.circle, .eds-checkbox__input:not(:focus) ~ .eds-checkbox__box.circle {
  box-shadow: none;
  opacity: 0;
  transition-property: box-shadow;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.eds-checkbox__input:disabled ~ svg {
  color: var(--eds-color-grey-1);
  cursor: not-allowed;
}

.eds-checkbox__input:disabled ~ .eds-checkbox__icon-container .checkicon-fill {
  fill: var(--eds-color-grey-1);
}

.eds-checkbox--disabled {
  cursor: not-allowed;
  color: var(--eds-color-grey-1);
}

.eds-checkbox--disabled .eds-checkbox__input {
  cursor: not-allowed;
}

.eds-checkbox-group {
  gap: var(--eds-space-12);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.eds-checkbox-group--horizontal {
  flex-flow: wrap;
}

.eds-checkbox-group .eds-checkbox-group {
  margin-left: 34px;
}

.eds-chip {
  align-items: center;
  gap: var(--eds-space-8);
  background-color: var(--eds-color-grey-3);
  border-radius: var(--eds-radii-4);
  padding: var(--eds-space-8);
  font: var(--eds-type-subtitle-1);
  display: inline-flex;
}

.eds-chip--disabled {
  background-color: var(--eds-color-grey-5);
  color: var(--eds-color-text-link-disable);
  cursor: not-allowed;
}

.eds-chip--small {
  padding: 2px var(--eds-space-8);
  font: var(--eds-type-subtitle-2);
  gap: var(--eds-space-4);
}

.eds-chip--border.eds-chip--border {
  border: 1px solid var(--eds-color-grey-2);
}

button.eds-chip {
  border: none;
}

button.eds-chip:hover, button.eds-chip:active {
  background-color: var(--eds-color-grey-2);
}

button.eds-chip:focus-visible {
  background-color: var(--eds-color-grey-3);
  outline: 1px solid var(--eds-color-border-focus);
}

.eds--dark .eds-chip {
  color: var(--eds-color-white);
  background-color: #39393b;
}

.eds--dark .eds-chip--disabled {
  opacity: .5;
  color: var(--eds-color-text-link-disable);
}

.eds--dark button.eds-chip {
  border: none;
}

.eds--dark button.eds-chip:hover {
  background-color: #4b4b4d;
}

.eds--dark button.eds-chip:active {
  background-color: var(--eds-color-grey-2);
}

.eds--dark button.eds-chip:focus-visible {
  outline: 1px solid var(--eds-color-border-focus);
  background-color: #39393b;
}

.eds-datatip {
  padding: var(--eds-space-8);
  background-color: var(--eds-color-grey-5-on-dark);
  border-radius: var(--eds-space-4);
  opacity: .9;
  width: fit-content;
  font: var(--eds-type-body-3);
}

.eds-datatip__title {
  margin-bottom: 4px;
}

.eds-divider {
  background-color: var(--eds-color-grey-3);
  border: none;
  width: 100%;
  height: 1px;
  margin: 0;
}

.eds-divider--vertical {
  width: 1px;
  height: 100%;
}

.eds--dark .eds-divider {
  background-color: var(--eds-color-grey-4-on-dark);
}

.eds-icon {
  display: inline-flex;
}

.eds-icon__wrapper {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.eds-icon__wrapper--s {
  padding: var(--eds-space-8);
}

.eds-icon__wrapper--m {
  padding: var(--eds-space-12);
}

.eds-icon__wrapper--l {
  padding: var(--eds-space-4);
}

.eds-icon__wrapper--circle {
  border-radius: 50%;
}

.eds-button--icon__wrapper {
  display: inline-flex;
  position: relative;
  overflow: visible;
}

.eds-button--icon.eds-button--small {
  min-width: 36px;
  min-height: 36px;
  padding: 4px;
}

.eds-button--icon.eds-button--medium {
  min-width: 48px;
  min-height: 48px;
  padding: 4px;
}

.eds-button--icon.eds-button--large {
  min-width: 60px;
  min-height: 60px;
  padding: 4px;
}

.eds-button--icon.eds-button--large .eds-icon {
  min-width: 32px;
  min-height: 32px;
}

.eds-button--icon.eds-button--ghost.styleguide--active-state, .eds-button--icon.eds-button--ghost:hover:not(.eds-button--disabled) {
  background-color: var(--eds-color-background-hover);
  border-radius: 50%;
}

.eds-button--icon.eds-button--ghost.eds-button--disabled {
  color: var(--eds-color-grey-1);
  cursor: not-allowed;
}

.eds-button--icon__count {
  font: var(--eds-type-subtitle-2);
  background-color: var(--eds-color-red-60);
  color: var(--eds-color-white);
  border-radius: var(--eds-radii-rounded);
  z-index: 1;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  min-height: 18px;
  padding: 2px 5px;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: calc(50% + 8px);
  left: calc(50% + 8px);
}

.eds-button--icon__count:has( + .eds-button--small) {
  bottom: calc(50% + 4px);
  left: calc(50% + 4px);
}

.eds-button--icon__count:has( + .eds-button--large) {
  bottom: calc(50% + 12px);
  left: calc(50% + 12px);
}

.eds-input-message-group {
  grid-column-gap: var(--eds-space-16);
  font: var(--eds-type-body-3);
  flex-direction: row-reverse;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  margin-top: 4px;
  display: grid;
}

.eds-input-message-group__error-message {
  color: var(--eds-color-text-danger);
  grid-column: 1;
}

.eds-input-message-group__counter {
  grid-area: 1 / 2;
}

.eds-label {
  display: block;
}

.eds-label:not(.eds-hidden--screen-reader-only) + .eds-radio-group, .eds-label:not(.eds-hidden--screen-reader-only) + .eds-checkbox-group, .eds-label:not(.eds-hidden--screen-reader-only) + .eds-text-field {
  margin-top: var(--eds-space-16);
}

.eds-label > [aria-hidden] {
  margin-left: var(--eds-space-4);
}

.eds-legend {
  flex-wrap: wrap;
  gap: 24px;
  display: flex;
}

.eds-legend--vertical {
  flex-direction: column;
}

.eds--compact .eds-legend, .eds--compact.eds-legend {
  gap: 16px;
}

.eds-legend-item {
  font: var(--eds-type-body-3);
  align-items: center;
  gap: 8px;
  display: flex;
}

.eds-legend-item__swatch {
  width: 16px;
}

.eds-legend-item__swatch--bar {
  height: 16px;
}

.eds-legend-item__swatch--line {
  height: 4px;
}

.eds-legend-item__swatch--donut {
  border: 4px solid;
  border-radius: 50%;
  height: 16px;
}

.eds--compact .eds-legend-item {
  gap: 4px;
}

.eds--compact .eds-legend-item__swatch {
  width: 12px;
}

.eds--compact .eds-legend-item__swatch--bar {
  height: 12px;
}

.eds--compact .eds-legend-item__swatch--donut {
  border: 4px solid;
  border-radius: 50%;
  height: 12px;
}

.eds-link {
  color: var(--eds-color-text-link);
  text-decoration-color: var(--eds-color-text-link);
  cursor: pointer;
  font-size: inherit;
  background: none;
  border: none;
}

.eds-link--button {
  vertical-align: baseline;
  color: var(--eds-color-text-link);
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.eds-link:hover, .eds-link--hover {
  text-decoration: underline;
}

.eds-link:focus, .eds-link--focus {
  border-radius: var(--eds-radii-4);
  outline-offset: 2px;
  border: solid 1px var(--eds-color-border-focus);
  outline: none;
  margin: -1px -2px;
  padding: 0 1px;
  display: inline;
}

.eds-link--secondary {
  color: var(--eds-color-text-secondary);
}

.eds-link--disable {
  color: var(--eds-color-text-link-disable);
  cursor: not-allowed;
  pointer-events: none;
  border: none;
  text-decoration: none;
}

.eds--visited-links .eds-link:visited {
  color: var(--eds-color-text-link-visited);
}

.eds-menu__anchor {
  display: inline-block;
}

.eds-menu {
  border-radius: var(--eds-radii-4);
  box-shadow: var(--eds-elevation-shadow-1);
  min-width: var(--eds-space-48);
  z-index: 999;
  background-color: var(--eds-color-background-default);
}

.eds-menu:empty {
  padding: 0;
}

.eds-menu__header {
  padding: var(--eds-space-16);
}

.eds-menu__body {
  margin: var(--eds-space-8) 0;
}

.eds-menu__footer {
  padding: var(--eds-space-16);
  border-top: 1px solid var(--eds-color-grey-4);
  align-items: center;
  display: flex;
}

.eds-menu-item {
  padding: var(--eds-space-8) var(--eds-space-16);
  font: var(--eds-type-body-2);
  vertical-align: baseline;
  width: 100%;
  min-width: 248px;
  color: var(--eds-color-text-default);
  background: none;
  border: 0;
  align-items: center;
  margin: 0;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  display: flex;
}

.eds-menu-item:hover {
  background-color: var(--eds-color-background-hover);
}

.eds-menu-item:active {
  background-color: var(--eds-color-background-active);
}

.eds-menu-item__before-slot {
  margin-left: calc(-1*var(--eds-space-4));
  margin-right: var(--eds-space-4);
  display: inline-flex;
}

.eds-menu-item__after-slot {
  margin-left: var(--eds-space-4);
  flex-grow: 1;
  justify-content: flex-end;
  display: inline-flex;
}

.eds-scrim {
  backdrop-filter: blur(4px);
  width: 100%;
  height: 100%;
  z-index: var(--eds-layers-50);
  opacity: 1;
  background-color: #11111194;
  place-items: center;
  transition: opacity .25s ease-in-out;
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
}

.eds-scrim--stop-scroll {
  overflow: hidden;
}

.eds-scrim--hidden {
  opacity: 0;
  pointer-events: none;
}

.eds-scrim .eds-modal {
  border-radius: var(--eds-radii-4);
  background-color: var(--eds-color-background-default);
  box-shadow: var(--eds-elevation-shadow-1);
  max-width: calc(100% - 24px);
  max-height: calc(100vh - 24px);
  padding: var(--eds-space-32);
  grid-gap: var(--eds-space-24);
  align-content: space-between;
  display: grid;
}

@media screen and (width >= 576px) {
  .eds-scrim .eds-modal {
    max-width: calc(100% - 56px);
    max-height: calc(100vh - 56px);
  }
}

.eds-scrim .eds-modal__header {
  align-items: baseline;
  gap: var(--eds-space-8);
  font: var(--eds-type-title-3);
  grid-template-columns: 1fr auto;
  display: grid;
}

.eds-scrim .eds-modal__close {
  color: var(--eds-color-grey-1);
  background-color: inherit;
  cursor: pointer;
  top: var(--eds-space-4);
  border: none;
}

.eds-scrim .eds-modal__content {
  max-height: calc(100vh - 244px);
  position: relative;
}

.eds-scrim .eds-modal__content > div {
  height: 100%;
  overflow-y: auto;
}

@-moz-document url-prefix() {
  .eds-scrim .eds-modal__content > div {
    padding-right: 20px;
  }
}

.eds-scrim .eds-modal__divider {
  background-color: var(--eds-color-grey-2);
  height: 1px;
}

.eds-scrim .eds-modal__top-fade {
  background: linear-gradient(180deg, var(--eds-color-background-default) 0%, #fff0 100%);
  content: "";
  pointer-events: none;
  z-index: 41;
  width: 100%;
  height: 90px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.eds-scrim .eds-modal__bottom-fade {
  background: linear-gradient(180deg, #fff0 0%, var(--eds-color-background-default) 100%);
  content: "";
  pointer-events: none;
  width: 100%;
  height: 90px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.eds--dark.eds-scrim, .eds--dark .eds-scrim {
  background-color: #ffffff0a;
}

.eds-vertical-navbar {
  height: 100%;
  display: inline-flex;
}

.eds-vertical-navbar .eds-vertical-navbar__icon-button {
  padding: var(--eds-space-12);
  width: 48px;
  height: 48px;
}

.eds-vertical-navbar__bottom {
  margin-top: auto;
}

.eds-vertical-navbar__strip {
  padding: var(--eds-space-32) var(--eds-space-24);
  background-color: var(--eds-color-background-default);
  grid-template-rows: max-content;
  justify-items: center;
  display: grid;
}

.eds-vertical-navbar__strip ul {
  flex-direction: column;
  align-items: center;
  width: 60px;
  margin: -2px;
  padding: 2px;
  display: flex;
  overflow: auto;
}

.eds-vertical-navbar__panel {
  padding: var(--eds-space-32) 0 var(--eds-space-32) 0;
  background-color: var(--eds-color-background-default);
  z-index: var(--eds-layers-40);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 104px;
  overflow-y: auto;
}

.eds-vertical-navbar__panel ul {
  padding: 0 2px;
}

.eds-vertical-navbar__panel__inner {
  visibility: hidden;
  width: 345px;
  padding-right: var(--eds-space-56);
}

.eds-vertical-navbar__panel__inner-top {
  align-items: center;
  gap: var(--eds-space-16);
  display: flex;
}

.eds-vertical-navbar__panel header {
  align-items: flex-start;
  gap: var(--eds-space-16);
  height: 116px;
  display: flex;
}

.eds-vertical-navbar__panel__sub-title {
  color: var(--eds-color-text-secondary);
}

.eds-vertical-navbar__panel__label {
  padding-bottom: var(--eds-space-32);
  margin-bottom: var(--eds-space-16);
  border-bottom: 1px solid var(--eds-color-grey-4);
}

.eds-vertical-navbar__panel__label .eds-link {
  color: var(--eds-color-text-default);
  font: var(--eds-type-title-4);
  cursor: pointer;
  border-radius: 0;
}

.eds-vertical-navbar__panel__label .eds-link:focus-visible {
  outline-offset: 0;
  margin: 0;
  padding: 0;
}

.eds-vertical-navbar__panel__sub-label {
  color: var(--eds-color-text-secondary);
  padding: var(--eds-space-16) 0 !important;
}

.eds-vertical-navbar__panel__sub-label:focus-visible {
  outline-offset: 0;
  margin: 0;
  padding: 0;
}

.eds-vertical-navbar__panel__sub-label:hover {
  cursor: pointer;
  text-decoration: underline;
}

.eds-vertical-navbar__panel__sub-label--active {
  color: var(--eds-color-text-default);
  text-decoration: underline;
}

.eds-vertical-navbar__panel--transition-enter {
  width: 0;
}

.eds-vertical-navbar__panel--transition-enter-active {
  width: 345px;
  transition: width .2s;
}

.eds-vertical-navbar__panel--transition-enter-done .eds-vertical-navbar__panel__inner {
  visibility: visible;
}

.eds-vertical-navbar__panel--transition-exit {
  width: 345px;
}

.eds-vertical-navbar__panel--transition-exit-active {
  width: 0;
  transition: width .2s;
}

.eds-vertical-navbar .eds-icon-logo {
  color: var(--eds-color-white);
  margin-bottom: calc(var(--eds-space-56) - var(--eds-space-16));
}

.eds-vertical-navbar .eds-icon {
  color: var(--eds-color-text-secondary);
}

.eds-vertical-navbar .eds-icon-button {
  border-radius: 30px;
}

.eds-vertical-navbar .eds-icon-button__wrapper {
  margin: var(--eds-space-12) auto;
}

.eds-vertical-navbar .eds-icon-button:hover .eds-icon__wrapper {
  background-color: var(--eds-color-grey-4);
}

.eds-vertical-navbar .eds-icon-button:hover .eds-icon {
  color: var(--eds-color-text-secondary);
}

.eds-vertical-navbar .eds-icon-button--active {
  background-color: #e5e5e5;
}

.eds-vertical-navbar .eds-icon-button--active .eds-icon {
  color: var(--eds-color-black);
}

.eds-vertical-navbar .eds-icon-button--active:hover:not(.eds-button--disabled) {
  background-color: var(--eds-color-grey-1);
}

.eds-vertical-navbar .eds-icon-button--active:hover:not(.eds-button--disabled) .eds-icon {
  color: var(--eds-color-black);
}

.eds-popover__anchor {
  display: inline-block;
}

.eds-popover {
  border-radius: var(--eds-radii-4);
  box-shadow: var(--eds-elevation-shadow-2);
  padding: var(--eds-space-16);
  min-width: var(--eds-space-48);
  z-index: var(--eds-layers-20);
  background-color: var(--eds-color-background-default);
}

.eds-popover:empty {
  padding: 0;
}

.eds-popover__header {
  border-bottom: 1px solid var(--eds-color-grey-4);
  padding-bottom: var(--eds-space-12);
  margin-bottom: var(--eds-space-12);
}

.eds-popover__footer {
  border-top: 1px solid var(--eds-color-grey-4);
  padding-top: var(--eds-space-12);
  margin-top: var(--eds-space-12);
}

.eds-popover__arrow, .eds-popover__arrow:before {
  width: var(--eds-space-16);
  height: var(--eds-space-16);
  background: inherit;
  position: absolute;
}

.eds-popover__arrow {
  visibility: hidden;
}

.eds-popover__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

.eds-popover[data-popper-placement^="top"] > .eds-popover__arrow {
  bottom: -8px;
}

.eds-popover[data-popper-placement^="bottom"] > .eds-popover__arrow {
  top: -8px;
}

.eds-popover[data-popper-placement^="left"] > .eds-popover__arrow {
  right: -8px;
}

.eds-popover[data-popper-placement^="right"] > .eds-popover__arrow {
  left: -8px;
}

.eds-radio {
  color: var(--eds-color-text-default);
  align-items: center;
  gap: var(--eds-space-12);
  cursor: pointer;
  display: inline-flex;
  position: relative;
}

.eds-radio__input {
  opacity: 0;
  height: var(--eds-space-24);
  width: var(--eds-space-24);
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  position: absolute;
}

.eds-radio__input ~ .eds-radio__animation {
  pointer-events: none;
  background: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: 3px;
}

.eds-radio__input:checked ~ svg {
  color: var(--eds-color-text-default);
}

.eds-radio__input:checked ~ svg .radio-fill {
  transform: scale(1);
}

.eds-radio__input:focus-visible:not(:disabled) ~ .eds-radio__animation, .eds-radio__input:hover:not(:disabled) ~ .eds-radio__animation {
  background: #f5f5f5b3;
  transition-property: box-shadow;
  transition-duration: .25s;
  transition-timing-function: ease;
  box-shadow: 0 0 0 12px #f5f5f5b3;
}

.eds-radio__input:focus-visible ~ svg {
  border: solid 2px var(--eds-color-border-focus);
  border-radius: 50%;
}

.eds-radio__input:not(:hover) ~ .eds-radio__animation, .eds-radio__input:not(:focus) ~ .eds-radio__animation {
  box-shadow: none;
  transition-property: box-shadow;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.eds-radio__input:disabled ~ svg {
  color: var(--eds-color-grey-1);
}

.eds-radio svg {
  pointer-events: none;
  color: var(--eds-color-grey-1);
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
}

.eds-radio svg .radio-fill {
  transform-origin: 42% 42%;
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: ease;
  transform: scale(0);
}

.eds-radio__label {
  font: var(--eds-type-body-2);
  -webkit-tap-highlight-color: #0000;
  padding-inline-start: var(--eds-space-12);
  position: relative;
}

.eds-radio--disabled {
  cursor: not-allowed;
  color: var(--eds-color-grey-1);
}

.eds-radio--disabled .eds-radio__input {
  cursor: not-allowed;
}

.eds-radio-group {
  gap: var(--eds-space-12);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.eds-radio-group--horizontal {
  flex-flow: wrap;
}

.eds-select .eds-select__multi-value {
  background-color: var(--eds-color-grey-3);
  border-radius: var(--eds-radii-4);
  cursor: pointer;
  margin: 0 4px;
}

.eds-select .eds-select__multi-value:hover {
  background-color: var(--eds-color-grey-2);
}

.eds-select .eds-select__multi-value__label {
  border-radius: var(--eds-radii-4);
  color: var(--eds-color-black);
  padding: var(--eds-space-8);
  font: var(--eds-type-subtitle-1);
  white-space: normal;
  align-items: center;
  display: inline-flex;
}

.eds-select .eds-select__multi-value__remove {
  color: var(--eds-color-black);
  margin-left: -6px;
  padding-left: 0;
  padding-right: 0;
}

.eds-select .eds-select__multi-value__remove:hover {
  background-color: inherit;
  border-radius: inherit;
  color: var(--eds-color-black);
}

.eds-select .eds-select__multi-value__remove:hover svg {
  fill: var(--eds-color-black);
  transform: scale(.7);
}

.eds-select .eds-select__multi-value__remove svg {
  width: 30px;
  height: 30px;
  transform: scale(.7);
}

.eds-select .eds-select__multi-value__remove svg:hover {
  fill: var(--eds-color-black);
}

.eds-select .eds-select__indicators {
  align-items: start;
}

.eds-select .eds-select__indicator-separator {
  background-color: var(--eds-color-grey-3);
  align-self: start;
  height: 22px;
}

.eds-select .eds-select__clear-indicator, .eds-select .eds-select__dropdown-indicator {
  color: var(--eds-color-black);
}

.eds-select .eds-select__control {
  border-color: inherit;
  cursor: pointer;
  min-height: 56px;
  padding: 7px 6px 7px 16px;
}

.eds-select .eds-select__control:hover, .eds-select .eds-select__control:focus {
  border-color: inherit;
}

.eds-select .eds-select__control:focus-visible {
  border-color: var(--eds-color-background-hover);
}

.eds-select .eds-select__control--is-disabled {
  background-color: var(--eds-background-color-disabled);
}

.eds-select .eds-select__value-container {
  cursor: text;
  border: none;
  margin: 0;
  padding: 0;
}

.eds-select .eds-select__value-container--is-multi {
  row-gap: 8px;
  margin-left: -2px;
  margin-right: 24px;
  overflow: visible;
}

.eds-select .eds-select__input-container {
  border: none;
  margin: 0;
  padding: 0;
}

.eds-select .eds-select__input {
  font: var(--eds-type-body-2);
}

.eds-select .eds-select__placeholder {
  font: var(--eds-type-body-2);
  margin: 0;
  padding: 0;
}

.eds-select .eds-select__menu-list {
  cursor: pointer;
  background-color: var(--eds-color-background-default);
  max-height: 185px;
}

.eds-select .eds-select__menu {
  box-shadow: var(--eds-elevation-shadow-2);
  border-radius: var(--eds-radii-4);
}

.eds-select .eds-select__option {
  background-color: var(--eds-color-background-default);
  color: var(--eds-color-text-default);
  cursor: pointer;
  display: flex;
}

.eds-select .eds-select__option:hover {
  background-color: var(--eds-color-grey-3);
}

.eds-select .eds-select__option:active {
  background-color: var(--eds-color-background-active);
}

.eds-select .eds-select__option--is-disabled {
  color: var(--eds-color-text-link-disable);
}

.eds-select .eds-select__option--is-selected {
  font-weight: 500;
}

.eds-select .eds-select__option--is-selected:before {
  content: url("data:image/svg+xml;utf8,<svg version=\"1.1\" id=\"Check-id\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"false\" focusable=\"false\" viewBox=\"0 0 24 24\" role=\"img\"  fill=\"none\" width=\"24\" height=\"24\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xml:space=\"preserve\"><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M5.03 11.69l4.753 4.754 9.186-9.188\"></path><title>Check-icon</title></svg>");
  padding-right: 4px;
}

.eds-select .eds-select__option--is-focused {
  background-color: var(--eds-color-background-active);
}

.eds-select .eds-text-field__after {
  pointer-events: none;
}

.eds--dark .eds-select__option--is-selected:before {
  content: url("data:image/svg+xml;utf8,<svg version=\"1.1\" id=\"Check-id\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"false\" focusable=\"false\" viewBox=\"0 0 24 24\" role=\"img\"  fill=\"none\" width=\"24\" height=\"24\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"  style=\"\" xml:space=\"preserve\"><path stroke=\"white\" stroke-width=\"1.5\" d=\"M5.03 11.69l4.753 4.754 9.186-9.188\"></path><title>Check-icon</title></svg>");
}

@keyframes eds-skeleton-animation {
  0% {
    opacity: .8;
  }

  50% {
    opacity: .25;
  }

  100% {
    opacity: .8;
  }
}

.eds-skeleton {
  background-color: var(--eds-color-grey-1);
  box-sizing: border-box;
  animation: 2.5s ease-in-out infinite eds-skeleton-animation;
  overflow: hidden;
}

.eds-fade-in {
  animation: 400 fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.eds-side-panel {
  background-color: var(--eds-color-background-default);
  box-shadow: var(--eds-elevation-shadow-3);
  min-width: 360px;
  max-width: 95vw;
  height: 100vh;
  padding: var(--eds-space-32);
  z-index: var(--eds-layers-40);
  flex-direction: column;
  align-content: space-between;
  transition: transform .4s ease-out;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  transform: translate(100%);
}

.eds-side-panel__inner-wrapper {
  flex-direction: column;
  max-height: 100%;
  display: flex;
}

.eds-side-panel--transition-enter, .eds-side-panel--transition-enter-done {
  transform: translate(0);
}

.eds-side-panel__header-container {
  margin-bottom: var(--eds-space-56);
  align-items: baseline;
  gap: var(--eds-space-8);
  font: var(--eds-type-title-2);
  grid-template-columns: 1fr auto;
  display: grid;
}

.eds-side-panel__header {
  max-width: calc(100% - 56px);
}

.eds-side-panel__close {
  margin: var(--eds-space-32);
  position: absolute;
  top: 0;
  right: 0;
}

.eds-side-panel__content {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.eds-side-panel__content > div {
  height: 100%;
  padding-bottom: var(--eds-space-12);
  position: relative;
  overflow-y: auto;
}

.eds-side-panel__top-fade {
  background: linear-gradient(180deg, var(--eds-color-background-default) 0%, #fff0 100%);
  pointer-events: none;
  z-index: 41;
  width: 100%;
  height: 90px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.eds-side-panel__bottom-fade {
  background: linear-gradient(180deg, #fff0 0%, var(--eds-color-background-default) 100%);
  pointer-events: none;
  width: 100%;
  height: 90px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.eds-side-panel--hide {
  display: none;
}

.eds-side-panel__divider {
  background-color: var(--eds-color-grey-2);
  height: 1px;
  margin: var(--eds-space-24) 0;
}

.eds-snack {
  padding: var(--eds-space-12);
  padding-right: var(--eds-space-24);
  box-shadow: var(--eds-elevation-shadow-1);
  background-color: var(--eds-color-background-default);
  border-radius: 50px;
  align-items: center;
  gap: 12px;
  min-width: min(300px, 100vw - 24px);
  display: inline-flex;
}

.eds-snack__body {
  flex-grow: 1;
}

.eds-snack > .eds-button {
  flex-shrink: 0;
}

.eds-snackbar {
  z-index: var(--eds-layers-60);
  left: 50%;
  top: var(--eds-space-24);
  grid-gap: var(--eds-space-24);
  justify-content: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: fixed;
  transform: translate(-50%);
}

@media (width <= 700px) {
  .eds-snackbar {
    width: calc(100vw - 64px);
  }
}

@keyframes eds-spin {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.eds-spinner {
  border-radius: var(--eds-radii-rounded);
  border: 3px solid #11111175;
  border-left-color: #111;
  animation: .7s linear infinite eds-spin;
  transform: translateZ(0);
}

.eds-spinner:focus-visible {
  outline-offset: var(--eds-space-12);
}

.eds-spinner--medium {
  width: var(--eds-space-24);
  height: var(--eds-space-24);
}

.eds-spinner--large {
  width: var(--eds-space-48);
  height: var(--eds-space-48);
}

.eds--dark .eds-spinner {
  border: 3px solid #ffffff75;
  border-left-color: #fff;
}

.eds-status-icon {
  grid-template-columns: auto auto;
  grid: var(--eds-space-12);
  justify-content: start;
  place-items: center start;
  display: inline-grid;
}

.eds-status-icon--s .eds-icon__wrapper {
  padding: 4px;
}

.eds-status-icon--m .eds-icon__wrapper {
  padding: 8px;
}

.eds-status-icon--neutral .eds-icon__wrapper {
  background-color: var(--eds-color-text-link);
  color: var(--eds-color-white);
}

.eds-status-icon--info .eds-icon__wrapper {
  background-color: var(--eds-color-grey-1);
  color: var(--eds-color-white);
}

.eds-status-icon--success .eds-icon__wrapper {
  background-color: var(--eds-color-background-success);
  color: var(--eds-color-white);
}

.eds-status-icon--warning .eds-icon__wrapper {
  background-color: var(--eds-color-background-warning);
}

.eds-status-icon--error .eds-icon__wrapper, .eds-status-icon--danger .eds-icon__wrapper {
  background-color: var(--eds-color-background-danger);
  color: var(--eds-color-white);
}

.eds--dark .eds-status-icon--info .eds-icon__wrapper {
  background-color: var(--eds-color-grey-2-on-dark);
}

.eds-status-indicator {
  grid-template-columns: auto auto;
  justify-content: start;
  place-items: center start;
  display: inline-grid;
}

.eds-status-indicator__pip {
  border-radius: 50%;
  display: flex;
}

.eds-status-indicator__pip--small {
  height: var(--eds-space-8);
  width: var(--eds-space-8);
}

.eds-status-indicator__pip--large {
  height: var(--eds-space-12);
  width: var(--eds-space-12);
}

.eds-status-indicator__pip--x-large {
  height: var(--eds-space-16);
  width: var(--eds-space-16);
}

.eds-status-indicator__pip--neutral {
  background-color: var(--eds-color-text-link);
}

.eds-status-indicator__pip--success {
  background-color: var(--eds-color-background-success);
}

.eds-status-indicator__pip--warning {
  background-color: var(--eds-color-background-warning);
}

.eds-status-indicator__pip--danger {
  background-color: var(--eds-color-background-danger);
}

.eds-status-indicator__pip--inactive {
  background-color: var(--eds-color-grey-2);
}

.eds-status-indicator__label {
  margin-left: var(--eds-space-12);
  color: var(--eds-color-text-default);
}

.eds-tab {
  cursor: pointer;
  color: var(--eds-color-text-secondary);
  font: var(--eds-type-subtitle-1);
  padding-bottom: var(--eds-space-8);
  border-bottom: 2px solid #0000;
  transition: border-bottom-color .25s, color .25s;
  display: block;
}

.eds-tab input {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.eds-tab input:focus-visible + .eds-tab__focus-ring {
  outline: solid 2px var(--eds-color-border-focus);
  border-radius: 2px;
}

.eds-tab--active {
  border-bottom: 2px solid var(--eds-color-text-default);
  color: var(--eds-color-text-default);
}

.eds-tab--disabled {
  cursor: not-allowed;
  color: var(--eds-color-grey-2);
}

.eds-tab:hover:not(.eds-tab--disabled):not(.eds-tab--toggle) {
  color: var(--eds-color-text-default);
}

.eds-tab--toggle {
  cursor: pointer;
  color: var(--eds-color-text-secondary);
  font: var(--eds-type-subtitle-1);
  padding-bottom: var(--eds-space-8);
  border-bottom: 2px solid #0000;
  transition: border-bottom-color .25s, color .25s;
  display: block;
}

.eds-tab--toggle input {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.eds-tab--toggle input:focus-visible + .eds-tab__focus-ring {
  outline: solid 2px var(--eds-color-border-focus);
  border-radius: 2px;
}

.eds-tab--toggle--active {
  border-bottom: 2px solid var(--eds-color-text-default);
  color: var(--eds-color-text-default);
}

.eds-tab--toggle--disabled {
  cursor: not-allowed;
  color: var(--eds-color-grey-2);
}

.eds--dark .eds-tab--toggle {
  color: var(--eds-color-white);
}

.eds--dark .eds-tab--disabled {
  color: #757575;
}

.eds-tab-group {
  gap: var(--eds-space-24);
  flex-wrap: wrap;
  align-items: flex-end;
  display: flex;
}

.eds-tab-group--toggle {
  gap: var(--eds-space-24);
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  display: flex;
}

.eds-tab-group--toggle li:first-child .eds-tab--toggle {
  border-top-left-radius: var(--eds-space-4);
  border-bottom-left-radius: var(--eds-space-4);
}

.eds-tab-group--toggle li:last-child .eds-tab--toggle {
  border-top-right-radius: var(--eds-space-4);
  border-bottom-right-radius: var(--eds-space-4);
}

.eds-tab-group--toggle li .eds-tab--active {
  background-color: var(--eds-color-black);
  color: var(--eds-color-white);
  border: 1px solid var(--eds-color-black) !important;
}

.eds-tab-group--toggle li .eds-tab--disabled {
  cursor: not-allowed;
  color: var(--eds-color-grey-2);
}

.eds-tab-group--toggle li .eds-tab--toggle {
  border: 1.5px solid var(--eds-color-grey-2);
  padding: var(--eds-space-16) var(--eds-space-24);
  height: 100%;
  transition: border-color .25s, color .25s;
}

.eds-tab-group--toggle li .eds-tab--toggle-small {
  padding: 4.5px 20px;
}

.eds-tab-group--toggle li .eds-tab--toggle-medium {
  padding: 10.5px var(--eds-space-24);
}

.eds--dark .eds-tab-group--toggle li .eds-tab--active {
  background-color: var(--eds-color-white);
  color: var(--eds-color-black);
  border: 1.5px solid var(--eds-color-white) !important;
}

.eds--dark .eds-tab-group--toggle li .eds-tab--disabled {
  color: #757575;
  border-color: #757575;
}

.eds-table {
  background-color: var(--eds-color-background-default);
  border-radius: var(--eds-radii-8);
  overflow: hidden;
}

.eds-table tr:hover {
  background-color: var(--eds-color-background-hover);
  transition: background-color .5s;
}

.eds-table--full-width {
  width: 100%;
}

.eds-table-cell {
  box-sizing: border-box;
  color: var(--eds-color-text-default);
  padding: var(--eds-space-16);
  border-top: 1px solid var(--eds-color-grey-3);
  vertical-align: middle;
}

.eds-table-cell:first-of-type {
  padding-left: var(--eds-space-32);
}

.eds-table-cell:last-of-type {
  padding-right: var(--eds-space-32);
}

.eds-table-cell__content {
  gap: var(--eds-space-16);
  align-items: center;
  display: flex;
}

.eds-table-cell__content--left {
  justify-content: flex-start;
}

.eds-table-cell--error {
  box-shadow: inset 3px 0px 0px var(--eds-color-text-danger);
}

.eds-table-cell--right .eds-table-cell__content {
  justify-content: flex-end;
}

.eds-table-heading {
  text-align: left;
  padding: var(--eds-space-16);
  color: var(--eds-color-text-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: var(--eds-space-24);
}

.eds-table-heading:first-of-type {
  padding-left: var(--eds-space-32);
}

.eds-table-heading:last-of-type {
  padding-right: var(--eds-space-32);
}

.eds-tag {
  align-items: center;
  gap: var(--eds-space-8);
  border-radius: var(--eds-radii-4);
  padding: var(--eds-space-8);
  font: var(--eds-type-subtitle-1);
  min-height: 40px;
  display: inline-flex;
}

.eds-tag--small {
  padding: 2px var(--eds-space-8);
  font: var(--eds-type-subtitle-2);
  min-height: 24px;
}

.eds-tag--teal {
  background-color: var(--eds-color-teal-05);
  color: var(--eds-color-teal-90);
}

.eds-tag--blue {
  background-color: var(--eds-color-blue-05);
  color: var(--eds-color-blue-90);
}

.eds-tag--green {
  background-color: var(--eds-color-green-05);
  color: var(--eds-color-green-90);
}

.eds-tag--yellow {
  background-color: var(--eds-color-yellow-05);
  color: var(--eds-color-yellow-90);
}

.eds-tag--pink {
  background-color: var(--eds-color-pink-05);
  color: var(--eds-color-pink-90);
}

.eds-tag--orange {
  background-color: var(--eds-color-orange-05);
  color: var(--eds-color-orange-90);
}

.eds-tag--purple {
  background-color: var(--eds-color-purple-05);
  color: var(--eds-color-purple-90);
}

.eds--dark .eds-tag--teal {
  background-color: var(--eds-color-teal-90);
  color: var(--eds-color-teal-05);
}

.eds--dark .eds-tag--blue {
  background-color: var(--eds-color-blue-90);
  color: var(--eds-color-blue-05);
}

.eds--dark .eds-tag--green {
  background-color: var(--eds-color-green-90);
  color: var(--eds-color-green-05);
}

.eds--dark .eds-tag--yellow {
  background-color: var(--eds-color-yellow-90);
  color: var(--eds-color-yellow-05);
}

.eds--dark .eds-tag--pink {
  background-color: var(--eds-color-pink-90);
  color: var(--eds-color-pink-05);
}

.eds--dark .eds-tag--orange {
  background-color: var(--eds-color-orange-90);
  color: var(--eds-color-orange-05);
}

.eds--dark .eds-tag--purple {
  background-color: var(--eds-color-purple-90);
  color: var(--eds-color-purple-05);
}

.eds-text-field {
  display: flex;
  position: relative;
}

.eds-text-field ::placeholder {
  color: var(--eds-color-grey-1);
}

.eds-text-field__input {
  font: var(--eds-type-body-2);
  width: 100%;
  color: var(--eds-color-black);
  background-color: var(--eds-color-white);
  border: 1px solid var(--eds-color-grey-2);
  border-radius: var(--eds-radii-4);
  outline: none;
  padding: 15px 16px;
}

.eds-text-field__input:focus-visible {
  border-color: var(--eds-color-border-focus);
}

.eds-text-field__input:hover {
  border-color: var(--eds-color-border-hover);
}

.eds-text-field__input:active {
  border-color: var(--eds-color-border-active);
}

.eds-text-field__input:read-only:not(eds-text-field--select) {
  border-color: var(--eds-color-grey-2);
  background-color: var(--eds-color-grey-3);
}

.eds-text-field__input[type="file"]:read-only {
  background-color: var(--eds-color-white);
}

.eds-text-field__input[type="file"]:read-only:focus-visible {
  border-color: var(--eds-color-border-focus);
}

.eds-text-field__input:disabled {
  cursor: not-allowed;
}

.eds-text-field__input--no-border {
  border-color: #0000;
  padding: 16px;
}

.eds-text-field__input--error.eds-text-field__input--error, .eds-text-field__input--error.eds-text-field__input--error.eds-text-field--select {
  border-color: var(--eds-color-border-danger);
}

.eds-text-field__input.eds-text-field--select {
  border: none;
  padding: 0;
}

.eds-text-field__before, .eds-text-field__after {
  gap: var(--eds-space-8);
  color: var(--eds-color-grey-1);
  align-items: center;
  font-size: 16px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.eds-text-field__before {
  left: 16px;
}

.eds-text-field__after {
  right: 16px;
}

.eds-text-field--auto-resize {
  grid: "stack";
  display: grid;
}

.eds-text-field--auto-resize > *, .eds-text-field--auto-resize:after {
  grid-area: stack;
}

.eds-text-field--auto-resize:after {
  content: attr(data-auto-resize) " ";
  font: var(--eds-type-body-2);
  border: 1px solid var(--eds-color-grey-2);
  border-radius: var(--eds-radii-4);
  white-space: pre-wrap;
  word-break: break-word;
  visibility: hidden;
  outline: none;
  width: 100%;
  padding: 15px 16px;
}

.eds-text-group > * + * {
  margin-top: 1em;
  margin-bottom: 0;
}

.eds-text-group > * > * + li {
  margin-top: .75em;
  margin-bottom: 0;
}

.eds-text-group--high > * + * {
  margin-top: .75em;
}

.eds-text-group--high > * > * + li {
  margin-top: .6em;
}

.eds-text-group--low > * + * {
  margin-top: 1.25em;
}

.eds-text-group--low > * > * + li {
  margin-top: 1em;
}

.eds-text-group--deep * + * {
  margin-top: 1em;
  margin-bottom: 0;
}

.eds-text-group--deep * + li {
  margin-top: .75em;
  margin-bottom: 0;
}

.eds-text-group--deep.eds-text-group--high * + * {
  margin-top: .75em;
}

.eds-text-group--deep.eds-text-group--high * + li {
  margin-top: .6em;
}

.eds-text-group--deep.eds-text-group--low * + * {
  margin-top: 1.25em;
}

.eds-text-group--deep.eds-text-group--low * + li {
  margin-top: 1em;
}

.eds-toggle {
  align-items: center;
  gap: var(--eds-space-12);
  cursor: pointer;
  font: var(--eds-type-body-2);
  height: 24px;
  padding-left: 42px;
  display: inline-flex;
  position: relative;
}

.eds-toggle .eds-toggle__input:checked + span:before {
  transform: translateX(18px);
}

.eds-toggle span {
  width: 42px;
  height: 24px;
}

.eds-toggle span:before {
  width: 20px;
  height: 20px;
  bottom: 2px;
  left: 2px;
}

.eds-toggle--large {
  height: 36px;
  padding-left: 63px;
  position: relative;
}

.eds-toggle--large .eds-toggle__input:checked + span:before {
  transform: translateX(27px);
}

.eds-toggle--large span {
  width: 63px;
  height: 36px;
}

.eds-toggle--large span:before {
  width: 30px;
  height: 30px;
  bottom: 3px;
  left: 3px;
}

.eds-toggle--disabled {
  cursor: not-allowed;
  color: var(--eds-color-grey-1);
}

.eds-toggle .eds-toggle__input {
  opacity: 0;
  width: 0;
}

.eds-toggle .eds-toggle__input:checked + .circle {
  background-color: var(--eds-color-background-success);
}

.eds-toggle .eds-toggle__input:focus-visible + .circle {
  outline: solid 2px var(--eds-color-border-focus);
  outline-offset: 2px;
}

.eds-toggle .eds-toggle__input:focus-visible + .circle:before {
  opacity: 1;
  border: 0;
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: ease;
  box-shadow: 0 0 0 8px #f5f5f5b3;
}

.eds-toggle .eds-toggle__input:disabled ~ span {
  background-color: var(--eds-color-grey-3);
  cursor: not-allowed;
}

.eds-toggle .eds-toggle__input:disabled ~ span:hover:before {
  box-shadow: none;
  transition-property: none;
}

.eds-toggle .eds-toggle__input:disabled:checked ~ span {
  background-color: var(--eds-color-green-10);
}

.eds-toggle span {
  cursor: pointer;
  background: var(--eds-color-grey-1);
  border-radius: 100px;
  transition: transform .4s, background-color .4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.eds-toggle span:hover:before {
  opacity: 1;
  border: 0;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: ease;
  box-shadow: 0 0 0 12px #f5f5f5b3;
}

.eds-toggle span:before {
  content: "";
  background: var(--eds-color-white);
  background: var(--eds-color-white);
  border-radius: 100%;
  transition: all .4s;
  position: absolute;
}

.eds-toggle-button {
  border-radius: var(--eds-radii-0);
}

.eds-toggle-button:first-child {
  border-top-left-radius: var(--eds-space-4);
  border-bottom-left-radius: var(--eds-space-4);
}

.eds-toggle-button:last-child {
  border-top-right-radius: var(--eds-space-4);
  border-bottom-right-radius: var(--eds-space-4);
}

.eds-toggle-button-group {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.eds-toggle-button-group .eds-button--large, .eds-toggle-button-group .eds-button--small {
  min-width: auto;
}

.eds-tooltip__anchor {
  display: inline-block;
}

.eds-tooltip {
  border-radius: var(--eds-radii-4);
  box-shadow: var(--eds-elevation-shadow-2);
  padding: var(--eds-space-8);
  z-index: var(--eds-layers-10);
  background-color: var(--eds-color-background-default);
  position: relative;
}

.eds-tooltip__arrow, .eds-tooltip__arrow:before {
  width: var(--eds-space-8);
  height: var(--eds-space-8);
  background: inherit;
  position: absolute;
}

.eds-tooltip__arrow {
  visibility: hidden;
}

.eds-tooltip__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

.eds-tooltip[data-popper-placement^="top"] > .eds-tooltip__arrow {
  bottom: -4px;
}

.eds-tooltip[data-popper-placement^="bottom"] > .eds-tooltip__arrow {
  top: -4px;
}

.eds-tooltip[data-popper-placement^="left"] > .eds-tooltip__arrow {
  right: -4px;
}

.eds-tooltip[data-popper-placement^="right"] > .eds-tooltip__arrow {
  left: -4px;
}

.eds-color--red-05 {
  color: var(--eds-color-red-05);
}

.eds-background--red-05 {
  background-color: var(--eds-color-red-05);
}

.eds-color--red-10 {
  color: var(--eds-color-red-10);
}

.eds-background--red-10 {
  background-color: var(--eds-color-red-10);
}

.eds-color--red-20 {
  color: var(--eds-color-red-20);
}

.eds-background--red-20 {
  background-color: var(--eds-color-red-20);
}

.eds-color--red-30 {
  color: var(--eds-color-red-30);
}

.eds-background--red-30 {
  background-color: var(--eds-color-red-30);
}

.eds-color--red-40 {
  color: var(--eds-color-red-40);
}

.eds-background--red-40 {
  background-color: var(--eds-color-red-40);
}

.eds-color--red-50 {
  color: var(--eds-color-red-50);
}

.eds-background--red-50 {
  background-color: var(--eds-color-red-50);
}

.eds-color--red-60 {
  color: var(--eds-color-red-60);
}

.eds-background--red-60 {
  background-color: var(--eds-color-red-60);
}

.eds-color--red-70 {
  color: var(--eds-color-red-70);
}

.eds-background--red-70 {
  background-color: var(--eds-color-red-70);
}

.eds-color--red-80 {
  color: var(--eds-color-red-80);
}

.eds-background--red-80 {
  background-color: var(--eds-color-red-80);
}

.eds-color--red-90 {
  color: var(--eds-color-red-90);
}

.eds-background--red-90 {
  background-color: var(--eds-color-red-90);
}

.eds-color--red-100 {
  color: var(--eds-color-red-100);
}

.eds-background--red-100 {
  background-color: var(--eds-color-red-100);
}

.eds-color--orange-05 {
  color: var(--eds-color-orange-05);
}

.eds-background--orange-05 {
  background-color: var(--eds-color-orange-05);
}

.eds-color--orange-10 {
  color: var(--eds-color-orange-10);
}

.eds-background--orange-10 {
  background-color: var(--eds-color-orange-10);
}

.eds-color--orange-20 {
  color: var(--eds-color-orange-20);
}

.eds-background--orange-20 {
  background-color: var(--eds-color-orange-20);
}

.eds-color--orange-30 {
  color: var(--eds-color-orange-30);
}

.eds-background--orange-30 {
  background-color: var(--eds-color-orange-30);
}

.eds-color--orange-40 {
  color: var(--eds-color-orange-40);
}

.eds-background--orange-40 {
  background-color: var(--eds-color-orange-40);
}

.eds-color--orange-50 {
  color: var(--eds-color-orange-50);
}

.eds-background--orange-50 {
  background-color: var(--eds-color-orange-50);
}

.eds-color--orange-60 {
  color: var(--eds-color-orange-60);
}

.eds-background--orange-60 {
  background-color: var(--eds-color-orange-60);
}

.eds-color--orange-70 {
  color: var(--eds-color-orange-70);
}

.eds-background--orange-70 {
  background-color: var(--eds-color-orange-70);
}

.eds-color--orange-80 {
  color: var(--eds-color-orange-80);
}

.eds-background--orange-80 {
  background-color: var(--eds-color-orange-80);
}

.eds-color--orange-90 {
  color: var(--eds-color-orange-90);
}

.eds-background--orange-90 {
  background-color: var(--eds-color-orange-90);
}

.eds-color--orange-100 {
  color: var(--eds-color-orange-100);
}

.eds-background--orange-100 {
  background-color: var(--eds-color-orange-100);
}

.eds-color--yellow-05 {
  color: var(--eds-color-yellow-05);
}

.eds-background--yellow-05 {
  background-color: var(--eds-color-yellow-05);
}

.eds-color--yellow-10 {
  color: var(--eds-color-yellow-10);
}

.eds-background--yellow-10 {
  background-color: var(--eds-color-yellow-10);
}

.eds-color--yellow-20 {
  color: var(--eds-color-yellow-20);
}

.eds-background--yellow-20 {
  background-color: var(--eds-color-yellow-20);
}

.eds-color--yellow-30 {
  color: var(--eds-color-yellow-30);
}

.eds-background--yellow-30 {
  background-color: var(--eds-color-yellow-30);
}

.eds-color--yellow-40 {
  color: var(--eds-color-yellow-40);
}

.eds-background--yellow-40 {
  background-color: var(--eds-color-yellow-40);
}

.eds-color--yellow-50 {
  color: var(--eds-color-yellow-50);
}

.eds-background--yellow-50 {
  background-color: var(--eds-color-yellow-50);
}

.eds-color--yellow-60 {
  color: var(--eds-color-yellow-60);
}

.eds-background--yellow-60 {
  background-color: var(--eds-color-yellow-60);
}

.eds-color--yellow-70 {
  color: var(--eds-color-yellow-70);
}

.eds-background--yellow-70 {
  background-color: var(--eds-color-yellow-70);
}

.eds-color--yellow-80 {
  color: var(--eds-color-yellow-80);
}

.eds-background--yellow-80 {
  background-color: var(--eds-color-yellow-80);
}

.eds-color--yellow-90 {
  color: var(--eds-color-yellow-90);
}

.eds-background--yellow-90 {
  background-color: var(--eds-color-yellow-90);
}

.eds-color--yellow-100 {
  color: var(--eds-color-yellow-100);
}

.eds-background--yellow-100 {
  background-color: var(--eds-color-yellow-100);
}

.eds-color--green-05 {
  color: var(--eds-color-green-05);
}

.eds-background--green-05 {
  background-color: var(--eds-color-green-05);
}

.eds-color--green-10 {
  color: var(--eds-color-green-10);
}

.eds-background--green-10 {
  background-color: var(--eds-color-green-10);
}

.eds-color--green-20 {
  color: var(--eds-color-green-20);
}

.eds-background--green-20 {
  background-color: var(--eds-color-green-20);
}

.eds-color--green-30 {
  color: var(--eds-color-green-30);
}

.eds-background--green-30 {
  background-color: var(--eds-color-green-30);
}

.eds-color--green-40 {
  color: var(--eds-color-green-40);
}

.eds-background--green-40 {
  background-color: var(--eds-color-green-40);
}

.eds-color--green-50 {
  color: var(--eds-color-green-50);
}

.eds-background--green-50 {
  background-color: var(--eds-color-green-50);
}

.eds-color--green-60 {
  color: var(--eds-color-green-60);
}

.eds-background--green-60 {
  background-color: var(--eds-color-green-60);
}

.eds-color--green-70 {
  color: var(--eds-color-green-70);
}

.eds-background--green-70 {
  background-color: var(--eds-color-green-70);
}

.eds-color--green-80 {
  color: var(--eds-color-green-80);
}

.eds-background--green-80 {
  background-color: var(--eds-color-green-80);
}

.eds-color--green-90 {
  color: var(--eds-color-green-90);
}

.eds-background--green-90 {
  background-color: var(--eds-color-green-90);
}

.eds-color--green-100 {
  color: var(--eds-color-green-100);
}

.eds-background--green-100 {
  background-color: var(--eds-color-green-100);
}

.eds-color--teal-05 {
  color: var(--eds-color-teal-05);
}

.eds-background--teal-05 {
  background-color: var(--eds-color-teal-05);
}

.eds-color--teal-10 {
  color: var(--eds-color-teal-10);
}

.eds-background--teal-10 {
  background-color: var(--eds-color-teal-10);
}

.eds-color--teal-20 {
  color: var(--eds-color-teal-20);
}

.eds-background--teal-20 {
  background-color: var(--eds-color-teal-20);
}

.eds-color--teal-30 {
  color: var(--eds-color-teal-30);
}

.eds-background--teal-30 {
  background-color: var(--eds-color-teal-30);
}

.eds-color--teal-40 {
  color: var(--eds-color-teal-40);
}

.eds-background--teal-40 {
  background-color: var(--eds-color-teal-40);
}

.eds-color--teal-50 {
  color: var(--eds-color-teal-50);
}

.eds-background--teal-50 {
  background-color: var(--eds-color-teal-50);
}

.eds-color--teal-60 {
  color: var(--eds-color-teal-60);
}

.eds-background--teal-60 {
  background-color: var(--eds-color-teal-60);
}

.eds-color--teal-70 {
  color: var(--eds-color-teal-70);
}

.eds-background--teal-70 {
  background-color: var(--eds-color-teal-70);
}

.eds-color--teal-80 {
  color: var(--eds-color-teal-80);
}

.eds-background--teal-80 {
  background-color: var(--eds-color-teal-80);
}

.eds-color--teal-90 {
  color: var(--eds-color-teal-90);
}

.eds-background--teal-90 {
  background-color: var(--eds-color-teal-90);
}

.eds-color--teal-100 {
  color: var(--eds-color-teal-100);
}

.eds-background--teal-100 {
  background-color: var(--eds-color-teal-100);
}

.eds-color--blue-05 {
  color: var(--eds-color-blue-05);
}

.eds-background--blue-05 {
  background-color: var(--eds-color-blue-05);
}

.eds-color--blue-10 {
  color: var(--eds-color-blue-10);
}

.eds-background--blue-10 {
  background-color: var(--eds-color-blue-10);
}

.eds-color--blue-20 {
  color: var(--eds-color-blue-20);
}

.eds-background--blue-20 {
  background-color: var(--eds-color-blue-20);
}

.eds-color--blue-30 {
  color: var(--eds-color-blue-30);
}

.eds-background--blue-30 {
  background-color: var(--eds-color-blue-30);
}

.eds-color--blue-40 {
  color: var(--eds-color-blue-40);
}

.eds-background--blue-40 {
  background-color: var(--eds-color-blue-40);
}

.eds-color--blue-50 {
  color: var(--eds-color-blue-50);
}

.eds-background--blue-50 {
  background-color: var(--eds-color-blue-50);
}

.eds-color--blue-60 {
  color: var(--eds-color-blue-60);
}

.eds-background--blue-60 {
  background-color: var(--eds-color-blue-60);
}

.eds-color--blue-70 {
  color: var(--eds-color-blue-70);
}

.eds-background--blue-70 {
  background-color: var(--eds-color-blue-70);
}

.eds-color--blue-80 {
  color: var(--eds-color-blue-80);
}

.eds-background--blue-80 {
  background-color: var(--eds-color-blue-80);
}

.eds-color--blue-90 {
  color: var(--eds-color-blue-90);
}

.eds-background--blue-90 {
  background-color: var(--eds-color-blue-90);
}

.eds-color--blue-100 {
  color: var(--eds-color-blue-100);
}

.eds-background--blue-100 {
  background-color: var(--eds-color-blue-100);
}

.eds-color--indigo-05 {
  color: var(--eds-color-indigo-05);
}

.eds-background--indigo-05 {
  background-color: var(--eds-color-indigo-05);
}

.eds-color--indigo-10 {
  color: var(--eds-color-indigo-10);
}

.eds-background--indigo-10 {
  background-color: var(--eds-color-indigo-10);
}

.eds-color--indigo-20 {
  color: var(--eds-color-indigo-20);
}

.eds-background--indigo-20 {
  background-color: var(--eds-color-indigo-20);
}

.eds-color--indigo-30 {
  color: var(--eds-color-indigo-30);
}

.eds-background--indigo-30 {
  background-color: var(--eds-color-indigo-30);
}

.eds-color--indigo-40 {
  color: var(--eds-color-indigo-40);
}

.eds-background--indigo-40 {
  background-color: var(--eds-color-indigo-40);
}

.eds-color--indigo-50 {
  color: var(--eds-color-indigo-50);
}

.eds-background--indigo-50 {
  background-color: var(--eds-color-indigo-50);
}

.eds-color--indigo-60 {
  color: var(--eds-color-indigo-60);
}

.eds-background--indigo-60 {
  background-color: var(--eds-color-indigo-60);
}

.eds-color--indigo-70 {
  color: var(--eds-color-indigo-70);
}

.eds-background--indigo-70 {
  background-color: var(--eds-color-indigo-70);
}

.eds-color--indigo-80 {
  color: var(--eds-color-indigo-80);
}

.eds-background--indigo-80 {
  background-color: var(--eds-color-indigo-80);
}

.eds-color--indigo-90 {
  color: var(--eds-color-indigo-90);
}

.eds-background--indigo-90 {
  background-color: var(--eds-color-indigo-90);
}

.eds-color--indigo-100 {
  color: var(--eds-color-indigo-100);
}

.eds-background--indigo-100 {
  background-color: var(--eds-color-indigo-100);
}

.eds-color--purple-05 {
  color: var(--eds-color-purple-05);
}

.eds-background--purple-05 {
  background-color: var(--eds-color-purple-05);
}

.eds-color--purple-10 {
  color: var(--eds-color-purple-10);
}

.eds-background--purple-10 {
  background-color: var(--eds-color-purple-10);
}

.eds-color--purple-20 {
  color: var(--eds-color-purple-20);
}

.eds-background--purple-20 {
  background-color: var(--eds-color-purple-20);
}

.eds-color--purple-30 {
  color: var(--eds-color-purple-30);
}

.eds-background--purple-30 {
  background-color: var(--eds-color-purple-30);
}

.eds-color--purple-40 {
  color: var(--eds-color-purple-40);
}

.eds-background--purple-40 {
  background-color: var(--eds-color-purple-40);
}

.eds-color--purple-50 {
  color: var(--eds-color-purple-50);
}

.eds-background--purple-50 {
  background-color: var(--eds-color-purple-50);
}

.eds-color--purple-60 {
  color: var(--eds-color-purple-60);
}

.eds-background--purple-60 {
  background-color: var(--eds-color-purple-60);
}

.eds-color--purple-70 {
  color: var(--eds-color-purple-70);
}

.eds-background--purple-70 {
  background-color: var(--eds-color-purple-70);
}

.eds-color--purple-80 {
  color: var(--eds-color-purple-80);
}

.eds-background--purple-80 {
  background-color: var(--eds-color-purple-80);
}

.eds-color--purple-90 {
  color: var(--eds-color-purple-90);
}

.eds-background--purple-90 {
  background-color: var(--eds-color-purple-90);
}

.eds-color--purple-100 {
  color: var(--eds-color-purple-100);
}

.eds-background--purple-100 {
  background-color: var(--eds-color-purple-100);
}

.eds-color--pink-05 {
  color: var(--eds-color-pink-05);
}

.eds-background--pink-05 {
  background-color: var(--eds-color-pink-05);
}

.eds-color--pink-10 {
  color: var(--eds-color-pink-10);
}

.eds-background--pink-10 {
  background-color: var(--eds-color-pink-10);
}

.eds-color--pink-20 {
  color: var(--eds-color-pink-20);
}

.eds-background--pink-20 {
  background-color: var(--eds-color-pink-20);
}

.eds-color--pink-30 {
  color: var(--eds-color-pink-30);
}

.eds-background--pink-30 {
  background-color: var(--eds-color-pink-30);
}

.eds-color--pink-40 {
  color: var(--eds-color-pink-40);
}

.eds-background--pink-40 {
  background-color: var(--eds-color-pink-40);
}

.eds-color--pink-50 {
  color: var(--eds-color-pink-50);
}

.eds-background--pink-50 {
  background-color: var(--eds-color-pink-50);
}

.eds-color--pink-60 {
  color: var(--eds-color-pink-60);
}

.eds-background--pink-60 {
  background-color: var(--eds-color-pink-60);
}

.eds-color--pink-70 {
  color: var(--eds-color-pink-70);
}

.eds-background--pink-70 {
  background-color: var(--eds-color-pink-70);
}

.eds-color--pink-80 {
  color: var(--eds-color-pink-80);
}

.eds-background--pink-80 {
  background-color: var(--eds-color-pink-80);
}

.eds-color--pink-90 {
  color: var(--eds-color-pink-90);
}

.eds-background--pink-90 {
  background-color: var(--eds-color-pink-90);
}

.eds-color--pink-100 {
  color: var(--eds-color-pink-100);
}

.eds-background--pink-100 {
  background-color: var(--eds-color-pink-100);
}

.eds-color--grey-1 {
  color: var(--eds-color-grey-1) !important;
}

.eds-background--grey-1 {
  background-color: var(--eds-color-grey-1) !important;
}

.eds-color--grey-2 {
  color: var(--eds-color-grey-2) !important;
}

.eds-background--grey-2 {
  background-color: var(--eds-color-grey-2) !important;
}

.eds-color--grey-3 {
  color: var(--eds-color-grey-3) !important;
}

.eds-background--grey-3 {
  background-color: var(--eds-color-grey-3) !important;
}

.eds-color--grey-4 {
  color: var(--eds-color-grey-4) !important;
}

.eds-background--grey-4 {
  background-color: var(--eds-color-grey-4) !important;
}

.eds-color--grey-5 {
  color: var(--eds-color-grey-5) !important;
}

.eds-background--grey-5 {
  background-color: var(--eds-color-grey-5) !important;
}

.eds-color--grey-6 {
  color: var(--eds-color-grey-6) !important;
}

.eds-background--grey-6 {
  background-color: var(--eds-color-grey-6) !important;
}

.eds-color--grey-7 {
  color: var(--eds-color-grey-7) !important;
}

.eds-background--grey-7 {
  background-color: var(--eds-color-grey-7) !important;
}

.eds-color--white {
  color: var(--eds-color-white);
}

.eds-background--white {
  background-color: var(--eds-color-white);
}

.eds-color--black {
  color: var(--eds-color-black);
}

.eds-background--black {
  background-color: var(--eds-color-black);
}

.eds-background--danger, .eds-color--background-danger {
  background-color: var(--eds-color-background-danger);
}

.eds-background--success, .eds-color--background-success {
  background-color: var(--eds-color-background-success);
}

.eds-background--warning, .eds-color--background-warning {
  background-color: var(--eds-color-background-warning);
}

.eds-background--default, .eds-color--background-default {
  background-color: var(--eds-color-background-default);
}

.eds-background--hover, .eds-color--background-hover {
  background-color: var(--eds-color-background-hover);
}

.eds-background--active, .eds-color--background-active {
  background-color: var(--eds-color-background-active);
}

.eds-background--secondary, .eds-color--background-secondary {
  background-color: var(--eds-color-background-secondary);
}

.eds-background--disabled, .eds-color--background-disabled {
  background-color: var(--eds-color-background-disabled);
}

.eds-border--primary, .eds-color--border-primary {
  border-color: var(--eds-color-border-primary);
}

.eds-border--disabled, .eds-color--border-disabled {
  border-color: var(--eds-color-border-disabled);
}

.eds-border--danger, .eds-color--border-danger {
  border-color: var(--eds-color-border-danger);
}

.eds-border--success, .eds-color--border-success {
  border-color: var(--eds-color-border-success);
}

.eds-border--warning, .eds-color--border-warning {
  border-color: var(--eds-color-border-warning);
}

.eds-border--hover, .eds-color--border-hover {
  border-color: var(--eds-color-border-hover);
}

.eds-border--active, .eds-color--border-active {
  border-color: var(--eds-color-border-active);
}

.eds-border--focus, .eds-color--border-focus {
  border-color: var(--eds-color-border-focus);
}

.eds-color--text-danger, .eds-color--danger {
  color: var(--eds-color-text-danger);
}

.eds-color--text-success, .eds-color--success {
  color: var(--eds-color-text-success);
}

.eds-color--text-warning, .eds-color--warning {
  color: var(--eds-color-text-warning);
}

.eds-color--text-default, .eds-color--default {
  color: var(--eds-color-text-default);
}

.eds-color--text-secondary, .eds-color--secondary {
  color: var(--eds-color-text-secondary);
}

.eds-color--text-link, .eds-color--link {
  color: var(--eds-color-text-link);
}

.eds-color--text-link-visited, .eds-color--link-visited {
  color: var(--eds-color-text-link-visited);
}

.eds-color--text-link-disable, .eds-color--link-disable {
  color: var(--eds-color-text-link-disable);
}

.eds-color--text-hover, .eds-color--hover {
  color: var(--eds-color-text-hover);
}

.eds-color--brand-red {
  color: var(--eds-color-brand-red);
}

.eds-background--brand-red {
  background-color: var(--eds-color-brand-red);
}

.eds-color--brand-orange {
  color: var(--eds-color-brand-orange);
}

.eds-background--brand-orange {
  background-color: var(--eds-color-brand-orange);
}

.eds-background--brand-gradient {
  background: var(--eds-color-brand-gradient);
}

.eds-color--brand-gradient {
  background: var(--eds-color-brand-gradient);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
}

.eds-color--sev-1 {
  color: var(--eds-color-sev-1);
  stroke: var(--eds-color-sev-1);
}

.eds-background--sev-1 {
  background-color: var(--eds-color-sev-1);
}

.eds-color--sev-2 {
  color: var(--eds-color-sev-2);
  stroke: var(--eds-color-sev-2);
}

.eds-background--sev-2 {
  background-color: var(--eds-color-sev-2);
}

.eds-color--sev-3 {
  color: var(--eds-color-sev-3);
  stroke: var(--eds-color-sev-3);
}

.eds-background--sev-3 {
  background-color: var(--eds-color-sev-3);
}

.eds-color--sev-4 {
  color: var(--eds-color-sev-4);
  stroke: var(--eds-color-sev-4);
}

.eds-background--sev-4 {
  background-color: var(--eds-color-sev-4);
}

.eds-color--sev-5 {
  color: var(--eds-color-sev-5);
  stroke: var(--eds-color-sev-5);
}

.eds-background--sev-5 {
  background-color: var(--eds-color-sev-5);
}

.eds-color--sev-6 {
  color: var(--eds-color-sev-6);
  stroke: var(--eds-color-sev-6);
}

.eds-background--sev-6 {
  background-color: var(--eds-color-sev-6);
}

.eds-color--sev-7 {
  color: var(--eds-color-sev-7);
  stroke: var(--eds-color-sev-7);
}

.eds-background--sev-7 {
  background-color: var(--eds-color-sev-7);
}

.eds-color--sev-8 {
  color: var(--eds-color-sev-8);
  stroke: var(--eds-color-sev-8);
}

.eds-background--sev-8 {
  background-color: var(--eds-color-sev-8);
}

.eds-color--cat-1 {
  color: var(--eds-color-cat-1);
  stroke: var(--eds-color-cat-1);
}

.eds-color--cat-2 {
  color: var(--eds-color-cat-2);
  stroke: var(--eds-color-cat-2);
}

.eds-color--cat-3 {
  color: var(--eds-color-cat-3);
  stroke: var(--eds-color-cat-3);
}

.eds-color--cat-4 {
  color: var(--eds-color-cat-4);
  stroke: var(--eds-color-cat-4);
}

.eds-color--cat-5 {
  color: var(--eds-color-cat-5);
  stroke: var(--eds-color-cat-5);
}

.eds-color--cat-6 {
  color: var(--eds-color-cat-6);
  stroke: var(--eds-color-cat-6);
}

.eds-color--cat-7 {
  color: var(--eds-color-cat-7);
  stroke: var(--eds-color-cat-7);
}

.eds-color--cat-8 {
  color: var(--eds-color-cat-8);
  stroke: var(--eds-color-cat-8);
}

.eds-color--cat-durant-1 {
  color: var(--eds-color-cat-durant-1);
  stroke: var(--eds-color-cat-durant-1);
}

.eds-color--cat-durant-2 {
  color: var(--eds-color-cat-durant-2);
  stroke: var(--eds-color-cat-durant-2);
}

.eds-color--cat-durant-3 {
  color: var(--eds-color-cat-durant-3);
  stroke: var(--eds-color-cat-durant-3);
}

.eds-color--cat-durant-4 {
  color: var(--eds-color-cat-durant-4);
  stroke: var(--eds-color-cat-durant-4);
}

.eds-color--cat-durant-5 {
  color: var(--eds-color-cat-durant-5);
  stroke: var(--eds-color-cat-durant-5);
}

.eds-color--cat-durant-6 {
  color: var(--eds-color-cat-durant-6);
  stroke: var(--eds-color-cat-durant-6);
}

.eds-color--cat-durant-7 {
  color: var(--eds-color-cat-durant-7);
  stroke: var(--eds-color-cat-durant-7);
}

.eds-color--cat-durant-8 {
  color: var(--eds-color-cat-durant-8);
  stroke: var(--eds-color-cat-durant-8);
}

.eds-color--cat-whynot-1 {
  color: var(--eds-color-cat-whynot-1);
  stroke: var(--eds-color-cat-whynot-1);
}

.eds-color--cat-whynot-2 {
  color: var(--eds-color-cat-whynot-2);
  stroke: var(--eds-color-cat-whynot-2);
}

.eds-color--cat-whynot-3 {
  color: var(--eds-color-cat-whynot-3);
  stroke: var(--eds-color-cat-whynot-3);
}

.eds-color--cat-whynot-4 {
  color: var(--eds-color-cat-whynot-4);
  stroke: var(--eds-color-cat-whynot-4);
}

.eds-color--cat-whynot-5 {
  color: var(--eds-color-cat-whynot-5);
  stroke: var(--eds-color-cat-whynot-5);
}

.eds-color--cat-whynot-6 {
  color: var(--eds-color-cat-whynot-6);
  stroke: var(--eds-color-cat-whynot-6);
}

.eds-color--cat-whynot-7 {
  color: var(--eds-color-cat-whynot-7);
  stroke: var(--eds-color-cat-whynot-7);
}

.eds-color--cat-whynot-8 {
  color: var(--eds-color-cat-whynot-8);
  stroke: var(--eds-color-cat-whynot-8);
}

.eds-color--cat-oneneta-1 {
  color: var(--eds-color-cat-oneneta-1);
  stroke: var(--eds-color-cat-oneneta-1);
}

.eds-background--cat-1 {
  background-color: var(--eds-color-cat-oneneta-1);
}

.eds-color--cat-oneneta-2 {
  color: var(--eds-color-cat-oneneta-2);
  stroke: var(--eds-color-cat-oneneta-2);
}

.eds-background--cat-2 {
  background-color: var(--eds-color-cat-oneneta-2);
}

.eds-color--cat-oneneta-3 {
  color: var(--eds-color-cat-oneneta-3);
  stroke: var(--eds-color-cat-oneneta-3);
}

.eds-background--cat-3 {
  background-color: var(--eds-color-cat-oneneta-3);
}

.eds-color--cat-oneneta-4 {
  color: var(--eds-color-cat-oneneta-4);
  stroke: var(--eds-color-cat-oneneta-4);
}

.eds-background--cat-4 {
  background-color: var(--eds-color-cat-oneneta-4);
}

.eds-color--cat-oneneta-5 {
  color: var(--eds-color-cat-oneneta-5);
  stroke: var(--eds-color-cat-oneneta-5);
}

.eds-background--cat-5 {
  background-color: var(--eds-color-cat-oneneta-5);
}

.eds-color--cat-oneneta-6 {
  color: var(--eds-color-cat-oneneta-6);
  stroke: var(--eds-color-cat-oneneta-6);
}

.eds-background--cat-6 {
  background-color: var(--eds-color-cat-oneneta-6);
}

.eds-color--cat-oneneta-7 {
  color: var(--eds-color-cat-oneneta-7);
  stroke: var(--eds-color-cat-oneneta-7);
}

.eds-background--cat-7 {
  background-color: var(--eds-color-cat-oneneta-7);
}

.eds-color--cat-oneneta-8 {
  color: var(--eds-color-cat-oneneta-8);
  stroke: var(--eds-color-cat-oneneta-8);
}

.eds-background--cat-8 {
  background-color: var(--eds-color-cat-oneneta-8);
}

.eds-color--seq-blue-1 {
  color: var(--eds-color-seq-blue-1);
  stroke: var(--eds-color-seq-blue-1);
}

.eds-background--seq-blue-1 {
  background-color: var(--eds-color-seq-blue-1);
}

.eds-color--seq-blue-2 {
  color: var(--eds-color-seq-blue-2);
  stroke: var(--eds-color-seq-blue-2);
}

.eds-background--seq-blue-2 {
  background-color: var(--eds-color-seq-blue-2);
}

.eds-color--seq-blue-3 {
  color: var(--eds-color-seq-blue-3);
  stroke: var(--eds-color-seq-blue-3);
}

.eds-background--seq-blue-3 {
  background-color: var(--eds-color-seq-blue-3);
}

.eds-color--seq-blue-4 {
  color: var(--eds-color-seq-blue-4);
  stroke: var(--eds-color-seq-blue-4);
}

.eds-background--seq-blue-4 {
  background-color: var(--eds-color-seq-blue-4);
}

.eds-color--seq-blue-5 {
  color: var(--eds-color-seq-blue-5);
  stroke: var(--eds-color-seq-blue-5);
}

.eds-background--seq-blue-5 {
  background-color: var(--eds-color-seq-blue-5);
}

.eds-color--seq-blue-6 {
  color: var(--eds-color-seq-blue-6);
  stroke: var(--eds-color-seq-blue-6);
}

.eds-background--seq-blue-6 {
  background-color: var(--eds-color-seq-blue-6);
}

.eds-color--seq-blue-7 {
  color: var(--eds-color-seq-blue-7);
  stroke: var(--eds-color-seq-blue-7);
}

.eds-background--seq-blue-7 {
  background-color: var(--eds-color-seq-blue-7);
}

.eds-color--seq-blue-8 {
  color: var(--eds-color-seq-blue-8);
  stroke: var(--eds-color-seq-blue-8);
}

.eds-background--seq-blue-8 {
  background-color: var(--eds-color-seq-blue-8);
}

.eds-type--helvetica-neue {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.eds-type--nike-futura {
  font-family: Nike Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.eds-type--display-1 {
  text-transform: uppercase;
  font: var(--eds-type-display-1) !important;
}

.eds-type--display-2 {
  text-transform: uppercase;
  font: var(--eds-type-display-2) !important;
}

.eds-type--display-3 {
  text-transform: uppercase;
  font: var(--eds-type-display-3) !important;
}

.eds-type--display-4 {
  text-transform: uppercase;
  font: var(--eds-type-display-4) !important;
}

.eds-type--display-5 {
  text-transform: uppercase;
  font: var(--eds-type-display-5) !important;
}

.eds-type--title-1 {
  font: var(--eds-type-title-1) !important;
}

.eds-type--title-2 {
  font: var(--eds-type-title-2) !important;
}

.eds-type--title-3 {
  font: var(--eds-type-title-3) !important;
}

.eds-type--title-4 {
  font: var(--eds-type-title-4) !important;
}

.eds-type--title-5 {
  font: var(--eds-type-title-5) !important;
}

.eds-type--title-6 {
  font: var(--eds-type-title-6) !important;
}

.eds-type--subtitle-1 {
  font: var(--eds-type-subtitle-1) !important;
}

.eds-type--subtitle-2 {
  font: var(--eds-type-subtitle-2) !important;
}

.eds-type--body-1 {
  font: var(--eds-type-body-1) !important;
}

.eds-type--body-2 {
  font: var(--eds-type-body-2) !important;
}

.eds-type--body-3 {
  font: var(--eds-type-body-3) !important;
}

.eds-type--legal-1 {
  font: var(--eds-type-legal-1) !important;
}

.eds-spacing--m-4 {
  margin: 4px !important;
}

.eds-spacing--p-4 {
  padding: 4px !important;
}

.eds-spacing--mt-4 {
  margin-top: 4px !important;
}

.eds-spacing--pt-4 {
  padding-top: 4px !important;
}

.eds-spacing--mr-4 {
  margin-right: 4px !important;
}

.eds-spacing--pr-4 {
  padding-right: 4px !important;
}

.eds-spacing--mb-4 {
  margin-bottom: 4px !important;
}

.eds-spacing--pb-4 {
  padding-bottom: 4px !important;
}

.eds-spacing--ml-4 {
  margin-left: 4px !important;
}

.eds-spacing--pl-4 {
  padding-left: 4px !important;
}

.eds-spacing--mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.eds-spacing--px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.eds-spacing--my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.eds-spacing--py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.eds-spacing--m-8 {
  margin: 8px !important;
}

.eds-spacing--p-8 {
  padding: 8px !important;
}

.eds-spacing--mt-8 {
  margin-top: 8px !important;
}

.eds-spacing--pt-8 {
  padding-top: 8px !important;
}

.eds-spacing--mr-8 {
  margin-right: 8px !important;
}

.eds-spacing--pr-8 {
  padding-right: 8px !important;
}

.eds-spacing--mb-8 {
  margin-bottom: 8px !important;
}

.eds-spacing--pb-8 {
  padding-bottom: 8px !important;
}

.eds-spacing--ml-8 {
  margin-left: 8px !important;
}

.eds-spacing--pl-8 {
  padding-left: 8px !important;
}

.eds-spacing--mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.eds-spacing--px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.eds-spacing--my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.eds-spacing--py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.eds-spacing--m-12 {
  margin: 12px !important;
}

.eds-spacing--p-12 {
  padding: 12px !important;
}

.eds-spacing--mt-12 {
  margin-top: 12px !important;
}

.eds-spacing--pt-12 {
  padding-top: 12px !important;
}

.eds-spacing--mr-12 {
  margin-right: 12px !important;
}

.eds-spacing--pr-12 {
  padding-right: 12px !important;
}

.eds-spacing--mb-12 {
  margin-bottom: 12px !important;
}

.eds-spacing--pb-12 {
  padding-bottom: 12px !important;
}

.eds-spacing--ml-12 {
  margin-left: 12px !important;
}

.eds-spacing--pl-12 {
  padding-left: 12px !important;
}

.eds-spacing--mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.eds-spacing--px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.eds-spacing--my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.eds-spacing--py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.eds-spacing--m-16 {
  margin: 16px !important;
}

.eds-spacing--p-16 {
  padding: 16px !important;
}

.eds-spacing--mt-16 {
  margin-top: 16px !important;
}

.eds-spacing--pt-16 {
  padding-top: 16px !important;
}

.eds-spacing--mr-16 {
  margin-right: 16px !important;
}

.eds-spacing--pr-16 {
  padding-right: 16px !important;
}

.eds-spacing--mb-16 {
  margin-bottom: 16px !important;
}

.eds-spacing--pb-16 {
  padding-bottom: 16px !important;
}

.eds-spacing--ml-16 {
  margin-left: 16px !important;
}

.eds-spacing--pl-16 {
  padding-left: 16px !important;
}

.eds-spacing--mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.eds-spacing--px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.eds-spacing--my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.eds-spacing--py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.eds-spacing--m-20 {
  margin: 20px !important;
}

.eds-spacing--p-20 {
  padding: 20px !important;
}

.eds-spacing--mt-20 {
  margin-top: 20px !important;
}

.eds-spacing--pt-20 {
  padding-top: 20px !important;
}

.eds-spacing--mr-20 {
  margin-right: 20px !important;
}

.eds-spacing--pr-20 {
  padding-right: 20px !important;
}

.eds-spacing--mb-20 {
  margin-bottom: 20px !important;
}

.eds-spacing--pb-20 {
  padding-bottom: 20px !important;
}

.eds-spacing--ml-20 {
  margin-left: 20px !important;
}

.eds-spacing--pl-20 {
  padding-left: 20px !important;
}

.eds-spacing--mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.eds-spacing--px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.eds-spacing--my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.eds-spacing--py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.eds-spacing--m-24 {
  margin: 24px !important;
}

.eds-spacing--p-24 {
  padding: 24px !important;
}

.eds-spacing--mt-24 {
  margin-top: 24px !important;
}

.eds-spacing--pt-24 {
  padding-top: 24px !important;
}

.eds-spacing--mr-24 {
  margin-right: 24px !important;
}

.eds-spacing--pr-24 {
  padding-right: 24px !important;
}

.eds-spacing--mb-24 {
  margin-bottom: 24px !important;
}

.eds-spacing--pb-24 {
  padding-bottom: 24px !important;
}

.eds-spacing--ml-24 {
  margin-left: 24px !important;
}

.eds-spacing--pl-24 {
  padding-left: 24px !important;
}

.eds-spacing--mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.eds-spacing--px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.eds-spacing--my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.eds-spacing--py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.eds-spacing--m-28 {
  margin: 28px !important;
}

.eds-spacing--p-28 {
  padding: 28px !important;
}

.eds-spacing--mt-28 {
  margin-top: 28px !important;
}

.eds-spacing--pt-28 {
  padding-top: 28px !important;
}

.eds-spacing--mr-28 {
  margin-right: 28px !important;
}

.eds-spacing--pr-28 {
  padding-right: 28px !important;
}

.eds-spacing--mb-28 {
  margin-bottom: 28px !important;
}

.eds-spacing--pb-28 {
  padding-bottom: 28px !important;
}

.eds-spacing--ml-28 {
  margin-left: 28px !important;
}

.eds-spacing--pl-28 {
  padding-left: 28px !important;
}

.eds-spacing--mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.eds-spacing--px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.eds-spacing--my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.eds-spacing--py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.eds-spacing--m-32 {
  margin: 32px !important;
}

.eds-spacing--p-32 {
  padding: 32px !important;
}

.eds-spacing--mt-32 {
  margin-top: 32px !important;
}

.eds-spacing--pt-32 {
  padding-top: 32px !important;
}

.eds-spacing--mr-32 {
  margin-right: 32px !important;
}

.eds-spacing--pr-32 {
  padding-right: 32px !important;
}

.eds-spacing--mb-32 {
  margin-bottom: 32px !important;
}

.eds-spacing--pb-32 {
  padding-bottom: 32px !important;
}

.eds-spacing--ml-32 {
  margin-left: 32px !important;
}

.eds-spacing--pl-32 {
  padding-left: 32px !important;
}

.eds-spacing--mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.eds-spacing--px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.eds-spacing--my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.eds-spacing--py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.eds-spacing--m-36 {
  margin: 36px !important;
}

.eds-spacing--p-36 {
  padding: 36px !important;
}

.eds-spacing--mt-36 {
  margin-top: 36px !important;
}

.eds-spacing--pt-36 {
  padding-top: 36px !important;
}

.eds-spacing--mr-36 {
  margin-right: 36px !important;
}

.eds-spacing--pr-36 {
  padding-right: 36px !important;
}

.eds-spacing--mb-36 {
  margin-bottom: 36px !important;
}

.eds-spacing--pb-36 {
  padding-bottom: 36px !important;
}

.eds-spacing--ml-36 {
  margin-left: 36px !important;
}

.eds-spacing--pl-36 {
  padding-left: 36px !important;
}

.eds-spacing--mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.eds-spacing--px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.eds-spacing--my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.eds-spacing--py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.eds-spacing--m-40 {
  margin: 40px !important;
}

.eds-spacing--p-40 {
  padding: 40px !important;
}

.eds-spacing--mt-40 {
  margin-top: 40px !important;
}

.eds-spacing--pt-40 {
  padding-top: 40px !important;
}

.eds-spacing--mr-40 {
  margin-right: 40px !important;
}

.eds-spacing--pr-40 {
  padding-right: 40px !important;
}

.eds-spacing--mb-40 {
  margin-bottom: 40px !important;
}

.eds-spacing--pb-40 {
  padding-bottom: 40px !important;
}

.eds-spacing--ml-40 {
  margin-left: 40px !important;
}

.eds-spacing--pl-40 {
  padding-left: 40px !important;
}

.eds-spacing--mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.eds-spacing--px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.eds-spacing--my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.eds-spacing--py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.eds-spacing--m-44 {
  margin: 44px !important;
}

.eds-spacing--p-44 {
  padding: 44px !important;
}

.eds-spacing--mt-44 {
  margin-top: 44px !important;
}

.eds-spacing--pt-44 {
  padding-top: 44px !important;
}

.eds-spacing--mr-44 {
  margin-right: 44px !important;
}

.eds-spacing--pr-44 {
  padding-right: 44px !important;
}

.eds-spacing--mb-44 {
  margin-bottom: 44px !important;
}

.eds-spacing--pb-44 {
  padding-bottom: 44px !important;
}

.eds-spacing--ml-44 {
  margin-left: 44px !important;
}

.eds-spacing--pl-44 {
  padding-left: 44px !important;
}

.eds-spacing--mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.eds-spacing--px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

.eds-spacing--my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.eds-spacing--py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.eds-spacing--m-48 {
  margin: 48px !important;
}

.eds-spacing--p-48 {
  padding: 48px !important;
}

.eds-spacing--mt-48 {
  margin-top: 48px !important;
}

.eds-spacing--pt-48 {
  padding-top: 48px !important;
}

.eds-spacing--mr-48 {
  margin-right: 48px !important;
}

.eds-spacing--pr-48 {
  padding-right: 48px !important;
}

.eds-spacing--mb-48 {
  margin-bottom: 48px !important;
}

.eds-spacing--pb-48 {
  padding-bottom: 48px !important;
}

.eds-spacing--ml-48 {
  margin-left: 48px !important;
}

.eds-spacing--pl-48 {
  padding-left: 48px !important;
}

.eds-spacing--mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.eds-spacing--px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.eds-spacing--my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.eds-spacing--py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.eds-spacing--m-52 {
  margin: 52px !important;
}

.eds-spacing--p-52 {
  padding: 52px !important;
}

.eds-spacing--mt-52 {
  margin-top: 52px !important;
}

.eds-spacing--pt-52 {
  padding-top: 52px !important;
}

.eds-spacing--mr-52 {
  margin-right: 52px !important;
}

.eds-spacing--pr-52 {
  padding-right: 52px !important;
}

.eds-spacing--mb-52 {
  margin-bottom: 52px !important;
}

.eds-spacing--pb-52 {
  padding-bottom: 52px !important;
}

.eds-spacing--ml-52 {
  margin-left: 52px !important;
}

.eds-spacing--pl-52 {
  padding-left: 52px !important;
}

.eds-spacing--mx-52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.eds-spacing--px-52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}

.eds-spacing--my-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.eds-spacing--py-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.eds-spacing--m-56 {
  margin: 56px !important;
}

.eds-spacing--p-56 {
  padding: 56px !important;
}

.eds-spacing--mt-56 {
  margin-top: 56px !important;
}

.eds-spacing--pt-56 {
  padding-top: 56px !important;
}

.eds-spacing--mr-56 {
  margin-right: 56px !important;
}

.eds-spacing--pr-56 {
  padding-right: 56px !important;
}

.eds-spacing--mb-56 {
  margin-bottom: 56px !important;
}

.eds-spacing--pb-56 {
  padding-bottom: 56px !important;
}

.eds-spacing--ml-56 {
  margin-left: 56px !important;
}

.eds-spacing--pl-56 {
  padding-left: 56px !important;
}

.eds-spacing--mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.eds-spacing--px-56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.eds-spacing--my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.eds-spacing--py-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.eds-spacing--m-60 {
  margin: 60px !important;
}

.eds-spacing--p-60 {
  padding: 60px !important;
}

.eds-spacing--mt-60 {
  margin-top: 60px !important;
}

.eds-spacing--pt-60 {
  padding-top: 60px !important;
}

.eds-spacing--mr-60 {
  margin-right: 60px !important;
}

.eds-spacing--pr-60 {
  padding-right: 60px !important;
}

.eds-spacing--mb-60 {
  margin-bottom: 60px !important;
}

.eds-spacing--pb-60 {
  padding-bottom: 60px !important;
}

.eds-spacing--ml-60 {
  margin-left: 60px !important;
}

.eds-spacing--pl-60 {
  padding-left: 60px !important;
}

.eds-spacing--mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.eds-spacing--px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.eds-spacing--my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.eds-spacing--py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.eds-spacing--m-64 {
  margin: 64px !important;
}

.eds-spacing--p-64 {
  padding: 64px !important;
}

.eds-spacing--mt-64 {
  margin-top: 64px !important;
}

.eds-spacing--pt-64 {
  padding-top: 64px !important;
}

.eds-spacing--mr-64 {
  margin-right: 64px !important;
}

.eds-spacing--pr-64 {
  padding-right: 64px !important;
}

.eds-spacing--mb-64 {
  margin-bottom: 64px !important;
}

.eds-spacing--pb-64 {
  padding-bottom: 64px !important;
}

.eds-spacing--ml-64 {
  margin-left: 64px !important;
}

.eds-spacing--pl-64 {
  padding-left: 64px !important;
}

.eds-spacing--mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.eds-spacing--px-64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.eds-spacing--my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.eds-spacing--py-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.eds-spacing--m-68 {
  margin: 68px !important;
}

.eds-spacing--p-68 {
  padding: 68px !important;
}

.eds-spacing--mt-68 {
  margin-top: 68px !important;
}

.eds-spacing--pt-68 {
  padding-top: 68px !important;
}

.eds-spacing--mr-68 {
  margin-right: 68px !important;
}

.eds-spacing--pr-68 {
  padding-right: 68px !important;
}

.eds-spacing--mb-68 {
  margin-bottom: 68px !important;
}

.eds-spacing--pb-68 {
  padding-bottom: 68px !important;
}

.eds-spacing--ml-68 {
  margin-left: 68px !important;
}

.eds-spacing--pl-68 {
  padding-left: 68px !important;
}

.eds-spacing--mx-68 {
  margin-left: 68px !important;
  margin-right: 68px !important;
}

.eds-spacing--px-68 {
  padding-left: 68px !important;
  padding-right: 68px !important;
}

.eds-spacing--my-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.eds-spacing--py-68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.eds-spacing--m-72 {
  margin: 72px !important;
}

.eds-spacing--p-72 {
  padding: 72px !important;
}

.eds-spacing--mt-72 {
  margin-top: 72px !important;
}

.eds-spacing--pt-72 {
  padding-top: 72px !important;
}

.eds-spacing--mr-72 {
  margin-right: 72px !important;
}

.eds-spacing--pr-72 {
  padding-right: 72px !important;
}

.eds-spacing--mb-72 {
  margin-bottom: 72px !important;
}

.eds-spacing--pb-72 {
  padding-bottom: 72px !important;
}

.eds-spacing--ml-72 {
  margin-left: 72px !important;
}

.eds-spacing--pl-72 {
  padding-left: 72px !important;
}

.eds-spacing--mx-72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.eds-spacing--px-72 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.eds-spacing--my-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.eds-spacing--py-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.eds-spacing--m-76 {
  margin: 76px !important;
}

.eds-spacing--p-76 {
  padding: 76px !important;
}

.eds-spacing--mt-76 {
  margin-top: 76px !important;
}

.eds-spacing--pt-76 {
  padding-top: 76px !important;
}

.eds-spacing--mr-76 {
  margin-right: 76px !important;
}

.eds-spacing--pr-76 {
  padding-right: 76px !important;
}

.eds-spacing--mb-76 {
  margin-bottom: 76px !important;
}

.eds-spacing--pb-76 {
  padding-bottom: 76px !important;
}

.eds-spacing--ml-76 {
  margin-left: 76px !important;
}

.eds-spacing--pl-76 {
  padding-left: 76px !important;
}

.eds-spacing--mx-76 {
  margin-left: 76px !important;
  margin-right: 76px !important;
}

.eds-spacing--px-76 {
  padding-left: 76px !important;
  padding-right: 76px !important;
}

.eds-spacing--my-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.eds-spacing--py-76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.eds-spacing--m-80 {
  margin: 80px !important;
}

.eds-spacing--p-80 {
  padding: 80px !important;
}

.eds-spacing--mt-80 {
  margin-top: 80px !important;
}

.eds-spacing--pt-80 {
  padding-top: 80px !important;
}

.eds-spacing--mr-80 {
  margin-right: 80px !important;
}

.eds-spacing--pr-80 {
  padding-right: 80px !important;
}

.eds-spacing--mb-80 {
  margin-bottom: 80px !important;
}

.eds-spacing--pb-80 {
  padding-bottom: 80px !important;
}

.eds-spacing--ml-80 {
  margin-left: 80px !important;
}

.eds-spacing--pl-80 {
  padding-left: 80px !important;
}

.eds-spacing--mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.eds-spacing--px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.eds-spacing--my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.eds-spacing--py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.eds-spacing--m-84 {
  margin: 84px !important;
}

.eds-spacing--p-84 {
  padding: 84px !important;
}

.eds-spacing--mt-84 {
  margin-top: 84px !important;
}

.eds-spacing--pt-84 {
  padding-top: 84px !important;
}

.eds-spacing--mr-84 {
  margin-right: 84px !important;
}

.eds-spacing--pr-84 {
  padding-right: 84px !important;
}

.eds-spacing--mb-84 {
  margin-bottom: 84px !important;
}

.eds-spacing--pb-84 {
  padding-bottom: 84px !important;
}

.eds-spacing--ml-84 {
  margin-left: 84px !important;
}

.eds-spacing--pl-84 {
  padding-left: 84px !important;
}

.eds-spacing--mx-84 {
  margin-left: 84px !important;
  margin-right: 84px !important;
}

.eds-spacing--px-84 {
  padding-left: 84px !important;
  padding-right: 84px !important;
}

.eds-spacing--my-84 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.eds-spacing--py-84 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.eds-spacing--m-88 {
  margin: 88px !important;
}

.eds-spacing--p-88 {
  padding: 88px !important;
}

.eds-spacing--mt-88 {
  margin-top: 88px !important;
}

.eds-spacing--pt-88 {
  padding-top: 88px !important;
}

.eds-spacing--mr-88 {
  margin-right: 88px !important;
}

.eds-spacing--pr-88 {
  padding-right: 88px !important;
}

.eds-spacing--mb-88 {
  margin-bottom: 88px !important;
}

.eds-spacing--pb-88 {
  padding-bottom: 88px !important;
}

.eds-spacing--ml-88 {
  margin-left: 88px !important;
}

.eds-spacing--pl-88 {
  padding-left: 88px !important;
}

.eds-spacing--mx-88 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

.eds-spacing--px-88 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}

.eds-spacing--my-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.eds-spacing--py-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.eds-spacing--m-92 {
  margin: 92px !important;
}

.eds-spacing--p-92 {
  padding: 92px !important;
}

.eds-spacing--mt-92 {
  margin-top: 92px !important;
}

.eds-spacing--pt-92 {
  padding-top: 92px !important;
}

.eds-spacing--mr-92 {
  margin-right: 92px !important;
}

.eds-spacing--pr-92 {
  padding-right: 92px !important;
}

.eds-spacing--mb-92 {
  margin-bottom: 92px !important;
}

.eds-spacing--pb-92 {
  padding-bottom: 92px !important;
}

.eds-spacing--ml-92 {
  margin-left: 92px !important;
}

.eds-spacing--pl-92 {
  padding-left: 92px !important;
}

.eds-spacing--mx-92 {
  margin-left: 92px !important;
  margin-right: 92px !important;
}

.eds-spacing--px-92 {
  padding-left: 92px !important;
  padding-right: 92px !important;
}

.eds-spacing--my-92 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.eds-spacing--py-92 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.eds-spacing--m-96 {
  margin: 96px !important;
}

.eds-spacing--p-96 {
  padding: 96px !important;
}

.eds-spacing--mt-96 {
  margin-top: 96px !important;
}

.eds-spacing--pt-96 {
  padding-top: 96px !important;
}

.eds-spacing--mr-96 {
  margin-right: 96px !important;
}

.eds-spacing--pr-96 {
  padding-right: 96px !important;
}

.eds-spacing--mb-96 {
  margin-bottom: 96px !important;
}

.eds-spacing--pb-96 {
  padding-bottom: 96px !important;
}

.eds-spacing--ml-96 {
  margin-left: 96px !important;
}

.eds-spacing--pl-96 {
  padding-left: 96px !important;
}

.eds-spacing--mx-96 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.eds-spacing--px-96 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.eds-spacing--my-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.eds-spacing--py-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.eds-spacing--m-auto {
  margin: auto !important;
}

.eds-spacing--mt-auto {
  margin-top: auto !important;
}

.eds-spacing--mr-auto {
  margin-right: auto !important;
}

.eds-spacing--mb-auto {
  margin-bottom: auto !important;
}

.eds-spacing--ml-auto {
  margin-left: auto !important;
}

.eds-spacing--mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.eds-spacing--my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.eds-elevation--1 {
  box-shadow: var(--eds-elevation-shadow-1);
}

.eds-elevation--2 {
  box-shadow: var(--eds-elevation-shadow-2);
}

.eds-elevation--3 {
  box-shadow: var(--eds-elevation-shadow-3);
}

.eds-elevation--4 {
  box-shadow: var(--eds-elevation-shadow-4);
}

.eds-hidden--all {
  display: none;
}

.eds-hidden--screen-reader-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: none;
  z-index: -1;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.eds--radii-0 {
  border-radius: var(--eds-radii-0);
}

.eds--radii-4 {
  border-radius: var(--eds-radii-4);
}

.eds--radii-8 {
  border-radius: var(--eds-radii-8);
}

.eds--radii-rounded {
  border-radius: var(--eds-radii-rounded);
}

.eds-gap--8 {
  gap: 8px !important;
}

.eds-gap--16 {
  gap: 16px !important;
}

.eds-gap--24 {
  gap: 24px !important;
}

.eds-gap--32 {
  gap: 32px !important;
}

.eds-grid {
  gap: 12px;
  display: grid;
}

@media (width >= 768px) {
  .eds-grid {
    gap: 24px;
  }
}

.eds-grid--1 {
  grid-template: repeat(1, 1fr) / repeat(1, 1fr);
}

.eds-grid--cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

.eds-grid--rows-1 {
  grid-template-rows: repeat(1, 1fr);
}

.eds-grid--col-1 {
  grid-column: span 1;
}

.eds-grid--col-pos-1 {
  grid-column: 1;
}

.eds-grid--col-start-1 {
  grid-column-start: 1;
}

.eds-grid--col-end-1 {
  grid-column-end: 1;
}

.eds-grid--row-1 {
  grid-row: span 1;
}

.eds-grid--row-pos-1 {
  grid-row: 1;
}

.eds-grid--row-start-1 {
  grid-row-start: 1;
}

.eds-grid--row-end-1 {
  grid-row-end: 1;
}

.eds-grid--row-gap-1 {
  grid-row-gap: 4px;
}

.eds-grid--2 {
  grid-template: repeat(2, 1fr) / repeat(2, 1fr);
}

.eds-grid--cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.eds-grid--rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

.eds-grid--col-2 {
  grid-column: span 2;
}

.eds-grid--col-pos-2 {
  grid-column: 2;
}

.eds-grid--col-start-2 {
  grid-column-start: 2;
}

.eds-grid--col-end-2 {
  grid-column-end: 2;
}

.eds-grid--row-2 {
  grid-row: span 2;
}

.eds-grid--row-pos-2 {
  grid-row: 2;
}

.eds-grid--row-start-2 {
  grid-row-start: 2;
}

.eds-grid--row-end-2 {
  grid-row-end: 2;
}

.eds-grid--row-gap-2 {
  grid-row-gap: 8px;
}

.eds-grid--3 {
  grid-template: repeat(3, 1fr) / repeat(3, 1fr);
}

.eds-grid--cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.eds-grid--rows-3 {
  grid-template-rows: repeat(3, 1fr);
}

.eds-grid--col-3 {
  grid-column: span 3;
}

.eds-grid--col-pos-3 {
  grid-column: 3;
}

.eds-grid--col-start-3 {
  grid-column-start: 3;
}

.eds-grid--col-end-3 {
  grid-column-end: 3;
}

.eds-grid--row-3 {
  grid-row: span 3;
}

.eds-grid--row-pos-3 {
  grid-row: 3;
}

.eds-grid--row-start-3 {
  grid-row-start: 3;
}

.eds-grid--row-end-3 {
  grid-row-end: 3;
}

.eds-grid--row-gap-3 {
  grid-row-gap: 12px;
}

.eds-grid--4 {
  grid-template: repeat(4, 1fr) / repeat(4, 1fr);
}

.eds-grid--cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.eds-grid--rows-4 {
  grid-template-rows: repeat(4, 1fr);
}

.eds-grid--col-4 {
  grid-column: span 4;
}

.eds-grid--col-pos-4 {
  grid-column: 4;
}

.eds-grid--col-start-4 {
  grid-column-start: 4;
}

.eds-grid--col-end-4 {
  grid-column-end: 4;
}

.eds-grid--row-4 {
  grid-row: span 4;
}

.eds-grid--row-pos-4 {
  grid-row: 4;
}

.eds-grid--row-start-4 {
  grid-row-start: 4;
}

.eds-grid--row-end-4 {
  grid-row-end: 4;
}

.eds-grid--row-gap-4 {
  grid-row-gap: 16px;
}

.eds-grid--5 {
  grid-template: repeat(5, 1fr) / repeat(5, 1fr);
}

.eds-grid--cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.eds-grid--rows-5 {
  grid-template-rows: repeat(5, 1fr);
}

.eds-grid--col-5 {
  grid-column: span 5;
}

.eds-grid--col-pos-5 {
  grid-column: 5;
}

.eds-grid--col-start-5 {
  grid-column-start: 5;
}

.eds-grid--col-end-5 {
  grid-column-end: 5;
}

.eds-grid--row-5 {
  grid-row: span 5;
}

.eds-grid--row-pos-5 {
  grid-row: 5;
}

.eds-grid--row-start-5 {
  grid-row-start: 5;
}

.eds-grid--row-end-5 {
  grid-row-end: 5;
}

.eds-grid--row-gap-5 {
  grid-row-gap: 20px;
}

.eds-grid--6 {
  grid-template: repeat(6, 1fr) / repeat(6, 1fr);
}

.eds-grid--cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.eds-grid--rows-6 {
  grid-template-rows: repeat(6, 1fr);
}

.eds-grid--col-6 {
  grid-column: span 6;
}

.eds-grid--col-pos-6 {
  grid-column: 6;
}

.eds-grid--col-start-6 {
  grid-column-start: 6;
}

.eds-grid--col-end-6 {
  grid-column-end: 6;
}

.eds-grid--row-6 {
  grid-row: span 6;
}

.eds-grid--row-pos-6 {
  grid-row: 6;
}

.eds-grid--row-start-6 {
  grid-row-start: 6;
}

.eds-grid--row-end-6 {
  grid-row-end: 6;
}

.eds-grid--row-gap-6 {
  grid-row-gap: 24px;
}

.eds-grid--7 {
  grid-template: repeat(7, 1fr) / repeat(7, 1fr);
}

.eds-grid--cols-7 {
  grid-template-columns: repeat(7, 1fr);
}

.eds-grid--rows-7 {
  grid-template-rows: repeat(7, 1fr);
}

.eds-grid--col-7 {
  grid-column: span 7;
}

.eds-grid--col-pos-7 {
  grid-column: 7;
}

.eds-grid--col-start-7 {
  grid-column-start: 7;
}

.eds-grid--col-end-7 {
  grid-column-end: 7;
}

.eds-grid--row-7 {
  grid-row: span 7;
}

.eds-grid--row-pos-7 {
  grid-row: 7;
}

.eds-grid--row-start-7 {
  grid-row-start: 7;
}

.eds-grid--row-end-7 {
  grid-row-end: 7;
}

.eds-grid--row-gap-7 {
  grid-row-gap: 28px;
}

.eds-grid--8 {
  grid-template: repeat(8, 1fr) / repeat(8, 1fr);
}

.eds-grid--cols-8 {
  grid-template-columns: repeat(8, 1fr);
}

.eds-grid--rows-8 {
  grid-template-rows: repeat(8, 1fr);
}

.eds-grid--col-8 {
  grid-column: span 8;
}

.eds-grid--col-pos-8 {
  grid-column: 8;
}

.eds-grid--col-start-8 {
  grid-column-start: 8;
}

.eds-grid--col-end-8 {
  grid-column-end: 8;
}

.eds-grid--row-8 {
  grid-row: span 8;
}

.eds-grid--row-pos-8 {
  grid-row: 8;
}

.eds-grid--row-start-8 {
  grid-row-start: 8;
}

.eds-grid--row-end-8 {
  grid-row-end: 8;
}

.eds-grid--row-gap-8 {
  grid-row-gap: 32px;
}

.eds-grid--9 {
  grid-template: repeat(9, 1fr) / repeat(9, 1fr);
}

.eds-grid--cols-9 {
  grid-template-columns: repeat(9, 1fr);
}

.eds-grid--rows-9 {
  grid-template-rows: repeat(9, 1fr);
}

.eds-grid--col-9 {
  grid-column: span 9;
}

.eds-grid--col-pos-9 {
  grid-column: 9;
}

.eds-grid--col-start-9 {
  grid-column-start: 9;
}

.eds-grid--col-end-9 {
  grid-column-end: 9;
}

.eds-grid--row-9 {
  grid-row: span 9;
}

.eds-grid--row-pos-9 {
  grid-row: 9;
}

.eds-grid--row-start-9 {
  grid-row-start: 9;
}

.eds-grid--row-end-9 {
  grid-row-end: 9;
}

.eds-grid--row-gap-9 {
  grid-row-gap: 36px;
}

.eds-grid--10 {
  grid-template: repeat(10, 1fr) / repeat(10, 1fr);
}

.eds-grid--cols-10 {
  grid-template-columns: repeat(10, 1fr);
}

.eds-grid--rows-10 {
  grid-template-rows: repeat(10, 1fr);
}

.eds-grid--col-10 {
  grid-column: span 10;
}

.eds-grid--col-pos-10 {
  grid-column: 10;
}

.eds-grid--col-start-10 {
  grid-column-start: 10;
}

.eds-grid--col-end-10 {
  grid-column-end: 10;
}

.eds-grid--row-10 {
  grid-row: span 10;
}

.eds-grid--row-pos-10 {
  grid-row: 10;
}

.eds-grid--row-start-10 {
  grid-row-start: 10;
}

.eds-grid--row-end-10 {
  grid-row-end: 10;
}

.eds-grid--row-gap-10 {
  grid-row-gap: 40px;
}

.eds-grid--11 {
  grid-template: repeat(11, 1fr) / repeat(11, 1fr);
}

.eds-grid--cols-11 {
  grid-template-columns: repeat(11, 1fr);
}

.eds-grid--rows-11 {
  grid-template-rows: repeat(11, 1fr);
}

.eds-grid--col-11 {
  grid-column: span 11;
}

.eds-grid--col-pos-11 {
  grid-column: 11;
}

.eds-grid--col-start-11 {
  grid-column-start: 11;
}

.eds-grid--col-end-11 {
  grid-column-end: 11;
}

.eds-grid--row-11 {
  grid-row: span 11;
}

.eds-grid--row-pos-11 {
  grid-row: 11;
}

.eds-grid--row-start-11 {
  grid-row-start: 11;
}

.eds-grid--row-end-11 {
  grid-row-end: 11;
}

.eds-grid--row-gap-11 {
  grid-row-gap: 44px;
}

.eds-grid--12 {
  grid-template: repeat(12, 1fr) / repeat(12, 1fr);
}

.eds-grid--cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

.eds-grid--rows-12 {
  grid-template-rows: repeat(12, 1fr);
}

.eds-grid--col-full {
  grid-column: 1 / -1;
}

.eds-grid--col-12 {
  grid-column: span 12;
}

.eds-grid--col-pos-12 {
  grid-column: 12;
}

.eds-grid--col-start-12 {
  grid-column-start: 12;
}

.eds-grid--col-end-12 {
  grid-column-end: 12;
}

.eds-grid--row-full {
  grid-row: 1 / -1;
}

.eds-grid--row-12 {
  grid-row: span 12;
}

.eds-grid--row-pos-12 {
  grid-row: 12;
}

.eds-grid--row-start-12 {
  grid-row-start: 12;
}

.eds-grid--row-end-12 {
  grid-row-end: 12;
}

.eds-grid--row-gap-12 {
  grid-row-gap: 48px;
}

.eds-grid--items-center {
  place-items: center;
}

.eds-grid--items-align-center {
  align-items: center;
}

.eds-grid--items-justify-center {
  justify-items: center;
}

.eds-grid--item-center {
  place-self: center;
}

.eds-grid--item-align-center {
  align-self: center;
}

.eds-grid--item-justify-center {
  justify-self: center;
}

.eds-grid--items-start {
  place-items: start;
}

.eds-grid--items-align-start {
  align-items: start;
}

.eds-grid--items-justify-start {
  justify-items: start;
}

.eds-grid--item-start {
  place-self: start;
}

.eds-grid--item-align-start {
  align-self: start;
}

.eds-grid--item-justify-start {
  justify-self: start;
}

.eds-grid--items-end {
  place-items: end;
}

.eds-grid--items-align-end {
  align-items: end;
}

.eds-grid--items-justify-end {
  justify-items: end;
}

.eds-grid--item-end {
  place-self: end;
}

.eds-grid--item-align-end {
  align-self: end;
}

.eds-grid--item-justify-end {
  justify-self: end;
}

.eds-grid--items-baseline {
  place-items: baseline;
}

.eds-grid--items-align-baseline {
  align-items: baseline;
}

.eds-grid--items-justify-baseline {
  justify-items: baseline;
}

.eds-grid--item-baseline {
  place-self: baseline;
}

.eds-grid--item-align-baseline {
  align-self: baseline;
}

.eds-grid--item-justify-baseline {
  justify-self: baseline;
}

.eds-grid--items-stretch {
  place-items: stretch stretch;
}

.eds-grid--items-align-stretch {
  align-items: stretch;
}

.eds-grid--items-justify-stretch {
  justify-items: stretch;
}

.eds-grid--item-stretch {
  place-self: stretch stretch;
}

.eds-grid--item-align-stretch {
  align-self: stretch;
}

.eds-grid--item-justify-stretch {
  justify-self: stretch;
}

.eds-grid--content-center {
  place-content: center;
}

.eds-grid--content-justify-center {
  justify-content: center;
}

.eds-grid--content-align-center {
  align-content: center;
}

.eds-grid--content-start {
  place-content: start;
}

.eds-grid--content-justify-start {
  justify-content: start;
}

.eds-grid--content-align-start {
  align-content: start;
}

.eds-grid--content-end {
  place-content: end;
}

.eds-grid--content-justify-end {
  justify-content: end;
}

.eds-grid--content-align-end {
  align-content: end;
}

.eds-grid--content-baseline {
  align-content: baseline;
  justify-content: baseline;
}

.eds-grid--content-justify-baseline {
  justify-content: baseline;
}

.eds-grid--content-align-baseline {
  align-content: baseline;
}

.eds-grid--content-stretch {
  place-content: stretch;
}

.eds-grid--content-justify-stretch {
  justify-content: stretch;
}

.eds-grid--content-align-stretch {
  align-content: stretch;
}

.eds-grid--content-space-between {
  place-content: space-between;
}

.eds-grid--content-justify-space-between {
  justify-content: space-between;
}

.eds-grid--content-align-space-between {
  align-content: space-between;
}

.eds-grid--content-space-around {
  place-content: space-around;
}

.eds-grid--content-justify-space-around {
  justify-content: space-around;
}

.eds-grid--content-align-space-around {
  align-content: space-around;
}

.eds-grid--content-space-evenly {
  place-content: space-evenly;
}

.eds-grid--content-justify-space-evenly {
  justify-content: space-evenly;
}

.eds-grid--content-align-space-evenly {
  align-content: space-evenly;
}

@media (width >= 576px) {
  .eds-grid--s-1 {
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  }

  .eds-grid--s-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .eds-grid--s-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .eds-grid--s-col-1 {
    grid-column: span 1;
  }

  .eds-grid--s-col-pos-1 {
    grid-column: 1;
  }

  .eds-grid--s-col-start-1 {
    grid-column-start: 1;
  }

  .eds-grid--s-col-end-1 {
    grid-column-end: 1;
  }

  .eds-grid--s-row-1 {
    grid-row: span 1;
  }

  .eds-grid--s-row-pos-1 {
    grid-row: 1;
  }

  .eds-grid--s-row-start-1 {
    grid-row-start: 1;
  }

  .eds-grid--s-row-end-1 {
    grid-row-end: 1;
  }

  .eds-grid--s-row-gap-1 {
    grid-row-gap: 4px;
  }

  .eds-grid--s-2 {
    grid-template: repeat(2, 1fr) / repeat(2, 1fr);
  }

  .eds-grid--s-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .eds-grid--s-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .eds-grid--s-col-2 {
    grid-column: span 2;
  }

  .eds-grid--s-col-pos-2 {
    grid-column: 2;
  }

  .eds-grid--s-col-start-2 {
    grid-column-start: 2;
  }

  .eds-grid--s-col-end-2 {
    grid-column-end: 2;
  }

  .eds-grid--s-row-2 {
    grid-row: span 2;
  }

  .eds-grid--s-row-pos-2 {
    grid-row: 2;
  }

  .eds-grid--s-row-start-2 {
    grid-row-start: 2;
  }

  .eds-grid--s-row-end-2 {
    grid-row-end: 2;
  }

  .eds-grid--s-row-gap-2 {
    grid-row-gap: 8px;
  }

  .eds-grid--s-3 {
    grid-template: repeat(3, 1fr) / repeat(3, 1fr);
  }

  .eds-grid--s-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .eds-grid--s-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .eds-grid--s-col-3 {
    grid-column: span 3;
  }

  .eds-grid--s-col-pos-3 {
    grid-column: 3;
  }

  .eds-grid--s-col-start-3 {
    grid-column-start: 3;
  }

  .eds-grid--s-col-end-3 {
    grid-column-end: 3;
  }

  .eds-grid--s-row-3 {
    grid-row: span 3;
  }

  .eds-grid--s-row-pos-3 {
    grid-row: 3;
  }

  .eds-grid--s-row-start-3 {
    grid-row-start: 3;
  }

  .eds-grid--s-row-end-3 {
    grid-row-end: 3;
  }

  .eds-grid--s-row-gap-3 {
    grid-row-gap: 12px;
  }

  .eds-grid--s-4 {
    grid-template: repeat(4, 1fr) / repeat(4, 1fr);
  }

  .eds-grid--s-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .eds-grid--s-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .eds-grid--s-col-4 {
    grid-column: span 4;
  }

  .eds-grid--s-col-pos-4 {
    grid-column: 4;
  }

  .eds-grid--s-col-start-4 {
    grid-column-start: 4;
  }

  .eds-grid--s-col-end-4 {
    grid-column-end: 4;
  }

  .eds-grid--s-row-4 {
    grid-row: span 4;
  }

  .eds-grid--s-row-pos-4 {
    grid-row: 4;
  }

  .eds-grid--s-row-start-4 {
    grid-row-start: 4;
  }

  .eds-grid--s-row-end-4 {
    grid-row-end: 4;
  }

  .eds-grid--s-row-gap-4 {
    grid-row-gap: 16px;
  }

  .eds-grid--s-5 {
    grid-template: repeat(5, 1fr) / repeat(5, 1fr);
  }

  .eds-grid--s-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .eds-grid--s-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .eds-grid--s-col-5 {
    grid-column: span 5;
  }

  .eds-grid--s-col-pos-5 {
    grid-column: 5;
  }

  .eds-grid--s-col-start-5 {
    grid-column-start: 5;
  }

  .eds-grid--s-col-end-5 {
    grid-column-end: 5;
  }

  .eds-grid--s-row-5 {
    grid-row: span 5;
  }

  .eds-grid--s-row-pos-5 {
    grid-row: 5;
  }

  .eds-grid--s-row-start-5 {
    grid-row-start: 5;
  }

  .eds-grid--s-row-end-5 {
    grid-row-end: 5;
  }

  .eds-grid--s-row-gap-5 {
    grid-row-gap: 20px;
  }

  .eds-grid--s-6 {
    grid-template: repeat(6, 1fr) / repeat(6, 1fr);
  }

  .eds-grid--s-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .eds-grid--s-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .eds-grid--s-col-6 {
    grid-column: span 6;
  }

  .eds-grid--s-col-pos-6 {
    grid-column: 6;
  }

  .eds-grid--s-col-start-6 {
    grid-column-start: 6;
  }

  .eds-grid--s-col-end-6 {
    grid-column-end: 6;
  }

  .eds-grid--s-row-6 {
    grid-row: span 6;
  }

  .eds-grid--s-row-pos-6 {
    grid-row: 6;
  }

  .eds-grid--s-row-start-6 {
    grid-row-start: 6;
  }

  .eds-grid--s-row-end-6 {
    grid-row-end: 6;
  }

  .eds-grid--s-row-gap-6 {
    grid-row-gap: 24px;
  }

  .eds-grid--s-7 {
    grid-template: repeat(7, 1fr) / repeat(7, 1fr);
  }

  .eds-grid--s-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .eds-grid--s-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .eds-grid--s-col-7 {
    grid-column: span 7;
  }

  .eds-grid--s-col-pos-7 {
    grid-column: 7;
  }

  .eds-grid--s-col-start-7 {
    grid-column-start: 7;
  }

  .eds-grid--s-col-end-7 {
    grid-column-end: 7;
  }

  .eds-grid--s-row-7 {
    grid-row: span 7;
  }

  .eds-grid--s-row-pos-7 {
    grid-row: 7;
  }

  .eds-grid--s-row-start-7 {
    grid-row-start: 7;
  }

  .eds-grid--s-row-end-7 {
    grid-row-end: 7;
  }

  .eds-grid--s-row-gap-7 {
    grid-row-gap: 28px;
  }

  .eds-grid--s-8 {
    grid-template: repeat(8, 1fr) / repeat(8, 1fr);
  }

  .eds-grid--s-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .eds-grid--s-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .eds-grid--s-col-8 {
    grid-column: span 8;
  }

  .eds-grid--s-col-pos-8 {
    grid-column: 8;
  }

  .eds-grid--s-col-start-8 {
    grid-column-start: 8;
  }

  .eds-grid--s-col-end-8 {
    grid-column-end: 8;
  }

  .eds-grid--s-row-8 {
    grid-row: span 8;
  }

  .eds-grid--s-row-pos-8 {
    grid-row: 8;
  }

  .eds-grid--s-row-start-8 {
    grid-row-start: 8;
  }

  .eds-grid--s-row-end-8 {
    grid-row-end: 8;
  }

  .eds-grid--s-row-gap-8 {
    grid-row-gap: 32px;
  }

  .eds-grid--s-9 {
    grid-template: repeat(9, 1fr) / repeat(9, 1fr);
  }

  .eds-grid--s-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .eds-grid--s-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .eds-grid--s-col-9 {
    grid-column: span 9;
  }

  .eds-grid--s-col-pos-9 {
    grid-column: 9;
  }

  .eds-grid--s-col-start-9 {
    grid-column-start: 9;
  }

  .eds-grid--s-col-end-9 {
    grid-column-end: 9;
  }

  .eds-grid--s-row-9 {
    grid-row: span 9;
  }

  .eds-grid--s-row-pos-9 {
    grid-row: 9;
  }

  .eds-grid--s-row-start-9 {
    grid-row-start: 9;
  }

  .eds-grid--s-row-end-9 {
    grid-row-end: 9;
  }

  .eds-grid--s-row-gap-9 {
    grid-row-gap: 36px;
  }

  .eds-grid--s-10 {
    grid-template: repeat(10, 1fr) / repeat(10, 1fr);
  }

  .eds-grid--s-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .eds-grid--s-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .eds-grid--s-col-10 {
    grid-column: span 10;
  }

  .eds-grid--s-col-pos-10 {
    grid-column: 10;
  }

  .eds-grid--s-col-start-10 {
    grid-column-start: 10;
  }

  .eds-grid--s-col-end-10 {
    grid-column-end: 10;
  }

  .eds-grid--s-row-10 {
    grid-row: span 10;
  }

  .eds-grid--s-row-pos-10 {
    grid-row: 10;
  }

  .eds-grid--s-row-start-10 {
    grid-row-start: 10;
  }

  .eds-grid--s-row-end-10 {
    grid-row-end: 10;
  }

  .eds-grid--s-row-gap-10 {
    grid-row-gap: 40px;
  }

  .eds-grid--s-11 {
    grid-template: repeat(11, 1fr) / repeat(11, 1fr);
  }

  .eds-grid--s-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .eds-grid--s-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .eds-grid--s-col-11 {
    grid-column: span 11;
  }

  .eds-grid--s-col-pos-11 {
    grid-column: 11;
  }

  .eds-grid--s-col-start-11 {
    grid-column-start: 11;
  }

  .eds-grid--s-col-end-11 {
    grid-column-end: 11;
  }

  .eds-grid--s-row-11 {
    grid-row: span 11;
  }

  .eds-grid--s-row-pos-11 {
    grid-row: 11;
  }

  .eds-grid--s-row-start-11 {
    grid-row-start: 11;
  }

  .eds-grid--s-row-end-11 {
    grid-row-end: 11;
  }

  .eds-grid--s-row-gap-11 {
    grid-row-gap: 44px;
  }

  .eds-grid--s-12 {
    grid-template: repeat(12, 1fr) / repeat(12, 1fr);
  }

  .eds-grid--s-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .eds-grid--s-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .eds-grid--s-col-full {
    grid-column: 1 / -1;
  }

  .eds-grid--s-col-12 {
    grid-column: span 12;
  }

  .eds-grid--s-col-pos-12 {
    grid-column: 12;
  }

  .eds-grid--s-col-start-12 {
    grid-column-start: 12;
  }

  .eds-grid--s-col-end-12 {
    grid-column-end: 12;
  }

  .eds-grid--s-row-full {
    grid-row: 1 / -1;
  }

  .eds-grid--s-row-12 {
    grid-row: span 12;
  }

  .eds-grid--s-row-pos-12 {
    grid-row: 12;
  }

  .eds-grid--s-row-start-12 {
    grid-row-start: 12;
  }

  .eds-grid--s-row-end-12 {
    grid-row-end: 12;
  }

  .eds-grid--s-row-gap-12 {
    grid-row-gap: 48px;
  }

  .eds-grid--s-items-center {
    place-items: center;
  }

  .eds-grid--s-items-align-center {
    align-items: center;
  }

  .eds-grid--s-items-justify-center {
    justify-items: center;
  }

  .eds-grid--s-item-center {
    place-self: center;
  }

  .eds-grid--s-item-align-center {
    align-self: center;
  }

  .eds-grid--s-item-justify-center {
    justify-self: center;
  }

  .eds-grid--s-items-start {
    place-items: start;
  }

  .eds-grid--s-items-align-start {
    align-items: start;
  }

  .eds-grid--s-items-justify-start {
    justify-items: start;
  }

  .eds-grid--s-item-start {
    place-self: start;
  }

  .eds-grid--s-item-align-start {
    align-self: start;
  }

  .eds-grid--s-item-justify-start {
    justify-self: start;
  }

  .eds-grid--s-items-end {
    place-items: end;
  }

  .eds-grid--s-items-align-end {
    align-items: end;
  }

  .eds-grid--s-items-justify-end {
    justify-items: end;
  }

  .eds-grid--s-item-end {
    place-self: end;
  }

  .eds-grid--s-item-align-end {
    align-self: end;
  }

  .eds-grid--s-item-justify-end {
    justify-self: end;
  }

  .eds-grid--s-items-baseline {
    place-items: baseline;
  }

  .eds-grid--s-items-align-baseline {
    align-items: baseline;
  }

  .eds-grid--s-items-justify-baseline {
    justify-items: baseline;
  }

  .eds-grid--s-item-baseline {
    place-self: baseline;
  }

  .eds-grid--s-item-align-baseline {
    align-self: baseline;
  }

  .eds-grid--s-item-justify-baseline {
    justify-self: baseline;
  }

  .eds-grid--s-items-stretch {
    place-items: stretch stretch;
  }

  .eds-grid--s-items-align-stretch {
    align-items: stretch;
  }

  .eds-grid--s-items-justify-stretch {
    justify-items: stretch;
  }

  .eds-grid--s-item-stretch {
    place-self: stretch stretch;
  }

  .eds-grid--s-item-align-stretch {
    align-self: stretch;
  }

  .eds-grid--s-item-justify-stretch {
    justify-self: stretch;
  }

  .eds-grid--s-content-center {
    place-content: center;
  }

  .eds-grid--s-content-justify-center {
    justify-content: center;
  }

  .eds-grid--s-content-align-center {
    align-content: center;
  }

  .eds-grid--s-content-start {
    place-content: start;
  }

  .eds-grid--s-content-justify-start {
    justify-content: start;
  }

  .eds-grid--s-content-align-start {
    align-content: start;
  }

  .eds-grid--s-content-end {
    place-content: end;
  }

  .eds-grid--s-content-justify-end {
    justify-content: end;
  }

  .eds-grid--s-content-align-end {
    align-content: end;
  }

  .eds-grid--s-content-baseline {
    align-content: baseline;
    justify-content: baseline;
  }

  .eds-grid--s-content-justify-baseline {
    justify-content: baseline;
  }

  .eds-grid--s-content-align-baseline {
    align-content: baseline;
  }

  .eds-grid--s-content-stretch {
    place-content: stretch;
  }

  .eds-grid--s-content-justify-stretch {
    justify-content: stretch;
  }

  .eds-grid--s-content-align-stretch {
    align-content: stretch;
  }

  .eds-grid--s-content-space-between {
    place-content: space-between;
  }

  .eds-grid--s-content-justify-space-between {
    justify-content: space-between;
  }

  .eds-grid--s-content-align-space-between {
    align-content: space-between;
  }

  .eds-grid--s-content-space-around {
    place-content: space-around;
  }

  .eds-grid--s-content-justify-space-around {
    justify-content: space-around;
  }

  .eds-grid--s-content-align-space-around {
    align-content: space-around;
  }

  .eds-grid--s-content-space-evenly {
    place-content: space-evenly;
  }

  .eds-grid--s-content-justify-space-evenly {
    justify-content: space-evenly;
  }

  .eds-grid--s-content-align-space-evenly {
    align-content: space-evenly;
  }
}

@media (width >= 768px) {
  .eds-grid--m-1 {
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  }

  .eds-grid--m-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .eds-grid--m-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .eds-grid--m-col-1 {
    grid-column: span 1;
  }

  .eds-grid--m-col-pos-1 {
    grid-column: 1;
  }

  .eds-grid--m-col-start-1 {
    grid-column-start: 1;
  }

  .eds-grid--m-col-end-1 {
    grid-column-end: 1;
  }

  .eds-grid--m-row-1 {
    grid-row: span 1;
  }

  .eds-grid--m-row-pos-1 {
    grid-row: 1;
  }

  .eds-grid--m-row-start-1 {
    grid-row-start: 1;
  }

  .eds-grid--m-row-end-1 {
    grid-row-end: 1;
  }

  .eds-grid--m-row-gap-1 {
    grid-row-gap: 4px;
  }

  .eds-grid--m-2 {
    grid-template: repeat(2, 1fr) / repeat(2, 1fr);
  }

  .eds-grid--m-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .eds-grid--m-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .eds-grid--m-col-2 {
    grid-column: span 2;
  }

  .eds-grid--m-col-pos-2 {
    grid-column: 2;
  }

  .eds-grid--m-col-start-2 {
    grid-column-start: 2;
  }

  .eds-grid--m-col-end-2 {
    grid-column-end: 2;
  }

  .eds-grid--m-row-2 {
    grid-row: span 2;
  }

  .eds-grid--m-row-pos-2 {
    grid-row: 2;
  }

  .eds-grid--m-row-start-2 {
    grid-row-start: 2;
  }

  .eds-grid--m-row-end-2 {
    grid-row-end: 2;
  }

  .eds-grid--m-row-gap-2 {
    grid-row-gap: 8px;
  }

  .eds-grid--m-3 {
    grid-template: repeat(3, 1fr) / repeat(3, 1fr);
  }

  .eds-grid--m-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .eds-grid--m-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .eds-grid--m-col-3 {
    grid-column: span 3;
  }

  .eds-grid--m-col-pos-3 {
    grid-column: 3;
  }

  .eds-grid--m-col-start-3 {
    grid-column-start: 3;
  }

  .eds-grid--m-col-end-3 {
    grid-column-end: 3;
  }

  .eds-grid--m-row-3 {
    grid-row: span 3;
  }

  .eds-grid--m-row-pos-3 {
    grid-row: 3;
  }

  .eds-grid--m-row-start-3 {
    grid-row-start: 3;
  }

  .eds-grid--m-row-end-3 {
    grid-row-end: 3;
  }

  .eds-grid--m-row-gap-3 {
    grid-row-gap: 12px;
  }

  .eds-grid--m-4 {
    grid-template: repeat(4, 1fr) / repeat(4, 1fr);
  }

  .eds-grid--m-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .eds-grid--m-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .eds-grid--m-col-4 {
    grid-column: span 4;
  }

  .eds-grid--m-col-pos-4 {
    grid-column: 4;
  }

  .eds-grid--m-col-start-4 {
    grid-column-start: 4;
  }

  .eds-grid--m-col-end-4 {
    grid-column-end: 4;
  }

  .eds-grid--m-row-4 {
    grid-row: span 4;
  }

  .eds-grid--m-row-pos-4 {
    grid-row: 4;
  }

  .eds-grid--m-row-start-4 {
    grid-row-start: 4;
  }

  .eds-grid--m-row-end-4 {
    grid-row-end: 4;
  }

  .eds-grid--m-row-gap-4 {
    grid-row-gap: 16px;
  }

  .eds-grid--m-5 {
    grid-template: repeat(5, 1fr) / repeat(5, 1fr);
  }

  .eds-grid--m-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .eds-grid--m-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .eds-grid--m-col-5 {
    grid-column: span 5;
  }

  .eds-grid--m-col-pos-5 {
    grid-column: 5;
  }

  .eds-grid--m-col-start-5 {
    grid-column-start: 5;
  }

  .eds-grid--m-col-end-5 {
    grid-column-end: 5;
  }

  .eds-grid--m-row-5 {
    grid-row: span 5;
  }

  .eds-grid--m-row-pos-5 {
    grid-row: 5;
  }

  .eds-grid--m-row-start-5 {
    grid-row-start: 5;
  }

  .eds-grid--m-row-end-5 {
    grid-row-end: 5;
  }

  .eds-grid--m-row-gap-5 {
    grid-row-gap: 20px;
  }

  .eds-grid--m-6 {
    grid-template: repeat(6, 1fr) / repeat(6, 1fr);
  }

  .eds-grid--m-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .eds-grid--m-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .eds-grid--m-col-6 {
    grid-column: span 6;
  }

  .eds-grid--m-col-pos-6 {
    grid-column: 6;
  }

  .eds-grid--m-col-start-6 {
    grid-column-start: 6;
  }

  .eds-grid--m-col-end-6 {
    grid-column-end: 6;
  }

  .eds-grid--m-row-6 {
    grid-row: span 6;
  }

  .eds-grid--m-row-pos-6 {
    grid-row: 6;
  }

  .eds-grid--m-row-start-6 {
    grid-row-start: 6;
  }

  .eds-grid--m-row-end-6 {
    grid-row-end: 6;
  }

  .eds-grid--m-row-gap-6 {
    grid-row-gap: 24px;
  }

  .eds-grid--m-7 {
    grid-template: repeat(7, 1fr) / repeat(7, 1fr);
  }

  .eds-grid--m-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .eds-grid--m-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .eds-grid--m-col-7 {
    grid-column: span 7;
  }

  .eds-grid--m-col-pos-7 {
    grid-column: 7;
  }

  .eds-grid--m-col-start-7 {
    grid-column-start: 7;
  }

  .eds-grid--m-col-end-7 {
    grid-column-end: 7;
  }

  .eds-grid--m-row-7 {
    grid-row: span 7;
  }

  .eds-grid--m-row-pos-7 {
    grid-row: 7;
  }

  .eds-grid--m-row-start-7 {
    grid-row-start: 7;
  }

  .eds-grid--m-row-end-7 {
    grid-row-end: 7;
  }

  .eds-grid--m-row-gap-7 {
    grid-row-gap: 28px;
  }

  .eds-grid--m-8 {
    grid-template: repeat(8, 1fr) / repeat(8, 1fr);
  }

  .eds-grid--m-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .eds-grid--m-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .eds-grid--m-col-8 {
    grid-column: span 8;
  }

  .eds-grid--m-col-pos-8 {
    grid-column: 8;
  }

  .eds-grid--m-col-start-8 {
    grid-column-start: 8;
  }

  .eds-grid--m-col-end-8 {
    grid-column-end: 8;
  }

  .eds-grid--m-row-8 {
    grid-row: span 8;
  }

  .eds-grid--m-row-pos-8 {
    grid-row: 8;
  }

  .eds-grid--m-row-start-8 {
    grid-row-start: 8;
  }

  .eds-grid--m-row-end-8 {
    grid-row-end: 8;
  }

  .eds-grid--m-row-gap-8 {
    grid-row-gap: 32px;
  }

  .eds-grid--m-9 {
    grid-template: repeat(9, 1fr) / repeat(9, 1fr);
  }

  .eds-grid--m-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .eds-grid--m-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .eds-grid--m-col-9 {
    grid-column: span 9;
  }

  .eds-grid--m-col-pos-9 {
    grid-column: 9;
  }

  .eds-grid--m-col-start-9 {
    grid-column-start: 9;
  }

  .eds-grid--m-col-end-9 {
    grid-column-end: 9;
  }

  .eds-grid--m-row-9 {
    grid-row: span 9;
  }

  .eds-grid--m-row-pos-9 {
    grid-row: 9;
  }

  .eds-grid--m-row-start-9 {
    grid-row-start: 9;
  }

  .eds-grid--m-row-end-9 {
    grid-row-end: 9;
  }

  .eds-grid--m-row-gap-9 {
    grid-row-gap: 36px;
  }

  .eds-grid--m-10 {
    grid-template: repeat(10, 1fr) / repeat(10, 1fr);
  }

  .eds-grid--m-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .eds-grid--m-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .eds-grid--m-col-10 {
    grid-column: span 10;
  }

  .eds-grid--m-col-pos-10 {
    grid-column: 10;
  }

  .eds-grid--m-col-start-10 {
    grid-column-start: 10;
  }

  .eds-grid--m-col-end-10 {
    grid-column-end: 10;
  }

  .eds-grid--m-row-10 {
    grid-row: span 10;
  }

  .eds-grid--m-row-pos-10 {
    grid-row: 10;
  }

  .eds-grid--m-row-start-10 {
    grid-row-start: 10;
  }

  .eds-grid--m-row-end-10 {
    grid-row-end: 10;
  }

  .eds-grid--m-row-gap-10 {
    grid-row-gap: 40px;
  }

  .eds-grid--m-11 {
    grid-template: repeat(11, 1fr) / repeat(11, 1fr);
  }

  .eds-grid--m-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .eds-grid--m-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .eds-grid--m-col-11 {
    grid-column: span 11;
  }

  .eds-grid--m-col-pos-11 {
    grid-column: 11;
  }

  .eds-grid--m-col-start-11 {
    grid-column-start: 11;
  }

  .eds-grid--m-col-end-11 {
    grid-column-end: 11;
  }

  .eds-grid--m-row-11 {
    grid-row: span 11;
  }

  .eds-grid--m-row-pos-11 {
    grid-row: 11;
  }

  .eds-grid--m-row-start-11 {
    grid-row-start: 11;
  }

  .eds-grid--m-row-end-11 {
    grid-row-end: 11;
  }

  .eds-grid--m-row-gap-11 {
    grid-row-gap: 44px;
  }

  .eds-grid--m-12 {
    grid-template: repeat(12, 1fr) / repeat(12, 1fr);
  }

  .eds-grid--m-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .eds-grid--m-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .eds-grid--m-col-full {
    grid-column: 1 / -1;
  }

  .eds-grid--m-col-12 {
    grid-column: span 12;
  }

  .eds-grid--m-col-pos-12 {
    grid-column: 12;
  }

  .eds-grid--m-col-start-12 {
    grid-column-start: 12;
  }

  .eds-grid--m-col-end-12 {
    grid-column-end: 12;
  }

  .eds-grid--m-row-full {
    grid-row: 1 / -1;
  }

  .eds-grid--m-row-12 {
    grid-row: span 12;
  }

  .eds-grid--m-row-pos-12 {
    grid-row: 12;
  }

  .eds-grid--m-row-start-12 {
    grid-row-start: 12;
  }

  .eds-grid--m-row-end-12 {
    grid-row-end: 12;
  }

  .eds-grid--m-row-gap-12 {
    grid-row-gap: 48px;
  }

  .eds-grid--m-items-center {
    place-items: center;
  }

  .eds-grid--m-items-align-center {
    align-items: center;
  }

  .eds-grid--m-items-justify-center {
    justify-items: center;
  }

  .eds-grid--m-item-center {
    place-self: center;
  }

  .eds-grid--m-item-align-center {
    align-self: center;
  }

  .eds-grid--m-item-justify-center {
    justify-self: center;
  }

  .eds-grid--m-items-start {
    place-items: start;
  }

  .eds-grid--m-items-align-start {
    align-items: start;
  }

  .eds-grid--m-items-justify-start {
    justify-items: start;
  }

  .eds-grid--m-item-start {
    place-self: start;
  }

  .eds-grid--m-item-align-start {
    align-self: start;
  }

  .eds-grid--m-item-justify-start {
    justify-self: start;
  }

  .eds-grid--m-items-end {
    place-items: end;
  }

  .eds-grid--m-items-align-end {
    align-items: end;
  }

  .eds-grid--m-items-justify-end {
    justify-items: end;
  }

  .eds-grid--m-item-end {
    place-self: end;
  }

  .eds-grid--m-item-align-end {
    align-self: end;
  }

  .eds-grid--m-item-justify-end {
    justify-self: end;
  }

  .eds-grid--m-items-baseline {
    place-items: baseline;
  }

  .eds-grid--m-items-align-baseline {
    align-items: baseline;
  }

  .eds-grid--m-items-justify-baseline {
    justify-items: baseline;
  }

  .eds-grid--m-item-baseline {
    place-self: baseline;
  }

  .eds-grid--m-item-align-baseline {
    align-self: baseline;
  }

  .eds-grid--m-item-justify-baseline {
    justify-self: baseline;
  }

  .eds-grid--m-items-stretch {
    place-items: stretch stretch;
  }

  .eds-grid--m-items-align-stretch {
    align-items: stretch;
  }

  .eds-grid--m-items-justify-stretch {
    justify-items: stretch;
  }

  .eds-grid--m-item-stretch {
    place-self: stretch stretch;
  }

  .eds-grid--m-item-align-stretch {
    align-self: stretch;
  }

  .eds-grid--m-item-justify-stretch {
    justify-self: stretch;
  }

  .eds-grid--m-content-center {
    place-content: center;
  }

  .eds-grid--m-content-justify-center {
    justify-content: center;
  }

  .eds-grid--m-content-align-center {
    align-content: center;
  }

  .eds-grid--m-content-start {
    place-content: start;
  }

  .eds-grid--m-content-justify-start {
    justify-content: start;
  }

  .eds-grid--m-content-align-start {
    align-content: start;
  }

  .eds-grid--m-content-end {
    place-content: end;
  }

  .eds-grid--m-content-justify-end {
    justify-content: end;
  }

  .eds-grid--m-content-align-end {
    align-content: end;
  }

  .eds-grid--m-content-baseline {
    align-content: baseline;
    justify-content: baseline;
  }

  .eds-grid--m-content-justify-baseline {
    justify-content: baseline;
  }

  .eds-grid--m-content-align-baseline {
    align-content: baseline;
  }

  .eds-grid--m-content-stretch {
    place-content: stretch;
  }

  .eds-grid--m-content-justify-stretch {
    justify-content: stretch;
  }

  .eds-grid--m-content-align-stretch {
    align-content: stretch;
  }

  .eds-grid--m-content-space-between {
    place-content: space-between;
  }

  .eds-grid--m-content-justify-space-between {
    justify-content: space-between;
  }

  .eds-grid--m-content-align-space-between {
    align-content: space-between;
  }

  .eds-grid--m-content-space-around {
    place-content: space-around;
  }

  .eds-grid--m-content-justify-space-around {
    justify-content: space-around;
  }

  .eds-grid--m-content-align-space-around {
    align-content: space-around;
  }

  .eds-grid--m-content-space-evenly {
    place-content: space-evenly;
  }

  .eds-grid--m-content-justify-space-evenly {
    justify-content: space-evenly;
  }

  .eds-grid--m-content-align-space-evenly {
    align-content: space-evenly;
  }
}

@media (width >= 992px) {
  .eds-grid--l-1 {
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  }

  .eds-grid--l-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .eds-grid--l-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .eds-grid--l-col-1 {
    grid-column: span 1;
  }

  .eds-grid--l-col-pos-1 {
    grid-column: 1;
  }

  .eds-grid--l-col-start-1 {
    grid-column-start: 1;
  }

  .eds-grid--l-col-end-1 {
    grid-column-end: 1;
  }

  .eds-grid--l-row-1 {
    grid-row: span 1;
  }

  .eds-grid--l-row-pos-1 {
    grid-row: 1;
  }

  .eds-grid--l-row-start-1 {
    grid-row-start: 1;
  }

  .eds-grid--l-row-end-1 {
    grid-row-end: 1;
  }

  .eds-grid--l-row-gap-1 {
    grid-row-gap: 4px;
  }

  .eds-grid--l-2 {
    grid-template: repeat(2, 1fr) / repeat(2, 1fr);
  }

  .eds-grid--l-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .eds-grid--l-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .eds-grid--l-col-2 {
    grid-column: span 2;
  }

  .eds-grid--l-col-pos-2 {
    grid-column: 2;
  }

  .eds-grid--l-col-start-2 {
    grid-column-start: 2;
  }

  .eds-grid--l-col-end-2 {
    grid-column-end: 2;
  }

  .eds-grid--l-row-2 {
    grid-row: span 2;
  }

  .eds-grid--l-row-pos-2 {
    grid-row: 2;
  }

  .eds-grid--l-row-start-2 {
    grid-row-start: 2;
  }

  .eds-grid--l-row-end-2 {
    grid-row-end: 2;
  }

  .eds-grid--l-row-gap-2 {
    grid-row-gap: 8px;
  }

  .eds-grid--l-3 {
    grid-template: repeat(3, 1fr) / repeat(3, 1fr);
  }

  .eds-grid--l-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .eds-grid--l-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .eds-grid--l-col-3 {
    grid-column: span 3;
  }

  .eds-grid--l-col-pos-3 {
    grid-column: 3;
  }

  .eds-grid--l-col-start-3 {
    grid-column-start: 3;
  }

  .eds-grid--l-col-end-3 {
    grid-column-end: 3;
  }

  .eds-grid--l-row-3 {
    grid-row: span 3;
  }

  .eds-grid--l-row-pos-3 {
    grid-row: 3;
  }

  .eds-grid--l-row-start-3 {
    grid-row-start: 3;
  }

  .eds-grid--l-row-end-3 {
    grid-row-end: 3;
  }

  .eds-grid--l-row-gap-3 {
    grid-row-gap: 12px;
  }

  .eds-grid--l-4 {
    grid-template: repeat(4, 1fr) / repeat(4, 1fr);
  }

  .eds-grid--l-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .eds-grid--l-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .eds-grid--l-col-4 {
    grid-column: span 4;
  }

  .eds-grid--l-col-pos-4 {
    grid-column: 4;
  }

  .eds-grid--l-col-start-4 {
    grid-column-start: 4;
  }

  .eds-grid--l-col-end-4 {
    grid-column-end: 4;
  }

  .eds-grid--l-row-4 {
    grid-row: span 4;
  }

  .eds-grid--l-row-pos-4 {
    grid-row: 4;
  }

  .eds-grid--l-row-start-4 {
    grid-row-start: 4;
  }

  .eds-grid--l-row-end-4 {
    grid-row-end: 4;
  }

  .eds-grid--l-row-gap-4 {
    grid-row-gap: 16px;
  }

  .eds-grid--l-5 {
    grid-template: repeat(5, 1fr) / repeat(5, 1fr);
  }

  .eds-grid--l-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .eds-grid--l-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .eds-grid--l-col-5 {
    grid-column: span 5;
  }

  .eds-grid--l-col-pos-5 {
    grid-column: 5;
  }

  .eds-grid--l-col-start-5 {
    grid-column-start: 5;
  }

  .eds-grid--l-col-end-5 {
    grid-column-end: 5;
  }

  .eds-grid--l-row-5 {
    grid-row: span 5;
  }

  .eds-grid--l-row-pos-5 {
    grid-row: 5;
  }

  .eds-grid--l-row-start-5 {
    grid-row-start: 5;
  }

  .eds-grid--l-row-end-5 {
    grid-row-end: 5;
  }

  .eds-grid--l-row-gap-5 {
    grid-row-gap: 20px;
  }

  .eds-grid--l-6 {
    grid-template: repeat(6, 1fr) / repeat(6, 1fr);
  }

  .eds-grid--l-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .eds-grid--l-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .eds-grid--l-col-6 {
    grid-column: span 6;
  }

  .eds-grid--l-col-pos-6 {
    grid-column: 6;
  }

  .eds-grid--l-col-start-6 {
    grid-column-start: 6;
  }

  .eds-grid--l-col-end-6 {
    grid-column-end: 6;
  }

  .eds-grid--l-row-6 {
    grid-row: span 6;
  }

  .eds-grid--l-row-pos-6 {
    grid-row: 6;
  }

  .eds-grid--l-row-start-6 {
    grid-row-start: 6;
  }

  .eds-grid--l-row-end-6 {
    grid-row-end: 6;
  }

  .eds-grid--l-row-gap-6 {
    grid-row-gap: 24px;
  }

  .eds-grid--l-7 {
    grid-template: repeat(7, 1fr) / repeat(7, 1fr);
  }

  .eds-grid--l-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .eds-grid--l-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .eds-grid--l-col-7 {
    grid-column: span 7;
  }

  .eds-grid--l-col-pos-7 {
    grid-column: 7;
  }

  .eds-grid--l-col-start-7 {
    grid-column-start: 7;
  }

  .eds-grid--l-col-end-7 {
    grid-column-end: 7;
  }

  .eds-grid--l-row-7 {
    grid-row: span 7;
  }

  .eds-grid--l-row-pos-7 {
    grid-row: 7;
  }

  .eds-grid--l-row-start-7 {
    grid-row-start: 7;
  }

  .eds-grid--l-row-end-7 {
    grid-row-end: 7;
  }

  .eds-grid--l-row-gap-7 {
    grid-row-gap: 28px;
  }

  .eds-grid--l-8 {
    grid-template: repeat(8, 1fr) / repeat(8, 1fr);
  }

  .eds-grid--l-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .eds-grid--l-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .eds-grid--l-col-8 {
    grid-column: span 8;
  }

  .eds-grid--l-col-pos-8 {
    grid-column: 8;
  }

  .eds-grid--l-col-start-8 {
    grid-column-start: 8;
  }

  .eds-grid--l-col-end-8 {
    grid-column-end: 8;
  }

  .eds-grid--l-row-8 {
    grid-row: span 8;
  }

  .eds-grid--l-row-pos-8 {
    grid-row: 8;
  }

  .eds-grid--l-row-start-8 {
    grid-row-start: 8;
  }

  .eds-grid--l-row-end-8 {
    grid-row-end: 8;
  }

  .eds-grid--l-row-gap-8 {
    grid-row-gap: 32px;
  }

  .eds-grid--l-9 {
    grid-template: repeat(9, 1fr) / repeat(9, 1fr);
  }

  .eds-grid--l-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .eds-grid--l-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .eds-grid--l-col-9 {
    grid-column: span 9;
  }

  .eds-grid--l-col-pos-9 {
    grid-column: 9;
  }

  .eds-grid--l-col-start-9 {
    grid-column-start: 9;
  }

  .eds-grid--l-col-end-9 {
    grid-column-end: 9;
  }

  .eds-grid--l-row-9 {
    grid-row: span 9;
  }

  .eds-grid--l-row-pos-9 {
    grid-row: 9;
  }

  .eds-grid--l-row-start-9 {
    grid-row-start: 9;
  }

  .eds-grid--l-row-end-9 {
    grid-row-end: 9;
  }

  .eds-grid--l-row-gap-9 {
    grid-row-gap: 36px;
  }

  .eds-grid--l-10 {
    grid-template: repeat(10, 1fr) / repeat(10, 1fr);
  }

  .eds-grid--l-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .eds-grid--l-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .eds-grid--l-col-10 {
    grid-column: span 10;
  }

  .eds-grid--l-col-pos-10 {
    grid-column: 10;
  }

  .eds-grid--l-col-start-10 {
    grid-column-start: 10;
  }

  .eds-grid--l-col-end-10 {
    grid-column-end: 10;
  }

  .eds-grid--l-row-10 {
    grid-row: span 10;
  }

  .eds-grid--l-row-pos-10 {
    grid-row: 10;
  }

  .eds-grid--l-row-start-10 {
    grid-row-start: 10;
  }

  .eds-grid--l-row-end-10 {
    grid-row-end: 10;
  }

  .eds-grid--l-row-gap-10 {
    grid-row-gap: 40px;
  }

  .eds-grid--l-11 {
    grid-template: repeat(11, 1fr) / repeat(11, 1fr);
  }

  .eds-grid--l-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .eds-grid--l-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .eds-grid--l-col-11 {
    grid-column: span 11;
  }

  .eds-grid--l-col-pos-11 {
    grid-column: 11;
  }

  .eds-grid--l-col-start-11 {
    grid-column-start: 11;
  }

  .eds-grid--l-col-end-11 {
    grid-column-end: 11;
  }

  .eds-grid--l-row-11 {
    grid-row: span 11;
  }

  .eds-grid--l-row-pos-11 {
    grid-row: 11;
  }

  .eds-grid--l-row-start-11 {
    grid-row-start: 11;
  }

  .eds-grid--l-row-end-11 {
    grid-row-end: 11;
  }

  .eds-grid--l-row-gap-11 {
    grid-row-gap: 44px;
  }

  .eds-grid--l-12 {
    grid-template: repeat(12, 1fr) / repeat(12, 1fr);
  }

  .eds-grid--l-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .eds-grid--l-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .eds-grid--l-col-full {
    grid-column: 1 / -1;
  }

  .eds-grid--l-col-12 {
    grid-column: span 12;
  }

  .eds-grid--l-col-pos-12 {
    grid-column: 12;
  }

  .eds-grid--l-col-start-12 {
    grid-column-start: 12;
  }

  .eds-grid--l-col-end-12 {
    grid-column-end: 12;
  }

  .eds-grid--l-row-full {
    grid-row: 1 / -1;
  }

  .eds-grid--l-row-12 {
    grid-row: span 12;
  }

  .eds-grid--l-row-pos-12 {
    grid-row: 12;
  }

  .eds-grid--l-row-start-12 {
    grid-row-start: 12;
  }

  .eds-grid--l-row-end-12 {
    grid-row-end: 12;
  }

  .eds-grid--l-row-gap-12 {
    grid-row-gap: 48px;
  }

  .eds-grid--l-items-center {
    place-items: center;
  }

  .eds-grid--l-items-align-center {
    align-items: center;
  }

  .eds-grid--l-items-justify-center {
    justify-items: center;
  }

  .eds-grid--l-item-center {
    place-self: center;
  }

  .eds-grid--l-item-align-center {
    align-self: center;
  }

  .eds-grid--l-item-justify-center {
    justify-self: center;
  }

  .eds-grid--l-items-start {
    place-items: start;
  }

  .eds-grid--l-items-align-start {
    align-items: start;
  }

  .eds-grid--l-items-justify-start {
    justify-items: start;
  }

  .eds-grid--l-item-start {
    place-self: start;
  }

  .eds-grid--l-item-align-start {
    align-self: start;
  }

  .eds-grid--l-item-justify-start {
    justify-self: start;
  }

  .eds-grid--l-items-end {
    place-items: end;
  }

  .eds-grid--l-items-align-end {
    align-items: end;
  }

  .eds-grid--l-items-justify-end {
    justify-items: end;
  }

  .eds-grid--l-item-end {
    place-self: end;
  }

  .eds-grid--l-item-align-end {
    align-self: end;
  }

  .eds-grid--l-item-justify-end {
    justify-self: end;
  }

  .eds-grid--l-items-baseline {
    place-items: baseline;
  }

  .eds-grid--l-items-align-baseline {
    align-items: baseline;
  }

  .eds-grid--l-items-justify-baseline {
    justify-items: baseline;
  }

  .eds-grid--l-item-baseline {
    place-self: baseline;
  }

  .eds-grid--l-item-align-baseline {
    align-self: baseline;
  }

  .eds-grid--l-item-justify-baseline {
    justify-self: baseline;
  }

  .eds-grid--l-items-stretch {
    place-items: stretch stretch;
  }

  .eds-grid--l-items-align-stretch {
    align-items: stretch;
  }

  .eds-grid--l-items-justify-stretch {
    justify-items: stretch;
  }

  .eds-grid--l-item-stretch {
    place-self: stretch stretch;
  }

  .eds-grid--l-item-align-stretch {
    align-self: stretch;
  }

  .eds-grid--l-item-justify-stretch {
    justify-self: stretch;
  }

  .eds-grid--l-content-center {
    place-content: center;
  }

  .eds-grid--l-content-justify-center {
    justify-content: center;
  }

  .eds-grid--l-content-align-center {
    align-content: center;
  }

  .eds-grid--l-content-start {
    place-content: start;
  }

  .eds-grid--l-content-justify-start {
    justify-content: start;
  }

  .eds-grid--l-content-align-start {
    align-content: start;
  }

  .eds-grid--l-content-end {
    place-content: end;
  }

  .eds-grid--l-content-justify-end {
    justify-content: end;
  }

  .eds-grid--l-content-align-end {
    align-content: end;
  }

  .eds-grid--l-content-baseline {
    align-content: baseline;
    justify-content: baseline;
  }

  .eds-grid--l-content-justify-baseline {
    justify-content: baseline;
  }

  .eds-grid--l-content-align-baseline {
    align-content: baseline;
  }

  .eds-grid--l-content-stretch {
    place-content: stretch;
  }

  .eds-grid--l-content-justify-stretch {
    justify-content: stretch;
  }

  .eds-grid--l-content-align-stretch {
    align-content: stretch;
  }

  .eds-grid--l-content-space-between {
    place-content: space-between;
  }

  .eds-grid--l-content-justify-space-between {
    justify-content: space-between;
  }

  .eds-grid--l-content-align-space-between {
    align-content: space-between;
  }

  .eds-grid--l-content-space-around {
    place-content: space-around;
  }

  .eds-grid--l-content-justify-space-around {
    justify-content: space-around;
  }

  .eds-grid--l-content-align-space-around {
    align-content: space-around;
  }

  .eds-grid--l-content-space-evenly {
    place-content: space-evenly;
  }

  .eds-grid--l-content-justify-space-evenly {
    justify-content: space-evenly;
  }

  .eds-grid--l-content-align-space-evenly {
    align-content: space-evenly;
  }
}

@media (width >= 1200px) {
  .eds-grid--xl-1 {
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  }

  .eds-grid--xl-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .eds-grid--xl-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .eds-grid--xl-col-1 {
    grid-column: span 1;
  }

  .eds-grid--xl-col-pos-1 {
    grid-column: 1;
  }

  .eds-grid--xl-col-start-1 {
    grid-column-start: 1;
  }

  .eds-grid--xl-col-end-1 {
    grid-column-end: 1;
  }

  .eds-grid--xl-row-1 {
    grid-row: span 1;
  }

  .eds-grid--xl-row-pos-1 {
    grid-row: 1;
  }

  .eds-grid--xl-row-start-1 {
    grid-row-start: 1;
  }

  .eds-grid--xl-row-end-1 {
    grid-row-end: 1;
  }

  .eds-grid--xl-row-gap-1 {
    grid-row-gap: 4px;
  }

  .eds-grid--xl-2 {
    grid-template: repeat(2, 1fr) / repeat(2, 1fr);
  }

  .eds-grid--xl-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .eds-grid--xl-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .eds-grid--xl-col-2 {
    grid-column: span 2;
  }

  .eds-grid--xl-col-pos-2 {
    grid-column: 2;
  }

  .eds-grid--xl-col-start-2 {
    grid-column-start: 2;
  }

  .eds-grid--xl-col-end-2 {
    grid-column-end: 2;
  }

  .eds-grid--xl-row-2 {
    grid-row: span 2;
  }

  .eds-grid--xl-row-pos-2 {
    grid-row: 2;
  }

  .eds-grid--xl-row-start-2 {
    grid-row-start: 2;
  }

  .eds-grid--xl-row-end-2 {
    grid-row-end: 2;
  }

  .eds-grid--xl-row-gap-2 {
    grid-row-gap: 8px;
  }

  .eds-grid--xl-3 {
    grid-template: repeat(3, 1fr) / repeat(3, 1fr);
  }

  .eds-grid--xl-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .eds-grid--xl-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .eds-grid--xl-col-3 {
    grid-column: span 3;
  }

  .eds-grid--xl-col-pos-3 {
    grid-column: 3;
  }

  .eds-grid--xl-col-start-3 {
    grid-column-start: 3;
  }

  .eds-grid--xl-col-end-3 {
    grid-column-end: 3;
  }

  .eds-grid--xl-row-3 {
    grid-row: span 3;
  }

  .eds-grid--xl-row-pos-3 {
    grid-row: 3;
  }

  .eds-grid--xl-row-start-3 {
    grid-row-start: 3;
  }

  .eds-grid--xl-row-end-3 {
    grid-row-end: 3;
  }

  .eds-grid--xl-row-gap-3 {
    grid-row-gap: 12px;
  }

  .eds-grid--xl-4 {
    grid-template: repeat(4, 1fr) / repeat(4, 1fr);
  }

  .eds-grid--xl-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .eds-grid--xl-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .eds-grid--xl-col-4 {
    grid-column: span 4;
  }

  .eds-grid--xl-col-pos-4 {
    grid-column: 4;
  }

  .eds-grid--xl-col-start-4 {
    grid-column-start: 4;
  }

  .eds-grid--xl-col-end-4 {
    grid-column-end: 4;
  }

  .eds-grid--xl-row-4 {
    grid-row: span 4;
  }

  .eds-grid--xl-row-pos-4 {
    grid-row: 4;
  }

  .eds-grid--xl-row-start-4 {
    grid-row-start: 4;
  }

  .eds-grid--xl-row-end-4 {
    grid-row-end: 4;
  }

  .eds-grid--xl-row-gap-4 {
    grid-row-gap: 16px;
  }

  .eds-grid--xl-5 {
    grid-template: repeat(5, 1fr) / repeat(5, 1fr);
  }

  .eds-grid--xl-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .eds-grid--xl-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .eds-grid--xl-col-5 {
    grid-column: span 5;
  }

  .eds-grid--xl-col-pos-5 {
    grid-column: 5;
  }

  .eds-grid--xl-col-start-5 {
    grid-column-start: 5;
  }

  .eds-grid--xl-col-end-5 {
    grid-column-end: 5;
  }

  .eds-grid--xl-row-5 {
    grid-row: span 5;
  }

  .eds-grid--xl-row-pos-5 {
    grid-row: 5;
  }

  .eds-grid--xl-row-start-5 {
    grid-row-start: 5;
  }

  .eds-grid--xl-row-end-5 {
    grid-row-end: 5;
  }

  .eds-grid--xl-row-gap-5 {
    grid-row-gap: 20px;
  }

  .eds-grid--xl-6 {
    grid-template: repeat(6, 1fr) / repeat(6, 1fr);
  }

  .eds-grid--xl-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .eds-grid--xl-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .eds-grid--xl-col-6 {
    grid-column: span 6;
  }

  .eds-grid--xl-col-pos-6 {
    grid-column: 6;
  }

  .eds-grid--xl-col-start-6 {
    grid-column-start: 6;
  }

  .eds-grid--xl-col-end-6 {
    grid-column-end: 6;
  }

  .eds-grid--xl-row-6 {
    grid-row: span 6;
  }

  .eds-grid--xl-row-pos-6 {
    grid-row: 6;
  }

  .eds-grid--xl-row-start-6 {
    grid-row-start: 6;
  }

  .eds-grid--xl-row-end-6 {
    grid-row-end: 6;
  }

  .eds-grid--xl-row-gap-6 {
    grid-row-gap: 24px;
  }

  .eds-grid--xl-7 {
    grid-template: repeat(7, 1fr) / repeat(7, 1fr);
  }

  .eds-grid--xl-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .eds-grid--xl-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .eds-grid--xl-col-7 {
    grid-column: span 7;
  }

  .eds-grid--xl-col-pos-7 {
    grid-column: 7;
  }

  .eds-grid--xl-col-start-7 {
    grid-column-start: 7;
  }

  .eds-grid--xl-col-end-7 {
    grid-column-end: 7;
  }

  .eds-grid--xl-row-7 {
    grid-row: span 7;
  }

  .eds-grid--xl-row-pos-7 {
    grid-row: 7;
  }

  .eds-grid--xl-row-start-7 {
    grid-row-start: 7;
  }

  .eds-grid--xl-row-end-7 {
    grid-row-end: 7;
  }

  .eds-grid--xl-row-gap-7 {
    grid-row-gap: 28px;
  }

  .eds-grid--xl-8 {
    grid-template: repeat(8, 1fr) / repeat(8, 1fr);
  }

  .eds-grid--xl-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .eds-grid--xl-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .eds-grid--xl-col-8 {
    grid-column: span 8;
  }

  .eds-grid--xl-col-pos-8 {
    grid-column: 8;
  }

  .eds-grid--xl-col-start-8 {
    grid-column-start: 8;
  }

  .eds-grid--xl-col-end-8 {
    grid-column-end: 8;
  }

  .eds-grid--xl-row-8 {
    grid-row: span 8;
  }

  .eds-grid--xl-row-pos-8 {
    grid-row: 8;
  }

  .eds-grid--xl-row-start-8 {
    grid-row-start: 8;
  }

  .eds-grid--xl-row-end-8 {
    grid-row-end: 8;
  }

  .eds-grid--xl-row-gap-8 {
    grid-row-gap: 32px;
  }

  .eds-grid--xl-9 {
    grid-template: repeat(9, 1fr) / repeat(9, 1fr);
  }

  .eds-grid--xl-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .eds-grid--xl-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .eds-grid--xl-col-9 {
    grid-column: span 9;
  }

  .eds-grid--xl-col-pos-9 {
    grid-column: 9;
  }

  .eds-grid--xl-col-start-9 {
    grid-column-start: 9;
  }

  .eds-grid--xl-col-end-9 {
    grid-column-end: 9;
  }

  .eds-grid--xl-row-9 {
    grid-row: span 9;
  }

  .eds-grid--xl-row-pos-9 {
    grid-row: 9;
  }

  .eds-grid--xl-row-start-9 {
    grid-row-start: 9;
  }

  .eds-grid--xl-row-end-9 {
    grid-row-end: 9;
  }

  .eds-grid--xl-row-gap-9 {
    grid-row-gap: 36px;
  }

  .eds-grid--xl-10 {
    grid-template: repeat(10, 1fr) / repeat(10, 1fr);
  }

  .eds-grid--xl-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .eds-grid--xl-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .eds-grid--xl-col-10 {
    grid-column: span 10;
  }

  .eds-grid--xl-col-pos-10 {
    grid-column: 10;
  }

  .eds-grid--xl-col-start-10 {
    grid-column-start: 10;
  }

  .eds-grid--xl-col-end-10 {
    grid-column-end: 10;
  }

  .eds-grid--xl-row-10 {
    grid-row: span 10;
  }

  .eds-grid--xl-row-pos-10 {
    grid-row: 10;
  }

  .eds-grid--xl-row-start-10 {
    grid-row-start: 10;
  }

  .eds-grid--xl-row-end-10 {
    grid-row-end: 10;
  }

  .eds-grid--xl-row-gap-10 {
    grid-row-gap: 40px;
  }

  .eds-grid--xl-11 {
    grid-template: repeat(11, 1fr) / repeat(11, 1fr);
  }

  .eds-grid--xl-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .eds-grid--xl-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .eds-grid--xl-col-11 {
    grid-column: span 11;
  }

  .eds-grid--xl-col-pos-11 {
    grid-column: 11;
  }

  .eds-grid--xl-col-start-11 {
    grid-column-start: 11;
  }

  .eds-grid--xl-col-end-11 {
    grid-column-end: 11;
  }

  .eds-grid--xl-row-11 {
    grid-row: span 11;
  }

  .eds-grid--xl-row-pos-11 {
    grid-row: 11;
  }

  .eds-grid--xl-row-start-11 {
    grid-row-start: 11;
  }

  .eds-grid--xl-row-end-11 {
    grid-row-end: 11;
  }

  .eds-grid--xl-row-gap-11 {
    grid-row-gap: 44px;
  }

  .eds-grid--xl-12 {
    grid-template: repeat(12, 1fr) / repeat(12, 1fr);
  }

  .eds-grid--xl-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .eds-grid--xl-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .eds-grid--xl-col-full {
    grid-column: 1 / -1;
  }

  .eds-grid--xl-col-12 {
    grid-column: span 12;
  }

  .eds-grid--xl-col-pos-12 {
    grid-column: 12;
  }

  .eds-grid--xl-col-start-12 {
    grid-column-start: 12;
  }

  .eds-grid--xl-col-end-12 {
    grid-column-end: 12;
  }

  .eds-grid--xl-row-full {
    grid-row: 1 / -1;
  }

  .eds-grid--xl-row-12 {
    grid-row: span 12;
  }

  .eds-grid--xl-row-pos-12 {
    grid-row: 12;
  }

  .eds-grid--xl-row-start-12 {
    grid-row-start: 12;
  }

  .eds-grid--xl-row-end-12 {
    grid-row-end: 12;
  }

  .eds-grid--xl-row-gap-12 {
    grid-row-gap: 48px;
  }

  .eds-grid--xl-items-center {
    place-items: center;
  }

  .eds-grid--xl-items-align-center {
    align-items: center;
  }

  .eds-grid--xl-items-justify-center {
    justify-items: center;
  }

  .eds-grid--xl-item-center {
    place-self: center;
  }

  .eds-grid--xl-item-align-center {
    align-self: center;
  }

  .eds-grid--xl-item-justify-center {
    justify-self: center;
  }

  .eds-grid--xl-items-start {
    place-items: start;
  }

  .eds-grid--xl-items-align-start {
    align-items: start;
  }

  .eds-grid--xl-items-justify-start {
    justify-items: start;
  }

  .eds-grid--xl-item-start {
    place-self: start;
  }

  .eds-grid--xl-item-align-start {
    align-self: start;
  }

  .eds-grid--xl-item-justify-start {
    justify-self: start;
  }

  .eds-grid--xl-items-end {
    place-items: end;
  }

  .eds-grid--xl-items-align-end {
    align-items: end;
  }

  .eds-grid--xl-items-justify-end {
    justify-items: end;
  }

  .eds-grid--xl-item-end {
    place-self: end;
  }

  .eds-grid--xl-item-align-end {
    align-self: end;
  }

  .eds-grid--xl-item-justify-end {
    justify-self: end;
  }

  .eds-grid--xl-items-baseline {
    place-items: baseline;
  }

  .eds-grid--xl-items-align-baseline {
    align-items: baseline;
  }

  .eds-grid--xl-items-justify-baseline {
    justify-items: baseline;
  }

  .eds-grid--xl-item-baseline {
    place-self: baseline;
  }

  .eds-grid--xl-item-align-baseline {
    align-self: baseline;
  }

  .eds-grid--xl-item-justify-baseline {
    justify-self: baseline;
  }

  .eds-grid--xl-items-stretch {
    place-items: stretch stretch;
  }

  .eds-grid--xl-items-align-stretch {
    align-items: stretch;
  }

  .eds-grid--xl-items-justify-stretch {
    justify-items: stretch;
  }

  .eds-grid--xl-item-stretch {
    place-self: stretch stretch;
  }

  .eds-grid--xl-item-align-stretch {
    align-self: stretch;
  }

  .eds-grid--xl-item-justify-stretch {
    justify-self: stretch;
  }

  .eds-grid--xl-content-center {
    place-content: center;
  }

  .eds-grid--xl-content-justify-center {
    justify-content: center;
  }

  .eds-grid--xl-content-align-center {
    align-content: center;
  }

  .eds-grid--xl-content-start {
    place-content: start;
  }

  .eds-grid--xl-content-justify-start {
    justify-content: start;
  }

  .eds-grid--xl-content-align-start {
    align-content: start;
  }

  .eds-grid--xl-content-end {
    place-content: end;
  }

  .eds-grid--xl-content-justify-end {
    justify-content: end;
  }

  .eds-grid--xl-content-align-end {
    align-content: end;
  }

  .eds-grid--xl-content-baseline {
    align-content: baseline;
    justify-content: baseline;
  }

  .eds-grid--xl-content-justify-baseline {
    justify-content: baseline;
  }

  .eds-grid--xl-content-align-baseline {
    align-content: baseline;
  }

  .eds-grid--xl-content-stretch {
    place-content: stretch;
  }

  .eds-grid--xl-content-justify-stretch {
    justify-content: stretch;
  }

  .eds-grid--xl-content-align-stretch {
    align-content: stretch;
  }

  .eds-grid--xl-content-space-between {
    place-content: space-between;
  }

  .eds-grid--xl-content-justify-space-between {
    justify-content: space-between;
  }

  .eds-grid--xl-content-align-space-between {
    align-content: space-between;
  }

  .eds-grid--xl-content-space-around {
    place-content: space-around;
  }

  .eds-grid--xl-content-justify-space-around {
    justify-content: space-around;
  }

  .eds-grid--xl-content-align-space-around {
    align-content: space-around;
  }

  .eds-grid--xl-content-space-evenly {
    place-content: space-evenly;
  }

  .eds-grid--xl-content-justify-space-evenly {
    justify-content: space-evenly;
  }

  .eds-grid--xl-content-align-space-evenly {
    align-content: space-evenly;
  }
}

@media (width >= 1400px) {
  .eds-grid--xxl-1 {
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  }

  .eds-grid--xxl-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .eds-grid--xxl-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .eds-grid--xxl-col-1 {
    grid-column: span 1;
  }

  .eds-grid--xxl-col-pos-1 {
    grid-column: 1;
  }

  .eds-grid--xxl-col-start-1 {
    grid-column-start: 1;
  }

  .eds-grid--xxl-col-end-1 {
    grid-column-end: 1;
  }

  .eds-grid--xxl-row-1 {
    grid-row: span 1;
  }

  .eds-grid--xxl-row-pos-1 {
    grid-row: 1;
  }

  .eds-grid--xxl-row-start-1 {
    grid-row-start: 1;
  }

  .eds-grid--xxl-row-end-1 {
    grid-row-end: 1;
  }

  .eds-grid--xxl-row-gap-1 {
    grid-row-gap: 4px;
  }

  .eds-grid--xxl-2 {
    grid-template: repeat(2, 1fr) / repeat(2, 1fr);
  }

  .eds-grid--xxl-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .eds-grid--xxl-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .eds-grid--xxl-col-2 {
    grid-column: span 2;
  }

  .eds-grid--xxl-col-pos-2 {
    grid-column: 2;
  }

  .eds-grid--xxl-col-start-2 {
    grid-column-start: 2;
  }

  .eds-grid--xxl-col-end-2 {
    grid-column-end: 2;
  }

  .eds-grid--xxl-row-2 {
    grid-row: span 2;
  }

  .eds-grid--xxl-row-pos-2 {
    grid-row: 2;
  }

  .eds-grid--xxl-row-start-2 {
    grid-row-start: 2;
  }

  .eds-grid--xxl-row-end-2 {
    grid-row-end: 2;
  }

  .eds-grid--xxl-row-gap-2 {
    grid-row-gap: 8px;
  }

  .eds-grid--xxl-3 {
    grid-template: repeat(3, 1fr) / repeat(3, 1fr);
  }

  .eds-grid--xxl-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .eds-grid--xxl-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .eds-grid--xxl-col-3 {
    grid-column: span 3;
  }

  .eds-grid--xxl-col-pos-3 {
    grid-column: 3;
  }

  .eds-grid--xxl-col-start-3 {
    grid-column-start: 3;
  }

  .eds-grid--xxl-col-end-3 {
    grid-column-end: 3;
  }

  .eds-grid--xxl-row-3 {
    grid-row: span 3;
  }

  .eds-grid--xxl-row-pos-3 {
    grid-row: 3;
  }

  .eds-grid--xxl-row-start-3 {
    grid-row-start: 3;
  }

  .eds-grid--xxl-row-end-3 {
    grid-row-end: 3;
  }

  .eds-grid--xxl-row-gap-3 {
    grid-row-gap: 12px;
  }

  .eds-grid--xxl-4 {
    grid-template: repeat(4, 1fr) / repeat(4, 1fr);
  }

  .eds-grid--xxl-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .eds-grid--xxl-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .eds-grid--xxl-col-4 {
    grid-column: span 4;
  }

  .eds-grid--xxl-col-pos-4 {
    grid-column: 4;
  }

  .eds-grid--xxl-col-start-4 {
    grid-column-start: 4;
  }

  .eds-grid--xxl-col-end-4 {
    grid-column-end: 4;
  }

  .eds-grid--xxl-row-4 {
    grid-row: span 4;
  }

  .eds-grid--xxl-row-pos-4 {
    grid-row: 4;
  }

  .eds-grid--xxl-row-start-4 {
    grid-row-start: 4;
  }

  .eds-grid--xxl-row-end-4 {
    grid-row-end: 4;
  }

  .eds-grid--xxl-row-gap-4 {
    grid-row-gap: 16px;
  }

  .eds-grid--xxl-5 {
    grid-template: repeat(5, 1fr) / repeat(5, 1fr);
  }

  .eds-grid--xxl-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .eds-grid--xxl-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .eds-grid--xxl-col-5 {
    grid-column: span 5;
  }

  .eds-grid--xxl-col-pos-5 {
    grid-column: 5;
  }

  .eds-grid--xxl-col-start-5 {
    grid-column-start: 5;
  }

  .eds-grid--xxl-col-end-5 {
    grid-column-end: 5;
  }

  .eds-grid--xxl-row-5 {
    grid-row: span 5;
  }

  .eds-grid--xxl-row-pos-5 {
    grid-row: 5;
  }

  .eds-grid--xxl-row-start-5 {
    grid-row-start: 5;
  }

  .eds-grid--xxl-row-end-5 {
    grid-row-end: 5;
  }

  .eds-grid--xxl-row-gap-5 {
    grid-row-gap: 20px;
  }

  .eds-grid--xxl-6 {
    grid-template: repeat(6, 1fr) / repeat(6, 1fr);
  }

  .eds-grid--xxl-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .eds-grid--xxl-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .eds-grid--xxl-col-6 {
    grid-column: span 6;
  }

  .eds-grid--xxl-col-pos-6 {
    grid-column: 6;
  }

  .eds-grid--xxl-col-start-6 {
    grid-column-start: 6;
  }

  .eds-grid--xxl-col-end-6 {
    grid-column-end: 6;
  }

  .eds-grid--xxl-row-6 {
    grid-row: span 6;
  }

  .eds-grid--xxl-row-pos-6 {
    grid-row: 6;
  }

  .eds-grid--xxl-row-start-6 {
    grid-row-start: 6;
  }

  .eds-grid--xxl-row-end-6 {
    grid-row-end: 6;
  }

  .eds-grid--xxl-row-gap-6 {
    grid-row-gap: 24px;
  }

  .eds-grid--xxl-7 {
    grid-template: repeat(7, 1fr) / repeat(7, 1fr);
  }

  .eds-grid--xxl-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .eds-grid--xxl-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .eds-grid--xxl-col-7 {
    grid-column: span 7;
  }

  .eds-grid--xxl-col-pos-7 {
    grid-column: 7;
  }

  .eds-grid--xxl-col-start-7 {
    grid-column-start: 7;
  }

  .eds-grid--xxl-col-end-7 {
    grid-column-end: 7;
  }

  .eds-grid--xxl-row-7 {
    grid-row: span 7;
  }

  .eds-grid--xxl-row-pos-7 {
    grid-row: 7;
  }

  .eds-grid--xxl-row-start-7 {
    grid-row-start: 7;
  }

  .eds-grid--xxl-row-end-7 {
    grid-row-end: 7;
  }

  .eds-grid--xxl-row-gap-7 {
    grid-row-gap: 28px;
  }

  .eds-grid--xxl-8 {
    grid-template: repeat(8, 1fr) / repeat(8, 1fr);
  }

  .eds-grid--xxl-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .eds-grid--xxl-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .eds-grid--xxl-col-8 {
    grid-column: span 8;
  }

  .eds-grid--xxl-col-pos-8 {
    grid-column: 8;
  }

  .eds-grid--xxl-col-start-8 {
    grid-column-start: 8;
  }

  .eds-grid--xxl-col-end-8 {
    grid-column-end: 8;
  }

  .eds-grid--xxl-row-8 {
    grid-row: span 8;
  }

  .eds-grid--xxl-row-pos-8 {
    grid-row: 8;
  }

  .eds-grid--xxl-row-start-8 {
    grid-row-start: 8;
  }

  .eds-grid--xxl-row-end-8 {
    grid-row-end: 8;
  }

  .eds-grid--xxl-row-gap-8 {
    grid-row-gap: 32px;
  }

  .eds-grid--xxl-9 {
    grid-template: repeat(9, 1fr) / repeat(9, 1fr);
  }

  .eds-grid--xxl-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .eds-grid--xxl-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .eds-grid--xxl-col-9 {
    grid-column: span 9;
  }

  .eds-grid--xxl-col-pos-9 {
    grid-column: 9;
  }

  .eds-grid--xxl-col-start-9 {
    grid-column-start: 9;
  }

  .eds-grid--xxl-col-end-9 {
    grid-column-end: 9;
  }

  .eds-grid--xxl-row-9 {
    grid-row: span 9;
  }

  .eds-grid--xxl-row-pos-9 {
    grid-row: 9;
  }

  .eds-grid--xxl-row-start-9 {
    grid-row-start: 9;
  }

  .eds-grid--xxl-row-end-9 {
    grid-row-end: 9;
  }

  .eds-grid--xxl-row-gap-9 {
    grid-row-gap: 36px;
  }

  .eds-grid--xxl-10 {
    grid-template: repeat(10, 1fr) / repeat(10, 1fr);
  }

  .eds-grid--xxl-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .eds-grid--xxl-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .eds-grid--xxl-col-10 {
    grid-column: span 10;
  }

  .eds-grid--xxl-col-pos-10 {
    grid-column: 10;
  }

  .eds-grid--xxl-col-start-10 {
    grid-column-start: 10;
  }

  .eds-grid--xxl-col-end-10 {
    grid-column-end: 10;
  }

  .eds-grid--xxl-row-10 {
    grid-row: span 10;
  }

  .eds-grid--xxl-row-pos-10 {
    grid-row: 10;
  }

  .eds-grid--xxl-row-start-10 {
    grid-row-start: 10;
  }

  .eds-grid--xxl-row-end-10 {
    grid-row-end: 10;
  }

  .eds-grid--xxl-row-gap-10 {
    grid-row-gap: 40px;
  }

  .eds-grid--xxl-11 {
    grid-template: repeat(11, 1fr) / repeat(11, 1fr);
  }

  .eds-grid--xxl-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .eds-grid--xxl-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .eds-grid--xxl-col-11 {
    grid-column: span 11;
  }

  .eds-grid--xxl-col-pos-11 {
    grid-column: 11;
  }

  .eds-grid--xxl-col-start-11 {
    grid-column-start: 11;
  }

  .eds-grid--xxl-col-end-11 {
    grid-column-end: 11;
  }

  .eds-grid--xxl-row-11 {
    grid-row: span 11;
  }

  .eds-grid--xxl-row-pos-11 {
    grid-row: 11;
  }

  .eds-grid--xxl-row-start-11 {
    grid-row-start: 11;
  }

  .eds-grid--xxl-row-end-11 {
    grid-row-end: 11;
  }

  .eds-grid--xxl-row-gap-11 {
    grid-row-gap: 44px;
  }

  .eds-grid--xxl-12 {
    grid-template: repeat(12, 1fr) / repeat(12, 1fr);
  }

  .eds-grid--xxl-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .eds-grid--xxl-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .eds-grid--xxl-col-full {
    grid-column: 1 / -1;
  }

  .eds-grid--xxl-col-12 {
    grid-column: span 12;
  }

  .eds-grid--xxl-col-pos-12 {
    grid-column: 12;
  }

  .eds-grid--xxl-col-start-12 {
    grid-column-start: 12;
  }

  .eds-grid--xxl-col-end-12 {
    grid-column-end: 12;
  }

  .eds-grid--xxl-row-full {
    grid-row: 1 / -1;
  }

  .eds-grid--xxl-row-12 {
    grid-row: span 12;
  }

  .eds-grid--xxl-row-pos-12 {
    grid-row: 12;
  }

  .eds-grid--xxl-row-start-12 {
    grid-row-start: 12;
  }

  .eds-grid--xxl-row-end-12 {
    grid-row-end: 12;
  }

  .eds-grid--xxl-row-gap-12 {
    grid-row-gap: 48px;
  }

  .eds-grid--xxl-items-center {
    place-items: center;
  }

  .eds-grid--xxl-items-align-center {
    align-items: center;
  }

  .eds-grid--xxl-items-justify-center {
    justify-items: center;
  }

  .eds-grid--xxl-item-center {
    place-self: center;
  }

  .eds-grid--xxl-item-align-center {
    align-self: center;
  }

  .eds-grid--xxl-item-justify-center {
    justify-self: center;
  }

  .eds-grid--xxl-items-start {
    place-items: start;
  }

  .eds-grid--xxl-items-align-start {
    align-items: start;
  }

  .eds-grid--xxl-items-justify-start {
    justify-items: start;
  }

  .eds-grid--xxl-item-start {
    place-self: start;
  }

  .eds-grid--xxl-item-align-start {
    align-self: start;
  }

  .eds-grid--xxl-item-justify-start {
    justify-self: start;
  }

  .eds-grid--xxl-items-end {
    place-items: end;
  }

  .eds-grid--xxl-items-align-end {
    align-items: end;
  }

  .eds-grid--xxl-items-justify-end {
    justify-items: end;
  }

  .eds-grid--xxl-item-end {
    place-self: end;
  }

  .eds-grid--xxl-item-align-end {
    align-self: end;
  }

  .eds-grid--xxl-item-justify-end {
    justify-self: end;
  }

  .eds-grid--xxl-items-baseline {
    place-items: baseline;
  }

  .eds-grid--xxl-items-align-baseline {
    align-items: baseline;
  }

  .eds-grid--xxl-items-justify-baseline {
    justify-items: baseline;
  }

  .eds-grid--xxl-item-baseline {
    place-self: baseline;
  }

  .eds-grid--xxl-item-align-baseline {
    align-self: baseline;
  }

  .eds-grid--xxl-item-justify-baseline {
    justify-self: baseline;
  }

  .eds-grid--xxl-items-stretch {
    place-items: stretch stretch;
  }

  .eds-grid--xxl-items-align-stretch {
    align-items: stretch;
  }

  .eds-grid--xxl-items-justify-stretch {
    justify-items: stretch;
  }

  .eds-grid--xxl-item-stretch {
    place-self: stretch stretch;
  }

  .eds-grid--xxl-item-align-stretch {
    align-self: stretch;
  }

  .eds-grid--xxl-item-justify-stretch {
    justify-self: stretch;
  }

  .eds-grid--xxl-content-center {
    place-content: center;
  }

  .eds-grid--xxl-content-justify-center {
    justify-content: center;
  }

  .eds-grid--xxl-content-align-center {
    align-content: center;
  }

  .eds-grid--xxl-content-start {
    place-content: start;
  }

  .eds-grid--xxl-content-justify-start {
    justify-content: start;
  }

  .eds-grid--xxl-content-align-start {
    align-content: start;
  }

  .eds-grid--xxl-content-end {
    place-content: end;
  }

  .eds-grid--xxl-content-justify-end {
    justify-content: end;
  }

  .eds-grid--xxl-content-align-end {
    align-content: end;
  }

  .eds-grid--xxl-content-baseline {
    align-content: baseline;
    justify-content: baseline;
  }

  .eds-grid--xxl-content-justify-baseline {
    justify-content: baseline;
  }

  .eds-grid--xxl-content-align-baseline {
    align-content: baseline;
  }

  .eds-grid--xxl-content-stretch {
    place-content: stretch;
  }

  .eds-grid--xxl-content-justify-stretch {
    justify-content: stretch;
  }

  .eds-grid--xxl-content-align-stretch {
    align-content: stretch;
  }

  .eds-grid--xxl-content-space-between {
    place-content: space-between;
  }

  .eds-grid--xxl-content-justify-space-between {
    justify-content: space-between;
  }

  .eds-grid--xxl-content-align-space-between {
    align-content: space-between;
  }

  .eds-grid--xxl-content-space-around {
    place-content: space-around;
  }

  .eds-grid--xxl-content-justify-space-around {
    justify-content: space-around;
  }

  .eds-grid--xxl-content-align-space-around {
    align-content: space-around;
  }

  .eds-grid--xxl-content-space-evenly {
    place-content: space-evenly;
  }

  .eds-grid--xxl-content-justify-space-evenly {
    justify-content: space-evenly;
  }

  .eds-grid--xxl-content-align-space-evenly {
    align-content: space-evenly;
  }
}

.eds-flex {
  display: flex;
}

.eds-flex-inline {
  display: inline-flex;
}

.eds-flex--align-items-stretch {
  align-items: stretch;
}

.eds-flex--align-self-stretch {
  align-self: stretch;
}

.eds-flex--align-items-flex-start {
  align-items: flex-start;
}

.eds-flex--align-self-flex-start {
  align-self: flex-start;
}

.eds-flex--align-items-center {
  align-items: center;
}

.eds-flex--align-self-center {
  align-self: center;
}

.eds-flex--align-items-flex-end {
  align-items: flex-end;
}

.eds-flex--align-self-flex-end {
  align-self: flex-end;
}

.eds-flex--align-items-baseline {
  align-items: baseline;
}

.eds-flex--align-self-baseline {
  align-self: baseline;
}

.eds-flex--align-items-auto {
  align-items: auto;
}

.eds-flex--align-self-auto {
  align-self: auto;
}

.eds-flex--align-content-stretch {
  align-content: stretch;
}

.eds-flex--align-content-flex-start {
  align-content: flex-start;
}

.eds-flex--align-content-center {
  align-content: center;
}

.eds-flex--align-content-flex-end {
  align-content: flex-end;
}

.eds-flex--align-content-space-between {
  align-content: space-between;
}

.eds-flex--align-content-space-around {
  align-content: space-around;
}

.eds-flex--justify-content-flex-start {
  justify-content: flex-start;
}

.eds-flex--justify-content-center {
  justify-content: center;
}

.eds-flex--justify-content-flex-end {
  justify-content: flex-end;
}

.eds-flex--justify-content-space-between {
  justify-content: space-between;
}

.eds-flex--justify-content-space-around {
  justify-content: space-around;
}

.eds-flex--justify-content-space-evenly {
  justify-content: space-evenly;
}

.eds-flex--direction-row {
  flex-direction: row;
}

.eds-flex--direction-row-reverse {
  flex-direction: row-reverse;
}

.eds-flex--direction-column {
  flex-direction: column;
}

.eds-flex--direction-column-reverse {
  flex-direction: column-reverse;
}

.eds-flex--nowrap {
  flex-wrap: nowrap;
}

.eds-flex--wrap {
  flex-wrap: wrap;
}

.eds-flex--wrap-reverse {
  flex-wrap: wrap-reverse;
}

.eds-flex--grow-1 {
  flex-grow: 1;
}

.eds-flex--shrink-1 {
  flex-shrink: 1;
}

.eds-flex--grow-2 {
  flex-grow: 2;
}

.eds-flex--shrink-2 {
  flex-shrink: 2;
}

.eds-flex--grow-3 {
  flex-grow: 3;
}

.eds-flex--shrink-3 {
  flex-shrink: 3;
}

.eds-flex--grow-4 {
  flex-grow: 4;
}

.eds-flex--shrink-4 {
  flex-shrink: 4;
}

.eds-flex--grow-5 {
  flex-grow: 5;
}

.eds-flex--shrink-5 {
  flex-shrink: 5;
}

.eds-flex--order-1 {
  order: 1;
}

.eds-flex--order-2 {
  order: 2;
}

.eds-flex--order-3 {
  order: 3;
}

.eds-flex--order-4 {
  order: 4;
}

.eds-flex--order-5 {
  order: 5;
}

.eds-flex--order-6 {
  order: 6;
}

.eds-flex--order-7 {
  order: 7;
}

.eds-flex--order-8 {
  order: 8;
}

.eds-flex--order-9 {
  order: 9;
}

.eds-flex--order-10 {
  order: 10;
}

.eds-flex--order-11 {
  order: 11;
}

.eds-flex--order-12 {
  order: 12;
}

@media (width >= 576px) {
  .eds-flex--s-align-items-stretch {
    align-items: stretch;
  }

  .eds-flex--s-align-self-stretch {
    align-self: stretch;
  }

  .eds-flex--s-align-items-flex-start {
    align-items: flex-start;
  }

  .eds-flex--s-align-self-flex-start {
    align-self: flex-start;
  }

  .eds-flex--s-align-items-center {
    align-items: center;
  }

  .eds-flex--s-align-self-center {
    align-self: center;
  }

  .eds-flex--s-align-items-flex-end {
    align-items: flex-end;
  }

  .eds-flex--s-align-self-flex-end {
    align-self: flex-end;
  }

  .eds-flex--s-align-items-baseline {
    align-items: baseline;
  }

  .eds-flex--s-align-self-baseline {
    align-self: baseline;
  }

  .eds-flex--s-align-items-auto {
    align-items: auto;
  }

  .eds-flex--s-align-self-auto {
    align-self: auto;
  }

  .eds-flex--s-align-content-stretch {
    align-content: stretch;
  }

  .eds-flex--s-align-content-flex-start {
    align-content: flex-start;
  }

  .eds-flex--s-align-content-center {
    align-content: center;
  }

  .eds-flex--s-align-content-flex-end {
    align-content: flex-end;
  }

  .eds-flex--s-align-content-space-between {
    align-content: space-between;
  }

  .eds-flex--s-align-content-space-around {
    align-content: space-around;
  }

  .eds-flex--s-justify-content-flex-start {
    justify-content: flex-start;
  }

  .eds-flex--s-justify-content-center {
    justify-content: center;
  }

  .eds-flex--s-justify-content-flex-end {
    justify-content: flex-end;
  }

  .eds-flex--s-justify-content-space-between {
    justify-content: space-between;
  }

  .eds-flex--s-justify-content-space-around {
    justify-content: space-around;
  }

  .eds-flex--s-justify-content-space-evenly {
    justify-content: space-evenly;
  }

  .eds-flex--s-direction-row {
    flex-direction: row;
  }

  .eds-flex--s-direction-row-reverse {
    flex-direction: row-reverse;
  }

  .eds-flex--s-direction-column {
    flex-direction: column;
  }

  .eds-flex--s-direction-column-reverse {
    flex-direction: column-reverse;
  }

  .eds-flex--s-nowrap {
    flex-wrap: nowrap;
  }

  .eds-flex--s-wrap {
    flex-wrap: wrap;
  }

  .eds-flex--s-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .eds-flex--s-grow-1 {
    flex-grow: 1;
  }

  .eds-flex--s-shrink-1 {
    flex-shrink: 1;
  }

  .eds-flex--s-grow-2 {
    flex-grow: 2;
  }

  .eds-flex--s-shrink-2 {
    flex-shrink: 2;
  }

  .eds-flex--s-grow-3 {
    flex-grow: 3;
  }

  .eds-flex--s-shrink-3 {
    flex-shrink: 3;
  }

  .eds-flex--s-grow-4 {
    flex-grow: 4;
  }

  .eds-flex--s-shrink-4 {
    flex-shrink: 4;
  }

  .eds-flex--s-grow-5 {
    flex-grow: 5;
  }

  .eds-flex--s-shrink-5 {
    flex-shrink: 5;
  }

  .eds-flex--s-order-1 {
    order: 1;
  }

  .eds-flex--s-order-2 {
    order: 2;
  }

  .eds-flex--s-order-3 {
    order: 3;
  }

  .eds-flex--s-order-4 {
    order: 4;
  }

  .eds-flex--s-order-5 {
    order: 5;
  }

  .eds-flex--s-order-6 {
    order: 6;
  }

  .eds-flex--s-order-7 {
    order: 7;
  }

  .eds-flex--s-order-8 {
    order: 8;
  }

  .eds-flex--s-order-9 {
    order: 9;
  }

  .eds-flex--s-order-10 {
    order: 10;
  }

  .eds-flex--s-order-11 {
    order: 11;
  }

  .eds-flex--s-order-12 {
    order: 12;
  }
}

@media (width >= 768px) {
  .eds-flex--m-align-items-stretch {
    align-items: stretch;
  }

  .eds-flex--m-align-self-stretch {
    align-self: stretch;
  }

  .eds-flex--m-align-items-flex-start {
    align-items: flex-start;
  }

  .eds-flex--m-align-self-flex-start {
    align-self: flex-start;
  }

  .eds-flex--m-align-items-center {
    align-items: center;
  }

  .eds-flex--m-align-self-center {
    align-self: center;
  }

  .eds-flex--m-align-items-flex-end {
    align-items: flex-end;
  }

  .eds-flex--m-align-self-flex-end {
    align-self: flex-end;
  }

  .eds-flex--m-align-items-baseline {
    align-items: baseline;
  }

  .eds-flex--m-align-self-baseline {
    align-self: baseline;
  }

  .eds-flex--m-align-items-auto {
    align-items: auto;
  }

  .eds-flex--m-align-self-auto {
    align-self: auto;
  }

  .eds-flex--m-align-content-stretch {
    align-content: stretch;
  }

  .eds-flex--m-align-content-flex-start {
    align-content: flex-start;
  }

  .eds-flex--m-align-content-center {
    align-content: center;
  }

  .eds-flex--m-align-content-flex-end {
    align-content: flex-end;
  }

  .eds-flex--m-align-content-space-between {
    align-content: space-between;
  }

  .eds-flex--m-align-content-space-around {
    align-content: space-around;
  }

  .eds-flex--m-justify-content-flex-start {
    justify-content: flex-start;
  }

  .eds-flex--m-justify-content-center {
    justify-content: center;
  }

  .eds-flex--m-justify-content-flex-end {
    justify-content: flex-end;
  }

  .eds-flex--m-justify-content-space-between {
    justify-content: space-between;
  }

  .eds-flex--m-justify-content-space-around {
    justify-content: space-around;
  }

  .eds-flex--m-justify-content-space-evenly {
    justify-content: space-evenly;
  }

  .eds-flex--m-direction-row {
    flex-direction: row;
  }

  .eds-flex--m-direction-row-reverse {
    flex-direction: row-reverse;
  }

  .eds-flex--m-direction-column {
    flex-direction: column;
  }

  .eds-flex--m-direction-column-reverse {
    flex-direction: column-reverse;
  }

  .eds-flex--m-nowrap {
    flex-wrap: nowrap;
  }

  .eds-flex--m-wrap {
    flex-wrap: wrap;
  }

  .eds-flex--m-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .eds-flex--m-grow-1 {
    flex-grow: 1;
  }

  .eds-flex--m-shrink-1 {
    flex-shrink: 1;
  }

  .eds-flex--m-grow-2 {
    flex-grow: 2;
  }

  .eds-flex--m-shrink-2 {
    flex-shrink: 2;
  }

  .eds-flex--m-grow-3 {
    flex-grow: 3;
  }

  .eds-flex--m-shrink-3 {
    flex-shrink: 3;
  }

  .eds-flex--m-grow-4 {
    flex-grow: 4;
  }

  .eds-flex--m-shrink-4 {
    flex-shrink: 4;
  }

  .eds-flex--m-grow-5 {
    flex-grow: 5;
  }

  .eds-flex--m-shrink-5 {
    flex-shrink: 5;
  }

  .eds-flex--m-order-1 {
    order: 1;
  }

  .eds-flex--m-order-2 {
    order: 2;
  }

  .eds-flex--m-order-3 {
    order: 3;
  }

  .eds-flex--m-order-4 {
    order: 4;
  }

  .eds-flex--m-order-5 {
    order: 5;
  }

  .eds-flex--m-order-6 {
    order: 6;
  }

  .eds-flex--m-order-7 {
    order: 7;
  }

  .eds-flex--m-order-8 {
    order: 8;
  }

  .eds-flex--m-order-9 {
    order: 9;
  }

  .eds-flex--m-order-10 {
    order: 10;
  }

  .eds-flex--m-order-11 {
    order: 11;
  }

  .eds-flex--m-order-12 {
    order: 12;
  }
}

@media (width >= 992px) {
  .eds-flex--l-align-items-stretch {
    align-items: stretch;
  }

  .eds-flex--l-align-self-stretch {
    align-self: stretch;
  }

  .eds-flex--l-align-items-flex-start {
    align-items: flex-start;
  }

  .eds-flex--l-align-self-flex-start {
    align-self: flex-start;
  }

  .eds-flex--l-align-items-center {
    align-items: center;
  }

  .eds-flex--l-align-self-center {
    align-self: center;
  }

  .eds-flex--l-align-items-flex-end {
    align-items: flex-end;
  }

  .eds-flex--l-align-self-flex-end {
    align-self: flex-end;
  }

  .eds-flex--l-align-items-baseline {
    align-items: baseline;
  }

  .eds-flex--l-align-self-baseline {
    align-self: baseline;
  }

  .eds-flex--l-align-items-auto {
    align-items: auto;
  }

  .eds-flex--l-align-self-auto {
    align-self: auto;
  }

  .eds-flex--l-align-content-stretch {
    align-content: stretch;
  }

  .eds-flex--l-align-content-flex-start {
    align-content: flex-start;
  }

  .eds-flex--l-align-content-center {
    align-content: center;
  }

  .eds-flex--l-align-content-flex-end {
    align-content: flex-end;
  }

  .eds-flex--l-align-content-space-between {
    align-content: space-between;
  }

  .eds-flex--l-align-content-space-around {
    align-content: space-around;
  }

  .eds-flex--l-justify-content-flex-start {
    justify-content: flex-start;
  }

  .eds-flex--l-justify-content-center {
    justify-content: center;
  }

  .eds-flex--l-justify-content-flex-end {
    justify-content: flex-end;
  }

  .eds-flex--l-justify-content-space-between {
    justify-content: space-between;
  }

  .eds-flex--l-justify-content-space-around {
    justify-content: space-around;
  }

  .eds-flex--l-justify-content-space-evenly {
    justify-content: space-evenly;
  }

  .eds-flex--l-direction-row {
    flex-direction: row;
  }

  .eds-flex--l-direction-row-reverse {
    flex-direction: row-reverse;
  }

  .eds-flex--l-direction-column {
    flex-direction: column;
  }

  .eds-flex--l-direction-column-reverse {
    flex-direction: column-reverse;
  }

  .eds-flex--l-nowrap {
    flex-wrap: nowrap;
  }

  .eds-flex--l-wrap {
    flex-wrap: wrap;
  }

  .eds-flex--l-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .eds-flex--l-grow-1 {
    flex-grow: 1;
  }

  .eds-flex--l-shrink-1 {
    flex-shrink: 1;
  }

  .eds-flex--l-grow-2 {
    flex-grow: 2;
  }

  .eds-flex--l-shrink-2 {
    flex-shrink: 2;
  }

  .eds-flex--l-grow-3 {
    flex-grow: 3;
  }

  .eds-flex--l-shrink-3 {
    flex-shrink: 3;
  }

  .eds-flex--l-grow-4 {
    flex-grow: 4;
  }

  .eds-flex--l-shrink-4 {
    flex-shrink: 4;
  }

  .eds-flex--l-grow-5 {
    flex-grow: 5;
  }

  .eds-flex--l-shrink-5 {
    flex-shrink: 5;
  }

  .eds-flex--l-order-1 {
    order: 1;
  }

  .eds-flex--l-order-2 {
    order: 2;
  }

  .eds-flex--l-order-3 {
    order: 3;
  }

  .eds-flex--l-order-4 {
    order: 4;
  }

  .eds-flex--l-order-5 {
    order: 5;
  }

  .eds-flex--l-order-6 {
    order: 6;
  }

  .eds-flex--l-order-7 {
    order: 7;
  }

  .eds-flex--l-order-8 {
    order: 8;
  }

  .eds-flex--l-order-9 {
    order: 9;
  }

  .eds-flex--l-order-10 {
    order: 10;
  }

  .eds-flex--l-order-11 {
    order: 11;
  }

  .eds-flex--l-order-12 {
    order: 12;
  }
}

@media (width >= 1200px) {
  .eds-flex--xl-align-items-stretch {
    align-items: stretch;
  }

  .eds-flex--xl-align-self-stretch {
    align-self: stretch;
  }

  .eds-flex--xl-align-items-flex-start {
    align-items: flex-start;
  }

  .eds-flex--xl-align-self-flex-start {
    align-self: flex-start;
  }

  .eds-flex--xl-align-items-center {
    align-items: center;
  }

  .eds-flex--xl-align-self-center {
    align-self: center;
  }

  .eds-flex--xl-align-items-flex-end {
    align-items: flex-end;
  }

  .eds-flex--xl-align-self-flex-end {
    align-self: flex-end;
  }

  .eds-flex--xl-align-items-baseline {
    align-items: baseline;
  }

  .eds-flex--xl-align-self-baseline {
    align-self: baseline;
  }

  .eds-flex--xl-align-items-auto {
    align-items: auto;
  }

  .eds-flex--xl-align-self-auto {
    align-self: auto;
  }

  .eds-flex--xl-align-content-stretch {
    align-content: stretch;
  }

  .eds-flex--xl-align-content-flex-start {
    align-content: flex-start;
  }

  .eds-flex--xl-align-content-center {
    align-content: center;
  }

  .eds-flex--xl-align-content-flex-end {
    align-content: flex-end;
  }

  .eds-flex--xl-align-content-space-between {
    align-content: space-between;
  }

  .eds-flex--xl-align-content-space-around {
    align-content: space-around;
  }

  .eds-flex--xl-justify-content-flex-start {
    justify-content: flex-start;
  }

  .eds-flex--xl-justify-content-center {
    justify-content: center;
  }

  .eds-flex--xl-justify-content-flex-end {
    justify-content: flex-end;
  }

  .eds-flex--xl-justify-content-space-between {
    justify-content: space-between;
  }

  .eds-flex--xl-justify-content-space-around {
    justify-content: space-around;
  }

  .eds-flex--xl-justify-content-space-evenly {
    justify-content: space-evenly;
  }

  .eds-flex--xl-direction-row {
    flex-direction: row;
  }

  .eds-flex--xl-direction-row-reverse {
    flex-direction: row-reverse;
  }

  .eds-flex--xl-direction-column {
    flex-direction: column;
  }

  .eds-flex--xl-direction-column-reverse {
    flex-direction: column-reverse;
  }

  .eds-flex--xl-nowrap {
    flex-wrap: nowrap;
  }

  .eds-flex--xl-wrap {
    flex-wrap: wrap;
  }

  .eds-flex--xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .eds-flex--xl-grow-1 {
    flex-grow: 1;
  }

  .eds-flex--xl-shrink-1 {
    flex-shrink: 1;
  }

  .eds-flex--xl-grow-2 {
    flex-grow: 2;
  }

  .eds-flex--xl-shrink-2 {
    flex-shrink: 2;
  }

  .eds-flex--xl-grow-3 {
    flex-grow: 3;
  }

  .eds-flex--xl-shrink-3 {
    flex-shrink: 3;
  }

  .eds-flex--xl-grow-4 {
    flex-grow: 4;
  }

  .eds-flex--xl-shrink-4 {
    flex-shrink: 4;
  }

  .eds-flex--xl-grow-5 {
    flex-grow: 5;
  }

  .eds-flex--xl-shrink-5 {
    flex-shrink: 5;
  }

  .eds-flex--xl-order-1 {
    order: 1;
  }

  .eds-flex--xl-order-2 {
    order: 2;
  }

  .eds-flex--xl-order-3 {
    order: 3;
  }

  .eds-flex--xl-order-4 {
    order: 4;
  }

  .eds-flex--xl-order-5 {
    order: 5;
  }

  .eds-flex--xl-order-6 {
    order: 6;
  }

  .eds-flex--xl-order-7 {
    order: 7;
  }

  .eds-flex--xl-order-8 {
    order: 8;
  }

  .eds-flex--xl-order-9 {
    order: 9;
  }

  .eds-flex--xl-order-10 {
    order: 10;
  }

  .eds-flex--xl-order-11 {
    order: 11;
  }

  .eds-flex--xl-order-12 {
    order: 12;
  }
}

@media (width >= 1400px) {
  .eds-flex--xxl-align-items-stretch {
    align-items: stretch;
  }

  .eds-flex--xxl-align-self-stretch {
    align-self: stretch;
  }

  .eds-flex--xxl-align-items-flex-start {
    align-items: flex-start;
  }

  .eds-flex--xxl-align-self-flex-start {
    align-self: flex-start;
  }

  .eds-flex--xxl-align-items-center {
    align-items: center;
  }

  .eds-flex--xxl-align-self-center {
    align-self: center;
  }

  .eds-flex--xxl-align-items-flex-end {
    align-items: flex-end;
  }

  .eds-flex--xxl-align-self-flex-end {
    align-self: flex-end;
  }

  .eds-flex--xxl-align-items-baseline {
    align-items: baseline;
  }

  .eds-flex--xxl-align-self-baseline {
    align-self: baseline;
  }

  .eds-flex--xxl-align-items-auto {
    align-items: auto;
  }

  .eds-flex--xxl-align-self-auto {
    align-self: auto;
  }

  .eds-flex--xxl-align-content-stretch {
    align-content: stretch;
  }

  .eds-flex--xxl-align-content-flex-start {
    align-content: flex-start;
  }

  .eds-flex--xxl-align-content-center {
    align-content: center;
  }

  .eds-flex--xxl-align-content-flex-end {
    align-content: flex-end;
  }

  .eds-flex--xxl-align-content-space-between {
    align-content: space-between;
  }

  .eds-flex--xxl-align-content-space-around {
    align-content: space-around;
  }

  .eds-flex--xxl-justify-content-flex-start {
    justify-content: flex-start;
  }

  .eds-flex--xxl-justify-content-center {
    justify-content: center;
  }

  .eds-flex--xxl-justify-content-flex-end {
    justify-content: flex-end;
  }

  .eds-flex--xxl-justify-content-space-between {
    justify-content: space-between;
  }

  .eds-flex--xxl-justify-content-space-around {
    justify-content: space-around;
  }

  .eds-flex--xxl-justify-content-space-evenly {
    justify-content: space-evenly;
  }

  .eds-flex--xxl-direction-row {
    flex-direction: row;
  }

  .eds-flex--xxl-direction-row-reverse {
    flex-direction: row-reverse;
  }

  .eds-flex--xxl-direction-column {
    flex-direction: column;
  }

  .eds-flex--xxl-direction-column-reverse {
    flex-direction: column-reverse;
  }

  .eds-flex--xxl-nowrap {
    flex-wrap: nowrap;
  }

  .eds-flex--xxl-wrap {
    flex-wrap: wrap;
  }

  .eds-flex--xxl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .eds-flex--xxl-grow-1 {
    flex-grow: 1;
  }

  .eds-flex--xxl-shrink-1 {
    flex-shrink: 1;
  }

  .eds-flex--xxl-grow-2 {
    flex-grow: 2;
  }

  .eds-flex--xxl-shrink-2 {
    flex-shrink: 2;
  }

  .eds-flex--xxl-grow-3 {
    flex-grow: 3;
  }

  .eds-flex--xxl-shrink-3 {
    flex-shrink: 3;
  }

  .eds-flex--xxl-grow-4 {
    flex-grow: 4;
  }

  .eds-flex--xxl-shrink-4 {
    flex-shrink: 4;
  }

  .eds-flex--xxl-grow-5 {
    flex-grow: 5;
  }

  .eds-flex--xxl-shrink-5 {
    flex-shrink: 5;
  }

  .eds-flex--xxl-order-1 {
    order: 1;
  }

  .eds-flex--xxl-order-2 {
    order: 2;
  }

  .eds-flex--xxl-order-3 {
    order: 3;
  }

  .eds-flex--xxl-order-4 {
    order: 4;
  }

  .eds-flex--xxl-order-5 {
    order: 5;
  }

  .eds-flex--xxl-order-6 {
    order: 6;
  }

  .eds-flex--xxl-order-7 {
    order: 7;
  }

  .eds-flex--xxl-order-8 {
    order: 8;
  }

  .eds-flex--xxl-order-9 {
    order: 9;
  }

  .eds-flex--xxl-order-10 {
    order: 10;
  }

  .eds-flex--xxl-order-11 {
    order: 11;
  }

  .eds-flex--xxl-order-12 {
    order: 12;
  }
}

.eds--layers-10 {
  z-index: var(--eds-layers-10);
}

.eds--layers-20 {
  z-index: var(--eds-layers-20);
}

.eds--layers-30 {
  z-index: var(--eds-layers-30);
}

.eds--layers-40 {
  z-index: var(--eds-layers-40);
}

.eds--layers-50 {
  z-index: var(--eds-layers-50);
}

.eds--layers-60 {
  z-index: var(--eds-layers-60);
}

.visx-axis text {
  fill: var(--eds-color-text-secondary);
  font: var(--eds-type-body-3);
}

.visx-axis .visx-axis-label {
  font: var(--eds-type-legal-1);
}

.visx-rows .visx-line {
  stroke: var(--eds-color-grey-2) !important;
}

.full-height {
  height: 90vh;
}

.fcl-datepicker-day-td {
  border: 1px solid #e5e5e5;
}

.fcl-datepicker-day-td:hover {
  border: 1px double #fa5400;
}

.fcl-datepicker-day-td:focus {
  background-color: #87cefa;
  outline: none;
}

.fcl-datepicker-day-td.day-within-range {
  color: #fff;
  background: #fa540066;
}

.fcl-datepicker-day-td.not-selectable:hover {
  border: none;
}

.fcl-datepicker-day-td.not-selectable:focus {
  background-color: #000;
  outline: none;
}

.fcl-datepicker-day-td.selected-day {
  background-color: #fa5400;
}

.fcl-datepicker-day-style {
  text-align: center;
  align-self: center;
  width: 40px;
  height: 40px;
}

.today {
  color: #fff;
  background: #000;
  border-radius: 100%;
}

.date-colon {
  display: inline-block;
  position: relative;
  top: -16px;
}

.datepicker-container {
  position: relative;
}

.datepicker-overlay {
  background-color: #fff;
  border: 1px solid;
  width: 304px;
  display: flex;
  position: absolute;
}

.datepicker-overlay.range-picker {
  width: 608px;
}

.datepicker-overlay.center-picker {
  left: 50%;
  transform: translate(-50%);
}

.datepicker-overlay.right-picker {
  left: 100%;
  transform: translate(-100%);
}

.react-select__control {
  height: 40px;
}

@media (width <= 1024px) {
  .react-select__control {
    height: 48px;
  }
}

.invisible {
  display: none;
}

.rightAlign {
  float: right;
}

.npos-table {
  max-height: 70vh;
  padding: 0 10px 12px;
}

.npos-table table {
  border-collapse: collapse;
  width: 100%;
}

.npos-table thead, .npos-table tbody {
  display: block;
}

.npos-table thead {
  width: calc(100% - 1em);
}

.npos-table tbody {
  width: 100%;
  overflow: hidden auto;
}

.paginate {
  max-height: 44vh;
}

.no-paginate {
  max-height: 52vh;
}

.npos-table th, .npos-table td {
  box-sizing: border-box;
  width: 33.3333%;
}

.npos-table-cell {
  font: var(--eds-type-body-3);
  color: var(--eds-color-text-default);
  font-size: 16px;
}

.npos-table-cell-time {
  font: var(--eds-type-body-3);
  color: var(--eds-color-text-hover);
  font-size: 14px;
}

.page-number-button {
  background-color: var(--eds-color-ui-100);
  border: 1px solid var(--eds-color-ui-100);
  color: var(--eds-color-text-default);
  font: var(--eds-type-body-3);
  cursor: pointer;
  border-radius: .25rem;
  margin: 0 .5rem;
  padding: .5rem .1rem;
  font-size: 16px;
}

.pagination-controls {
  background-color: var(--eds-color-ui-100);
  align-items: center;
  display: flex;
}

.page-number-container {
  flex-direction: column;
  align-items: center;
  margin: 4px;
  display: flex;
}

.page-number-icon {
  margin-top: .2rem;
}

.ReactTable {
  border: 1px solid #0000001a;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ReactTable * {
  box-sizing: border-box;
}

.ReactTable .rt-table {
  border-collapse: collapse;
  flex-direction: column;
  flex: auto;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: auto;
}

.ReactTable .rt-thead {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}

.ReactTable .rt-thead.-headerGroups {
  background: #00000008;
  border-bottom: 1px solid #0000000d;
}

.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid #0000000d;
}

.ReactTable .rt-thead.-filters input, .ReactTable .rt-thead.-filters select {
  font-size: inherit;
  background: #fff;
  border: 1px solid #0000001a;
  border-radius: 3px;
  outline-width: 0;
  padding: 5px 7px;
  font-weight: normal;
}

.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid #00000005;
}

.ReactTable .rt-thead.-header {
  box-shadow: 0 2px 15px #00000026;
}

.ReactTable .rt-thead .rt-tr {
  text-align: center;
}

.ReactTable .rt-thead .rt-th, .ReactTable .rt-thead .rt-td {
  border-right: 1px solid #0000000d;
  padding: 5px;
  line-height: normal;
  transition: box-shadow .3s cubic-bezier(.175, .885, .32, 1.275);
  position: relative;
  box-shadow: inset 0 0 #0000;
}

.ReactTable .rt-thead .rt-th.-sort-asc, .ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px #0009;
}

.ReactTable .rt-thead .rt-th.-sort-desc, .ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: inset 0 -3px #0009;
}

.ReactTable .rt-thead .rt-th.-cursor-pointer, .ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}

.ReactTable .rt-thead .rt-th:last-child, .ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-thead .rt-th:focus {
  outline-width: 0;
}

.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible;
}

.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden;
}

.ReactTable .rt-thead .rt-resizable-header-content {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #f7f7f7;
}

.ReactTable .rt-thead .rt-header-pivot:after, .ReactTable .rt-thead .rt-header-pivot:before {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 100%;
}

.ReactTable .rt-thead .rt-header-pivot:after {
  border-width: 8px;
  border-color: #fff0 #fff0 #fff0 #fff;
  margin-top: -8px;
}

.ReactTable .rt-thead .rt-header-pivot:before {
  border-width: 10px;
  border-color: #6660 #6660 #6660 #f7f7f7;
  margin-top: -10px;
}

.ReactTable .rt-tbody {
  flex-direction: column;
  flex: 99999 auto;
  display: flex;
  overflow: auto;
}

.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: 1px solid #0000000d;
}

.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0;
}

.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid #00000005;
}

.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
  text-overflow: clip;
}

.ReactTable .rt-tr-group {
  flex-direction: column;
  flex: 1 0 auto;
  align-items: stretch;
  display: flex;
}

.ReactTable .rt-tr {
  flex: 1 0 auto;
  display: inline-flex;
}

.ReactTable .rt-th, .ReactTable .rt-td {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 0 0;
  padding: 7px 5px;
  transition: width .3s, min-width .3s, padding .3s, opacity .3s;
  overflow: hidden;
}

.ReactTable .rt-th.-hidden, .ReactTable .rt-td.-hidden {
  opacity: 0 !important;
  border: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.ReactTable .rt-expander {
  color: #0000;
  margin: 0 10px;
  display: inline-block;
  position: relative;
}

.ReactTable .rt-expander:after {
  content: "";
  cursor: pointer;
  border-top: 7px solid #000c;
  border-left: 5.04px solid #0000;
  border-right: 5.04px solid #0000;
  width: 0;
  height: 0;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}

.ReactTable .rt-expander.-open:after {
  transform: translate(-50%, -50%) rotate(0);
}

.ReactTable .rt-resizer {
  cursor: col-resize;
  z-index: 10;
  width: 36px;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -18px;
}

.ReactTable .rt-tfoot {
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid #0000000d;
}

.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0;
}

.ReactTable.-striped .rt-tr.-odd {
  background: #00000008;
}

.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: #0000000d;
}

.ReactTable .-pagination {
  z-index: 1;
  border-top: 2px solid #0000001a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 3px;
  display: flex;
  box-shadow: 0 0 15px #0000001a;
}

.ReactTable .-pagination input, .ReactTable .-pagination select {
  font-size: inherit;
  background: #fff;
  border: 1px solid #0000001a;
  border-radius: 3px;
  outline-width: 0;
  padding: 5px 7px;
  font-weight: normal;
}

.ReactTable .-pagination .-btn {
  appearance: none;
  color: #0009;
  cursor: pointer;
  background: #0000001a;
  border: 0;
  border-radius: 3px;
  outline-width: 0;
  width: 100%;
  height: 100%;
  padding: 6px;
  font-size: 1em;
  transition: all .1s;
  display: block;
}

.ReactTable .-pagination .-btn[disabled] {
  opacity: .5;
  cursor: default;
}

.ReactTable .-pagination .-btn:not([disabled]):hover {
  color: #fff;
  background: #0000004d;
}

.ReactTable .-pagination .-previous, .ReactTable .-pagination .-next {
  text-align: center;
  flex: 1;
}

.ReactTable .-pagination .-center {
  text-align: center;
  flex-flow: wrap;
  flex: 1.5;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.ReactTable .-pagination .-pageInfo {
  white-space: nowrap;
  margin: 3px 10px;
  display: inline-block;
}

.ReactTable .-pagination .-pageJump {
  display: inline-block;
}

.ReactTable .-pagination .-pageJump input {
  text-align: center;
  width: 70px;
}

.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px;
}

.ReactTable .rt-noData {
  z-index: 1;
  pointer-events: none;
  color: #00000080;
  background: #fffc;
  padding: 20px;
  transition: all .3s;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ReactTable .-loading {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  background: #fffc;
  transition: all .3s;
  display: block;
  position: absolute;
  inset: 0;
}

.ReactTable .-loading > div {
  text-align: center;
  color: #0009;
  width: 100%;
  font-size: 15px;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-52%);
}

.ReactTable .-loading.-active {
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}

.ReactTable .-loading.-active > div {
  transform: translateY(50%);
}

.ReactTable .rt-resizing .rt-th, .ReactTable .rt-resizing .rt-td {
  cursor: col-resize;
  -webkit-user-select: none;
  user-select: none;
  transition: none !important;
}

@media print {
  .hide-print {
    display: none !important;
  }

  .display-print * {
    visibility: visible;
    display: block;
  }

  .border {
    visibility: hidden;
    overflow: visible !important;
  }
}

.justify-between {
  word-break: break-all;
  justify-content: space-between;
  width: 275px;
  display: inline-flex;
}

.align-left {
  text-align: left;
}

.display-block {
  display: block;
}

.hidden {
  visibility: hidden;
}

.operator-icon {
  width: "16px";
  height: "16px";
  color: var(--eds-color-text-secondary);
}

.main {
  max-width: 99vw;
}

.border::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 10px;
}

.border::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
}

.border::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.sticky {
  z-index: 1000000 !important;
}

.header-text {
  font-family: var(--eds-type-helvetica-neue) !important;
}

.green {
  background-color: green;
}

.red {
  background-color: red;
}

.blue {
  background-color: #00f;
}

.overflow-scroll {
  height: 100%;
  overflow-y: scroll;
}

#store-selection-modal .eds-button:nth-child(2) {
  display: none;
}

.error {
  color: var(--eds-color-text-danger) !important;
}

.title {
  font: var(--eds-type-title-1);
  font-size: 48px;
}

.npos-filter {
  border-radius: 16px;
  margin-left: 20px;
  box-shadow: 2px 4px 8px gray;
}

.curved {
  background-color: #d30005;
  border-radius: 25px;
}

.filter-body {
  min-width: 340px;
  margin: 0 20px 20px;
}

.npos-filter .eds-menu__footer {
  justify-content: flex-end;
}

.npos-filter .eds-text-field {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.npos-filter .eds-label, .no-error-label .eds-label {
  display: none;
}

.applied-filter {
  background-color: var(--eds-color-background-secondary);
  border: 1.5px solid var(--eds-color-border-hover);
}

.open-filter {
  border: 1.5px solid var(--eds-color-border-warning);
  background-color: #fff;
}

.default-filter-state {
  background: #fff;
  border: 1.5px solid #cacacb;
}

.inactive-filter {
  background: #f5f5f5;
  border: 1.5px solid #cacacb;
}

.column-header {
  color: var(--eds-color-text-hover);
  gap: 10px;
}

.column-header-sortby {
  color: var(--eds-color-text-warning);
}

.transactions-msg {
  font: var(--eds-type-subtitle-1);
  padding: 20px 0;
}

#modal .eds-modal {
  border-radius: 30px;
  width: 580px;
  margin-bottom: 40px;
}

#modal .eds-modal__header button {
  display: none;
}

.modal-body {
  overflow-y: scroll;
}

.text-input .floating-label {
  font: var(--eds-type-body-3);
  color: var(--eds-color-text-secondary);
  text-align: left;
  background: #fff;
  width: fit-content;
  padding: 0 2px;
  font-size: 12px;
  position: relative;
  top: 10px;
  left: 10px;
}

.text-input label {
  display: none;
}

.text-input .eds-text-field {
  margin-top: 0 !important;
}

.rdrCalendarWrapper {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  flex-direction: column;
  display: inline-flex;
}

.rdrDateDisplay {
  justify-content: space-between;
  display: flex;
}

.rdrDateDisplayItem {
  text-align: center;
  width: 0;
  color: inherit;
  flex: 1;
}

.rdrDateDisplayItem + .rdrDateDisplayItem {
  margin-left: .833em;
}

.rdrDateDisplayItem input {
  text-align: inherit;
}

.rdrDateDisplayItem input:disabled {
  cursor: default;
}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  justify-content: space-between;
  display: flex;
}

.rdrMonthAndYearPickers {
  flex: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrMonths {
  display: flex;
}

.rdrMonthsVertical {
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div {
  flex-direction: row;
  display: flex;
}

.rdrMonth {
  width: 27.667em;
}

.rdrWeekDays {
  display: flex;
}

.rdrWeekDay {
  box-sizing: inherit;
  text-align: center;
  flex-basis: 14.2857%;
}

.rdrDays {
  flex-wrap: wrap;
  display: flex;
}

.rdrInfiniteMonths {
  overflow: auto;
}

.rdrDateRangeWrapper {
  -webkit-user-select: none;
  user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
  outline: none;
}

.rdrDateInput .rdrWarning {
  color: red;
  font-size: 1.6em;
  line-height: 1.6em;
  position: absolute;
  top: 0;
  right: .25em;
}

.rdrDay {
  box-sizing: inherit;
  width: 14.2857%;
  font: inherit;
  cursor: pointer;
  position: relative;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span {
  color: #1d2429;
}

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge, .rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
  pointer-events: none;
}

.rdrDateRangePickerWrapper {
  -webkit-user-select: none;
  user-select: none;
  display: inline-flex;
}

.rdrStaticRanges {
  flex-direction: column;
  display: flex;
}

.rdrStaticRange {
  font-size: inherit;
}

.rdrInputRange {
  display: flex;
}

.rdrCalendarWrapper {
  color: #000;
  font-size: 12px;
}

.rdrDateDisplayWrapper {
  background-color: #eff2f7;
}

.rdrDateDisplay {
  margin: .833em;
}

.rdrDateDisplayItem {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 4px;
  box-shadow: 0 1px 2px #23394236;
}

.rdrDateDisplayItem input {
  cursor: pointer;
  color: #849095;
  background: none;
  border: 0;
  width: 100%;
  height: 2.5em;
  line-height: 2.5em;
}

.rdrDateDisplayItemActive {
  border-color: currentColor;
}

.rdrDateDisplayItemActive input {
  color: #7d888d;
}

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers {
  font-weight: 600;
}

.rdrMonthAndYearPickers select {
  appearance: none;
  color: #3e484f;
  cursor: pointer;
  text-align: center;
  background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") right 8px center no-repeat;
  border: 0;
  border-radius: 4px;
  outline: 0;
  padding: 10px 30px 10px 10px;
}

.rdrMonthAndYearPickers select:hover {
  background-color: #00000012;
}

.rdrMonthPicker, .rdrYearPicker {
  margin: 0 5px;
}

.rdrNextPrevButton {
  background: #eff2f7;
  border: 0;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  margin: 0 .833em;
  padding: 0;
  display: block;
}

.rdrNextPrevButton:hover {
  background: #e1e7f0;
}

.rdrNextPrevButton i {
  text-align: center;
  border-style: solid;
  width: 0;
  height: 0;
  margin: auto;
  padding: 0;
  display: block;
  transform: translate(-3px);
}

.rdrPprevButton i {
  border-width: 4px 6px 4px 4px;
  border-color: #0000 #34495e #0000 #0000;
  transform: translate(-3px);
}

.rdrNextButton i {
  border-width: 4px 4px 4px 6px;
  border-color: #0000 #0000 #0000 #34495e;
  margin: 0 0 0 7px;
  transform: translate(3px);
}

.rdrWeekDays {
  padding: 0 .833em;
}

.rdrMonth {
  padding: 0 .833em 1.666em;
}

.rdrMonth .rdrWeekDays {
  padding: 0;
}

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
  display: none;
}

.rdrWeekDay {
  color: #849095;
  font-weight: 400;
  line-height: 2.667em;
}

.rdrDay {
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  color: #1d2429;
  background: none;
  border: 0;
  height: 3em;
  padding: 0;
  line-height: 3em;
}

.rdrDay:focus {
  outline: 0;
}

.rdrDayNumber {
  outline: 0;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  display: flex;
  position: absolute;
  inset: 5px 0;
}

.rdrDayToday .rdrDayNumber span {
  font-weight: 500;
}

.rdrDayToday .rdrDayNumber span:after {
  content: "";
  background: #3d91ff;
  border-radius: 2px;
  width: 18px;
  height: 2px;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translate(-50%);
}

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
  background: #fff;
}

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: #ffffffd9;
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
  background: currentColor;
  position: absolute;
  inset: 5px 0;
}

.rdrSelected {
  left: 2px;
  right: 2px;
}

.rdrStartEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected {
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview {
  border-left-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0;
}

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview {
  border-right-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 0;
}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
  pointer-events: none;
  z-index: 1;
  background: #ffffff17;
  border: 0 solid;
  position: absolute;
  inset: 3px 0;
}

.rdrDayStartPreview {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0;
}

.rdrDayInPreview {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 0;
}

.rdrDefinedRangesWrapper {
  background: #fff;
  border-right: 1px solid #eff2f7;
  width: 226px;
  font-size: 12px;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
  color: currentColor;
  font-weight: 600;
}

.rdrStaticRange {
  cursor: pointer;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eff2f7;
  outline: 0;
  padding: 0;
  display: block;
}

.rdrStaticRange:hover .rdrStaticRangeLabel, .rdrStaticRange:focus .rdrStaticRangeLabel {
  background: #eff2f7;
}

.rdrStaticRangeLabel {
  text-align: left;
  outline: 0;
  padding: 10px 20px;
  line-height: 18px;
  display: block;
}

.rdrInputRanges {
  padding: 10px 0;
}

.rdrInputRange {
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput {
  text-align: center;
  color: #6c767a;
  border: 1px solid #dee7eb;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  line-height: 30px;
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover {
  color: #333;
  border-color: #b4bfc4;
  outline: 0;
}

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
  content: "";
  background: none;
  border: 1px solid;
  border-radius: 1.333em;
  position: absolute;
  inset: -2px 0;
}

.rdrDayPassive {
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span {
  color: #d5dce0;
}

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview {
  display: none;
}

.rdrDayDisabled {
  background-color: #f8f8f8;
}

.rdrDayDisabled .rdrDayNumber span {
  color: #aeb9bf;
}

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview {
  filter: grayscale() opacity(60%);
}

.rdrMonthName {
  text-align: left;
  color: #849095;
  padding: .833em;
  font-weight: 600;
}

.rdrDayPassive .rdrDayNumber > .date {
  visibility: hidden;
}

.rdrStartEdge, .rdrEndEdge {
  background-color: var(--eds-color-border-active) !important;
}

.rdrInRange {
  background-color: var(--eds-color-background-disabled) !important;
}

.rdrDay {
  width: 40px;
  height: 40px;
  margin: 6px 0;
}

.rdrDayDisabled .rdrDayNumber, .rdrDayDisabled {
  background-color: #fff !important;
}

.rdrDayDisabled span {
  color: var(--eds-color-text-link-disable) !important;
}

.rdrWeekDay {
  color: var(--eds-color-text-secondary);
  font: var(--eds-type-subtitle-2);
}

.rdrMonthName {
  color: var(--eds-color-text-default);
  font: var(--eds-type-subtitle-1);
  text-align: center;
}

.rdrMonthAndYearPickers {
  visibility: hidden;
}

.rdrMonthAndYearWrapper {
  height: 20px;
}

.date {
  font-weight: 400;
}

.rdrDayToday .rdrDayNumber span:after {
  background: #fff !important;
}

#list-search-field {
  background: #f5f5f5;
  border: 0;
  border-radius: 30px;
}

.list-modal .eds-modal {
  border-radius: 30px;
  width: 500px;
  margin-bottom: 40px;
}

.list-row-checked {
  justify-content: flex-end;
  align-items: center;
  display: flex !important;
}

.list {
  min-height: 30vh;
}

.list-modal .eds-menu-item {
  padding: 16px 0;
}

#printer-modal .eds-modal {
  border-radius: 30px;
  width: 60vw;
  min-height: 40vh;
  margin-bottom: 40px;
}

#printer-modal .eds-modal__header button {
  display: none;
}

.filter-name {
  font: var(--eds-type-subtitle-1);
  color: var(--eds-color-text-warning);
}

.filter-description {
  font: var(--eds-type-body-2);
  color: var(--eds-color-text-secondary);
}

.printer-modal-body {
  overflow-y: scroll;
}

.list {
  height: 60vh;
  min-height: 30vh;
}

.list li {
  list-style: none;
}

.error-banner {
  border: 2px solid #d44020;
  margin: 40px 20px;
  padding: 30px;
  font-weight: bold;
}

.error-message {
  color: red;
}

.error-btn {
  color: #d44020;
  border: 2px solid #d44020;
}

.fontSmall {
  font-size: small !important;
}

.wrapper-width {
  width: 275px;
}

i.g72-swoosh.nike-swoosh-logo {
  text-align: center;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 19px;
}

i.g72-jordan.nike-swoosh-logo {
  text-align: center;
  font-size: 40px;
}

.receipt-view {
  max-height: "58vh";
  overflow-y: "scroll";
  position: "sticky";
  padding: 0 20px 0 10px;
  top: 0;
}

.receipt-view-actions-border {
  border-top: 1px solid var(--eds-color-border-disabled);
}

.receipt-view-actions-container {
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 12px 0 16px;
  display: flex;
}

.receipt-view-actions {
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 0 16px;
  display: flex;
}

.action-print-container {
  gap: 4px;
}

.receipt-view-title {
  font: var(--eds-type-title-6);
  padding-bottom: 16px;
}

.receipt-view-border {
  border-top-left-radius: var(--eds-radii-8);
  border-top-right-radius: var(--eds-radii-8);
}

.printer-selector {
  margin: 0 60px;
}

.icon-info {
  border: var(--eds-color-border-active) 1px solid;
}

.popover-info {
  margin-left: -6px;
  box-shadow: 1px 2px 8px gray;
}
/*# sourceMappingURL=EJ_rcffus-sps-receipt-ui_develop.aa436662.css.map */