---

.scrollableBox {
  &::-webkit-scrollbar {
    height: 4px;
  }

  &::-webkit-scrollbar-button {
    display: none;
  }

  &::-webkit-scrollbar-track {
    background: #00000000;
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb {
    background: #4a5568;
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-6);
  }
}

@supports not selector(::-webkit-scrollbar) {
  .scrollableBox {
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-6) #00000000;
  }
}

.safariFullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}