/* mulish-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/mulish-cyrillic-ext-400-normal-wd4asoXq.woff2) format('woff2'), url(/assets/mulish-cyrillic-ext-400-normal-DGgLiUMh.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* mulish-cyrillic-400-normal */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/mulish-cyrillic-400-normal-NYULt11J.woff2) format('woff2'), url(/assets/mulish-cyrillic-400-normal-BNekwWHs.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* mulish-vietnamese-400-normal */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/mulish-vietnamese-400-normal-DoBClvYm.woff2) format('woff2'), url(/assets/mulish-vietnamese-400-normal-wxj85OR_.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* mulish-latin-ext-400-normal */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/mulish-latin-ext-400-normal-avcijv45.woff2) format('woff2'), url(/assets/mulish-latin-ext-400-normal-CkhBr6wh.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* mulish-latin-400-normal */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/mulish-latin-400-normal-C9Snyl1s.woff2) format('woff2'), url(/assets/mulish-latin-400-normal-BRmeVNaI.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.scrollbar-container {
  position: relative;
  height: 100%; }

/*# sourceMappingURL=styles.css.map*/html,
body,
#root {
  height: 100%;
}

body {
  font-family: Mulish;
  height: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

html * {
  transition: background 250ms;
}

@supports (scrollbar-width: auto) {
  .thinScrollbar {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: thin;
  }
}
.thinScrollbar {
  /*--scrollbar-color-track: #0000ff;
  --scrollbar-color-thumb: #ff69b4;*/
}

@keyframes slideFromLeft {
  to {
    left: 0;
  }
}
@keyframes slideFromRight {
  to {
    right: 0;
  }
}
.animationFeedback {
  animation-timing-function: ease-out;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
}
.animationFeedback.thumbsUp {
  animation-name: animationThumb;
}
.animationFeedback.thumbsDown {
  animation-name: animationThumb;
}

.contentCopied {
  animation-timing-function: ease-out;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
  animation-name: animationThumb;
}

.thinkingGrad {
  width: 40vw;
  max-width: 0%;
  height: 1rem;
  margin-bottom: 0.8rem;
  margin-left: 10px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  animation-timing-function: cubic-bezier(0.17, 0.42, 0.22, 0.97);
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-name: thinkingGrow;
}
.thinkingGrad:last-of-type {
  animation-name: thinkingGrowLast;
}
.thinkingGrad .innerGrad {
  position: absolute;
  width: 300%;
  height: 100%;
  background: linear-gradient(90deg, rgb(95, 72, 255) 0%, rgb(83, 245, 247) 20%, rgb(96, 252, 0) 40%, rgb(95, 72, 255) 60%, rgb(83, 245, 247) 80%, rgb(96, 252, 0) 100%);
  animation: thinkingGrad 2s infinite linear;
}
.thinkingGrad:nth-of-type(1n) {
  animation-delay: 0.2s;
}
.thinkingGrad:nth-of-type(1n) .innerGrad {
  animation-delay: 0.2s;
}
.thinkingGrad:nth-of-type(2n) {
  animation-delay: 0.4s;
}
.thinkingGrad:nth-of-type(2n) .innerGrad {
  animation-delay: 0.4s;
}
.thinkingGrad:nth-of-type(3n) {
  animation-delay: 0.6s;
}
.thinkingGrad:nth-of-type(3n) .innerGrad {
  animation-delay: 0.6s;
}

@keyframes thinkingGrow {
  0% {
    max-width: 0%;
  }
  100% {
    max-width: 100%;
  }
}
@keyframes thinkingGrowLast {
  0% {
    max-width: 0%;
  }
  100% {
    max-width: 80%;
  }
}
@keyframes thinkingGrad {
  0% {
    right: 0%;
  }
  100% {
    right: -185%;
  }
}
@keyframes animationThumb {
  0% {
    transform: scale(0.8) rotate(0deg);
    color: rgb(163, 250, 122);
  }
  25% {
    transform: scale(1) rotate(12deg);
  }
  50% {
    color: rgb(220, 122, 250);
    transform: scale(1.2) rotate(-12deg);
  }
  75% {
    color: rgb(250, 248, 122);
    transform: scale(1.5) rotate(-12deg);
  }
  95% {
    color: rgb(250, 130, 122);
    transform: scale(1.2) rotate(-12deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}