.overscroll-none {
  overscroll-behavior: none;
}
.h-custom {
  height: calc(100vh - 4rem);
}
.h-7 {
  height: 1.75rem;
}
.h-84 {
  height: 24rem;
}
.max-h-64 {
  max-height: 12rem;
}
.flex-1-0 {
  flex: 1 0 auto;
}
.w-px {
  width: 1px;
}
.bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-white-opaque {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.text-xxs {
  font-size: 0.625rem;
}
.-mt-7 {
  margin-top: -1.75rem;
}
.w-7 {
  width: 1.75rem;
}
.w-70 {
  width: 20rem;
}
.w-80 {
  width: 24rem;
}
.w-90 {
  width: 30rem;
}
.w-95 {
  width: 33rem;
}
.w-100 {
  width: 36rem;
}
.w-120 {
  width: 48rem;
}
.z-60 {
  z-index: 60;
}
.z-70 {
  z-index: 70;
}
.z-80 {
  z-index: 80;
}
.z-90 {
  z-index: 90;
}
.z-100 {
  z-index: 100;
}
.left--1 {
  left: -0.25rem;
}
.top--1 {
  top: -0.25rem;
}
.right--4 {
  right: -1rem;
}
.top--2 {
  top: -0.7rem;
}
.top-1 {
  top: 0.25rem;
}
.EIP-parent:hover .EIP-child {
  border-style: dotted;
  border-color: #5a67d8;
}
.hover-delete-child {
  display: none;
}
.hover-delete-parent:hover .hover-delete-child {
  display: flex;
}
.animate {
  background-color: #f7fafc;
  animation-name: color;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.select-before::before {
  align-self: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  left: 0.5rem;
  color: #2d3748;
  pointer-events: none;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.select-after::after {
  align-self: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  right: 1.0rem;
  color: #a0aec0;
  pointer-events: none;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.select-down::after {
  content: "\f078";
}

.submit-shadow {
  box-shadow: 0 30px 60px -12px rgba(50,50,93,0.25), 0 18px 36px -18px rgba(0,0,0,0.3);
}

@keyframes color {
  0% {
    background-color: #f7fafc;
  }
  50% {
    background-color: #e2e8f0;
  }
  100 {
    background-color: #f7fafc;
  }
}