html,
body {
  padding: 0 !important;
  margin: 0 !important;
}
.simplebar-track.simplebar-vertical {
  .simplebar-scrollbar::before {
    width: 4px;
    border-radius: var(--border-radius-l);
    background-color: var(--color-neutral-600);
  }
}
img {
  max-width: 100% !important;
}
input,
select {
  box-sizing: border-box;
}
.hide {
  display: none;
}
.flex-1 {
  flex: 1;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-vertical {
  display: flex;
  align-items: center;
}
.flex-center {
  display: flex;
  justify-content: center;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.w-full {
  width: 100%;
}
.h-full {
 height: 100%;
}

.uppercase {
  text-transform: uppercase;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}