@import "./fonts/rubik.css";

body {
  margin: unset;
  /* Added to avoid page scrollbar when using Slide component */
  overflow: hidden;
}

/* Override scrollbar style for Firefox */
@-moz-document url-prefix() {
  body {
    scrollbar-color: #d3d3dd transparent;
  }
}

/* Override scrollbar style for Chrome and Safari */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  height: 6px;
  -webkit-border-radius: 8px;
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0.8)
    ),
    #212553;
}

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

.behavior-open {
  flex: 1;
}