:root {
  --color-accent-grape: #7231b8;
  --color-accent-huckleberry: #007bac;
  --color-accent-kiwi: #059d8d;
  --color-accent-light-sour-grape: #efe1fd;
  --color-accent-sour-grape: #9352d6;
  --color-accent-sour-huckleberry: #009ad7;
  --color-accent-sour-kiwi: #06c4b0;
  --color-accent-sweet-grape: #531d94;
  --color-accent-sweet-huckleberry: #005c81;
  --color-accent-sweet-kiwi: #04766a;
  --color-black: #171817;
  --color-blue-light: rgba(0, 125, 255, 0.08);
  --color-disabled: rgba(0, 0, 0, 0.26);
  --color-gray: #ebebeb;
  --color-gray-light: #d3d3d3;
  --color-info: #2ec4b6;
  --color-overlay: rgba(253, 255, 252, 0.8);
  --color-primary: #002856;
  --color-primary-main: #007dff;
  --color-primary-main-light: rgba(0, 125, 255, 0.08);
  --color-primary-dark: #0057b2;
  --color-secondary: #007dff;
  --color-text-secondary: rgba(0, 0, 0, 0.54);
  --color-white: #ffffff;
  --color-brand-apricot: #ffcab2;
  --color-brand-cantalope: #ffe9df;
  --color-brand-gartner-blue: #002856;
  --color-brand-gartner-dark-blue:  #001834;
  --color-brand-spice: #993206;
  --color-brand-sky: #40B3E1;
  --color-brand-surf: #2BCDBC;
  --color-brand-tangerine: #ff540a;
  --color-brand-yam: #cc4308;
  --color-interactions-light-blue: #478EFF;
  --color-interactions-berry: #8cb2f1;
  --color-interactions-black-berry: #0042ab;
  --color-interactions-blue-berry: #0052d6;
  --color-interactions-default-cta: #0000A9;
  --color-interactions-hover-cta: #0000D3;
  --color-interactions-light-berry: #e1ecff;
  --color-interactions-mild-berry: #b4cdf7;
  --color-interactions-pale-berry: #f1f6ff;
  --color-interactions-selected-cta: #00007F;
  --color-neutrals-carbon: #141312;
  --color-neutrals-coal: #4a4644;
  --color-neutrals-grey: #fCfCfC;
  --color-neutrals-grey-06: #5D7383;
  --color-neutrals-iron: #676565;
  --color-neutrals-pewter: #8d8a89;
  --color-neutrals-quartz: #f4f4f4;
  --color-neutrals-silver: #dddddd;
  --color-neutrals-stone: #bbb9b8;
  --color-neutrals-pearl: #eeeeee;
  --color-neutrals-tin: #fafafa;
  --color-neutrals-slate: #757575;
  --color-status-cherry: #f15154;
  --color-status-dark-lemon: #5B4300;
  --color-status-dark-pear: #377906;
  --color-status-lemon: #fec10d;
  --color-status-light-cherry: #ffdedd;
  --color-status-light-lemon: #fff0c5;
  --color-status-light-pear: #dbf6c6;
  --color-status-medium-cherry: #ffd0ce;
  --color-status-pear: #8dca5e;
  --color-status-poison-cherry: #a4161a;
  --weight-bold: 700;
  --weight-medium: 500;
  --weight-regular: 400;
  --weight-semi-bold: 600;
}

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

body {
  background-color: var(--color-neutrals-quartz);
  color: var(--color-white);
  margin: 0;
  min-width: 1024px;
}

html body * {
  font-family: "Graphik", "Roboto", "Helvetica Neue" !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: var(--weight-semi-bold);
  font-variation-settings: "wght" var(--weight-semi-bold);
  line-height: 130%;
  letter-spacing: 0.15px;
  margin: 0;
}
h1 {
  font-size: 48px;
  letter-spacing: 0;
}
h2 {
  font-size: 32px;
  line-height: 120%;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}

p {
  line-height: 24px;
  margin: 0;
}
p.p1 {
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: 0.25px;
  font-weight: var(--weight-regular);
  font-variation-settings: "wght" var(--weight-regular);
}
p.p2 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.25px;
  font-weight: var(--weight-regular);
  font-variation-settings: "wght" var(--weight-regular);
}
p,
p.p3 {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.25px;
  font-weight: var(--weight-regular);
  font-variation-settings: "wght" var(--weight-regular);
}
p.p4 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.35px;
  font-weight: var(--weight-regular);
  font-variation-settings: "wght" var(--weight-regular);
}

.bold {
  font-weight: var(--weight-bold) !important;
  font-variation-settings: "wght" var(--weight-bold) !important;
}
.semi-bold {
  font-weight: var(--weight-semi-bold) !important;
  font-variation-settings: "wght" var(--weight-semi-bold) !important;
}
.medium-bold {
  font-weight: var(--weight-medium) !important;
  font-variation-settings: "wght" var(--weight-medium) !important;
}

a {
  color: var(--color-interactions-blue-berry);
  text-decoration: inherit;
}
a.guideflow_hovered {
  text-decoration: underline;
}
a[disabled] {
  border-bottom: 1px dashed var(--color-neutrals-iron);
  color: var(--color-neutrals-iron);
  pointer-events: none;
  text-decoration: none;
}

@media only screen and (max-width: 600px) {
  button {
    width: auto;
  }
}

/* change key board down arrow color on focus */
div.Mui-focused svg.MuiSvgIcon-root {
  color: var(--color-interactions-blue-berry) !important;
}