.small-scroll {
  overflow-y: auto;
}

.small-scroll::-webkit-scrollbar {
  width: 4px;
  cursor: default;
}

.small-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.small-scroll::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 12px;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.popup-variable-edit {
  width: calc(100vw - 416px);
}

.popup-variable-edit .small-scroll {
  max-height: calc(100vh - 250px);
}

@media screen and (max-width: 767px) {
  .popup-variable-edit {
    width: 100vw;
    height: 100vh;
  }

  .popup-variable-edit .small-scroll {
    max-height: calc(100vh - 140px);
  }
}