body {
  font-family: system-ui;
}

input:focus,
div:focus,
select {
  outline: none !important;
}

input:focus-visible,
div:focus-visible,
select:focus-visible {
  outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

body {
  overflow: hidden;
}

.app-region-drag {
  -webkit-app-region: drag;
}

.app-region-no-drag {
  -webkit-app-region: no-drag;
}

.popup-header {
  cursor: move;
}

.right-menu.visible {
  transform: scale(1);
  transition: transform ease-in-out;
}

.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-horizontal {
  width: 8px !important;
  top: -2px !important;
}

textarea::-webkit-scrollbar {
  width: 7px;
}

.item-name-tile-2 {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.item-name-tile-2-no-ellipsis {
  max-height: 40px;
  word-break: break-all;
  overflow: hidden;
}

.item-name-tile-1 {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.item-name-tile-1-no-ellipsis {
  max-height: 20px;
  word-break: break-all;
  overflow: hidden;
}