.underline-hover:hover{
    text-decoration: underline;
}

.dashboard-total {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  border: 1px solid green;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  justify-content: center;
}

.pointer-edge{
    border-bottom: 6px     solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: block;
        left: 20px;
        position: absolute;
        top: -6px
    ;
}

.flip_container {
    transition: transform 0.4s ease 0s;
    transform-style: preserve-3d;
    height: 384px;
    perspective: 1000px;
  }
  .flip-parent:hover .flip_container  {
    transform: rotateY(
        180deg);
  }
  
  .flip_front,.flip_back {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 12%) 0px 3px 12px 0px;
    overflow: hidden;
  }
  .flip_front {
    grid-template-rows: 200px auto 1fr 34px 40px;
    height: 100%;
    row-gap: 8px;
  }
  .flip_back {
    background-color: #2565d5;
    height: 100%;
    color: rgb(255, 255, 255);
    transform: rotateY(180deg) translateY(-100%);
  }


.hide-parent > .hide-item{
  display:none ;
}
.hide-parent:hover > .hide-item{
  display:block ;
}

.editor-item:hover:not(.active){
  outline: 2px dashed gray;
}
.editor-item.active{
  outline: 2px solid #2565d5;
}




.animate-in {
  border: 0;
  background-size: 300% !important;
  background-position: left;
}

.animate-in:hover,
.animate-in:focus {
  background-position: right;
  transition: background-position .6s;
}

.animate-in {
  animation: animate-in forwards;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.animate-in-left {
  background-image: linear-gradient(45deg, #5a95d6, #82acda, rgb(127, 126, 167)) !important;
  border: 0;
  background-size: 300% !important;
  background-position: left;
}

.animate-in-left:hover,
.animate-in-left:focus {
  background-position: right;
  transition: background-position .6s;
}

.animate-in-left {
  animation: animate-in-left forwards;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.anim-new-points {
  animation: anim-new-points forwards;
  animation-duration: .4s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.anim-old-points {
  animation: anim-old-points forwards;
  animation-duration: .4s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

@keyframes anim-new-points {
  0% {
      transform: translateY(-100%);
      opacity: 0;
  }

  100% {
      transform: translateY(0%);
      opacity: 1;
  }
}

@keyframes anim-old-points {
  0% {
      transform: translateY(0%);
      opacity: 1;
  }

  100% {
      transform: translateY(100%);
      opacity: 0;
  }
}

@keyframes logo {
  0% {
      transform: translateY(-100%);
      opacity: 0;
  }

  100% {
      transform: translateY(0%);
      opacity: 1;
  }
}

@keyframes logo-sub {
  0% {
      transform: translateX(-20px);
      opacity: 0;
  }

  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@keyframes animate-in {
  0% {
      display: block !important;
      transform: scale(0) translateX(-20px);
      opacity: 0;
      transform-origin: center;
  }

  100% {
      transform: scale(1) translateX(0px);
      opacity: 1;
  }
}