.qkb-bot-ui {
  position: fixed;
  z-index: $bot-zindex;
  bottom: 1.5rem;
  right: 1.5rem;
  display: flex;
  flex-direction: column;
  font-size: $font-size-root;

  * {
    box-sizing: border-box;
  }

  @media screen and (max-width: 600px) {
    right: 0;
    left: 0;
  }
}

.qkb-preload-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

// reset lists
ol,
ul,
dl {
  padding-left: 1rem;
}
p {
  margin: 0.3rem 0 !important;
  padding: 0 !important;
}

::-webkit-scrollbar {
  height: 1rem;
  width: 0.4rem;
}
::-webkit-scrollbar-thumb {
  --tw-border-opacity: 1;
  background-color: rgb(164, 164, 175, 0.8);
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  border-radius: 9999px;
  border-width: 1px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 9999px;
}
pre {
  ::-webkit-scrollbar {
    height: 0.4rem !important;
    width: 0.4rem !important;
  }
  ::-webkit-scrollbar-thumb {
    --tw-border-opacity: 1 !important;
    background-color: rgb(164, 164, 175, 0.8) !important;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
    border-radius: 9999px !important;
    border-width: 1px !important;
  }
}