:root {
  --joompro-core-color-red-1000-hsl: 14, 100%, 59%;
  --joompro-core-color-box-1000-hsl: 33, 32%, 71%;
  --joompro-core-color-black-1000-hsl: 0, 0%, 13%;
  --joompro-core-color-sky-1000-hsl: 206, 100%, 87%;
  --joompro-core-color-white-hsl: 0, 0%, 100%;
  --joompro-core-color-sky: hsl(206 100% 87%);
  --joompro-core-color-sky-40: hsl(206 100% 87%/40%);
  --joompro-core-color-sky-200: hsl(208 100% 97%);
  --joompro-core-color-sky-1000: hsl(var(--joompro-core-color-sky-1000-hsl));
  --joompro-core-color-sky-1100: hsl(207 100% 77%);
  --joompro-core-color-box: hsl(33 32% 71%);
  --joompro-core-color-box-40: hsl(33 32% 71%/40%);
  --joompro-core-color-box-200: hsl(33 30% 93%);
  --joompro-core-color-box-1000: hsl(var(--joompro-core-color-box-1000-hsl));
  --joompro-core-color-box-1100: hsl(32 32% 61%);
  --joompro-core-color-red: hsl(14 100% 59%);
  --joompro-core-color-red-40: hsl(14 100% 59%/40%);
  --joompro-core-color-red-100: hsl(14 100% 96%);
  --joompro-core-color-red-1000: hsl(var(--joompro-core-color-red-1000-hsl));
  --joompro-core-color-red-1100: hsl(14 100% 55%);
  --joompro-core-color-white: hsl(var(--joompro-core-color-white-hsl));
  --joompro-core-color-black-1100: hsl(0 0% 2%);
  --joompro-core-color-black-1000: hsl(var(--joompro-core-color-black-1000-hsl));
  --joompro-core-color-black-800: hsl(0 0% 18%);
  --joompro-core-color-gray-1000: hsl(0 0% 35%);
  --joompro-core-color-gray-800: hsl(0 0% 80%);
  --joompro-core-color-gray-600: hsl(0 0% 87%);
  --joompro-core-color-gray-200: hsl(0 0% 95%);
  --joompro-core-color-gray-100: hsl(0 0% 97%);
  --joompro-core-color-mercado-100: hsl(53 96% 64%);
  --joompro-core-color-china-800: hsl(5 90% 60%);
  --joompro-core-color-china-1000: hsl(5 90% 48%);
  --joompro-core-color-accent-default: var(--joompro-core-color-red);
  --joompro-core-color-accent-hover: hsla(14 100% 55%);
  --joompro-core-color-text-title: var(--joompro-core-color-black-1100);
  --joompro-core-color-text-main: var(--joompro-core-color-black-1000);
  --joompro-core-color-text-secondary: hsl(0 0% 48%);
  --joompro-core-color-text-disabled: var(--joompro-core-color-gray-800);
  --joompro-core-color-text-title-invert: var(--joompro-core-color-white);
  --joompro-core-color-text-main-invert: var(--joompro-core-color-white);
  --joompro-core-color-text-secondary-invert: hsla(0, 0%, 100%, 0.8);
  --joompro-core-color-text-disabled-invert: hsla(0, 0%, 100%, 0.3);
  --joompro-core-color-text-main-accent: var(--joompro-core-color-red);
  --joompro-core-color-text-states-selected: hsla(0, 0%, 0%, 0.08);
  --joompro-core-color-primary-default: var(--joompro-core-color-black-1000);
  --joompro-core-color-primary-hover: var(--joompro-core-color-black-800);
  --joompro-core-color-primary-disabled: hsl(0 0% 96%);
  --joompro-core-color-primary-default-invert: var(--joompro-core-color-white);
  --joompro-core-color-primary-hover-invert: hsla(0, 0%, 100%, 0.1);
  --joompro-core-color-primary-disabled-invert: hsla(0, 0%, 100%, 0.4);
  --joompro-core-color-secondary-default: var(--joompro-core-color-gray-200);
  --joompro-core-color-secondary-hover: hsla(0 0% 90%);
  --joompro-core-color-secondary-disabled: hsl(0 0% 96%);
  --joompro-core-color-secondary-default-outline: var(--joompro-core-color-black-1000);
  --joompro-core-color-secondary-hover-outline: hsl(0 0% 96%);
  --joompro-core-color-secondary-disabled-outline: hsl(0 0% 96%);
  --joompro-core-color-input-default: var(--joompro-core-color-gray-600);
  --joompro-core-color-input-hover: var(--joompro-core-color-gray-800);
  --joompro-core-color-input-focus: var(--joompro-core-color-black-1000);
  --joompro-core-color-input-error: hsla(14 100% 73%);
  --joompro-core-color-icon-accent-black: var(--joompro-core-color-black-1000);
  --joompro-core-color-icon-inverted: var(--joompro-core-color-white);
  --joompro-core-color-icon-dark-gray: hsla(0 0% 60%);
  --joompro-core-color-icon-gray: var(--joompro-core-color-gray-800);
  --joompro-core-color-icon-accent-red: var(--joompro-core-color-red);
  --joompro-core-color-icon-inverted-disabled: hsla(0, 0%, 100%, 0.4);
  --joompro-core-color-support-fade-5: hsla(0, 0%, 2%, 0.05);
  --joompro-core-color-support-fade-30: hsla(0, 0%, 2%, 0.3);
  --joompro-core-color-support-fade-40: hsla(0, 0%, 13%, 0.4);
  --joompro-core-color-support-fade-60: hsla(0, 0%, 2%, 0.6);
  --joompro-core-color-support-fade-50-inverted: hsla(0, 0%, 100%, 0.5);
  --joompro-core-color-support-fade-40-inverted: hsla(0, 0%, 100%, 0.4);
  --joompro-core-color-action-hover: hsla(0, 0%, 0%, 0.04);
  --joompro-core-color-action-focus: hsla(0, 0%, 0%, 0.12);
  --joompro-core-navigation-z-index: 10;
  --joompro-core-tooltip-z-index: 500;
  --joompro-core-modal-z-index: 1000;
  --joompro-core-in-modal-tooltip-z-index: 1500;
  --joompro-core-font-joompro:
    'Joompro', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
    Helvetica Neue, sans-serif;
  --joompro-core-font-signal:
    'Signal', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
    Helvetica Neue, sans-serif;
}
@font-face {
  font-display: block;
  font-family: Joompro;
  font-style: normal;
  font-weight: 100 900;
  src:
    url(../../../_next/static/media/joompro.4645feca.woff2) format('woff2'),
    url(../../../_next/static/media/joompro.b939ae58.woff) format('woff');
}
@font-face {
  font-display: block;
  font-family: Signal;
  font-style: normal;
  font-weight: 100 200;
  src:
    url(../../../_next/static/media/signal-extra-light.d95d6cdc.woff2) format('woff2'),
    url(../../../_next/static/media/signal-extra-light.1682c9cf.woff) format('woff');
}
@font-face {
  font-display: block;
  font-family: Signal;
  font-style: normal;
  font-weight: 300;
  src:
    url(../../../_next/static/media/signal-light.b81cbcae.woff2) format('woff2'),
    url(../../../_next/static/media/signal-light.0f2e8604.woff) format('woff');
}
@font-face {
  font-display: block;
  font-family: Signal;
  font-style: normal;
  font-weight: 400 500;
  src:
    url(../../../_next/static/media/signal-regular.ec82fb23.woff2) format('woff2'),
    url(../../../_next/static/media/signal-regular.8c4c9b52.woff) format('woff');
}
@font-face {
  font-display: block;
  font-family: Signal;
  font-style: normal;
  font-weight: 600 900;
  src:
    url(../../../_next/static/media/signal-bold.b3aa28a0.woff2) format('woff2'),
    url(../../../_next/static/media/signal-bold.1421b0da.woff) format('woff');
}
body,
html {
  color: #2f2f2f;
  font-weight: 400;
  margin: 0;
  min-width: 360px;
  padding: 0;
  scroll-behavior: smooth;
}
body,
button,
input,
textarea {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
}
a {
  color: currentColor;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
b,
strong {
  font-weight: 500;
}
.MuiSelect-icon {
  color: var(--joompro-core-color-icon-dark-gray);
  top: 17px;
}
.MuiFormControl-root .MuiFormLabel-root {
  color: var(--joompro-core-color-input-default);
}
.MuiFormControl-root .MuiInputLabel-animated {
  color: var(--joompro-core-color-text-secondary);
}
.MuiFormControl-root .Mui-error {
  color: var(--joompro-core-color-input-error);
}
.MuiFormControl-root .Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: var(--joompro-core-color-input-error);
}
.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-color: var(--joompro-core-color-input-default);
  border-radius: 12px;
}
.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline:hover,
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--joompro-core-color-input-hover);
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--joompro-core-color-input-focus);
  border-width: 1px;
}
.MuiCircularProgress-circle {
  color: var(--joompro-core-color-icon-dark-gray);
}
.MuiListItemButton-root.MuiListItemButton-root {
  border-radius: 12px;
}
.MuiListItemButton-root.MuiListItemButton-root.Mui-selected,
.MuiListItemButton-root.MuiListItemButton-root.Mui-selected:hover {
  background-color: var(--joompro-core-color-gray-200);
}
.MuiListItemButton-root.MuiListItemButton-root:hover {
  background-color: var(--joompro-core-color-gray-100);
}
.MuiListItemButton-root.MuiListItemButton-root .MuiTouchRipple-root .MuiTouchRipple-child {
  background-color: var(--joompro-core-color-gray-600);
}
.MuiListItemButton-root .MuiTypography-root {
  font-family: var(--joompro-core-font-signal);
  font-size: 16px;
  font-weight: 200;
  line-height: 20px;
}