/*
  font-faces generated using https://transfonter.org/
  Avenir - with "Strip Hinting" setting
  Graphik - "Keep Existing"
*/

@font-face {
  font-family: 'Avenir';
  src: url(/assets/Avenir-Light.woff2) format('woff2'),
      url(/assets/Avenir-Light.woff) format('woff'),
      url(/assets/Avenir-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url(/assets/Avenir-Roman.woff2) format('woff2'),
      url(/assets/Avenir-Roman.woff) format('woff'),
      url(/assets/Avenir-Roman.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url(/assets/Avenir-Medium.woff2) format('woff2'),
      url(/assets/Avenir-Medium.woff) format('woff'),
      url(/assets/Avenir-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url(/assets/Avenir-Heavy.woff2) format('woff2'),
      url(/assets/Avenir-Heavy.woff) format('woff'),
      url(/assets/Avenir-Heavy.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url(/assets/Avenir-Black.woff2) format('woff2'),
      url(/assets/Avenir-Black.woff) format('woff'),
      url(/assets/Avenir-Black.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir Book';
  src: url(/assets/Avenir-Book.woff2) format('woff2'),
      url(/assets/Avenir-Book.woff) format('woff'),
      url(/assets/Avenir-Book.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
  We are using only 400, 500, 600 font weights
  so i am disabling other until they will be required
*/

/*@font-face {
    font-family: 'Graphik LC';
    src: url('../../fonts/graphik/GraphikLC-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik LC';
    src: url('../../fonts/graphik/GraphikLC-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik LC';
    src: url('../../fonts/graphik/GraphikLC-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'Graphik LC';
    /*src: url('../../fonts/graphik/GraphikLC-Regular-1.ttf') format('truetype');*/
    src: url(/assets/GraphikLC-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik LC';
    /*src: url('../../fonts/graphik/GraphikLC-Medium.ttf') format('truetype');*/
    src: url(/assets/GraphikLC-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik LC';
    /*src: url('../../fonts/graphik/GraphikLC-Semibold.ttf') format('truetype');*/
    src: url(/assets/GraphikLC-Semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*@font-face {
    font-family: 'Graphik LC';
    src: url('../../fonts/graphik/GraphikLC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik LC';
    src: url('../../fonts/graphik/GraphikLC-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik LC Super';
    src: url('../../fonts/graphik/GraphikLC-Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/


.Toastify__toast-container--top-right {
  top: 74px;
  right: 0;
  padding: 0;
}

.Toastify__toast--warning,
.Toastify__toast--error,
.Toastify__toast--success,
.Toastify__toast--info {
  background: var(--inputBackground);
  border-left: 7px solid;
  border-radius: 4px;
  color: var(--textColor);
  font-family: Graphik LC;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  padding: 16px 16px 16px 20px;
}

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

.Toastify__toast--warning {
  border-color: var(--alert);
}

.Toastify__toast--error {
  border-color: var(--error);
}

.Toastify__toast--info {
  border-color: var(--info);
}

.Toastify__toast-container {
  min-width: 350px;
}

.Toastify__close-button {
  color: var(--textColor);
}

html,
body {
  box-sizing: border-box;
  height: 100%;
  font-family: Avenir, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 1.4;

  scrollbar-width: thin;
}

.light-theme {
  scrollbar-color: #F4F5FA transparent;
}

#root {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Scrollbar styling - Dark Theme */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

::-webkit-scrollbar-thumb {
  border: 0 #fff; /* donno for what is that */
  border-radius: 50px;
  background: var(--pageScrollBackground);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--pageScrollBackground);
}

::-webkit-scrollbar-thumb:active {
  background: var(--pageScrollBackground);
}

::-webkit-scrollbar-track {
  border: 0 #fff;
  border-radius: 0;
  background: var(--scroll);
}

::-webkit-scrollbar-track:hover {
  background: var(--scroll);
}

::-webkit-scrollbar-track:active {
  background: var(--scroll);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

#portal {
  position: relative;
  z-index: -1000;
}


/*# sourceMappingURL=main.ba45dca8c7c356a7b1b9.css.map*/