@tailwind base;
@tailwind components;
@tailwind utilities;


* {
  scroll-behavior: smooth;
}

/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #84540f;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d39f6f;
}


.top {
  display: none;
}

.Notification {
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
}

.Notification.show {
  opacity: 1;
  transform: translateY(0);
}




.loader-tailwind-before,
.loader-tailwind-after {
  clip-path: polygon(-50px -20px,
      10% -12px,
      20% 0,
      calc(50% - 15px) 0,
      calc(50% - 10px) -20px,
      calc(50% - 8px) -15px,
      calc(50% + 8px) -15px,
      calc(50% + 10px) -20px,
      calc(50% + 15px) 0,
      80% 0,
      90% -12px,
      calc(100% + 50px) -20px,
      100% 80%,
      calc(100% + 10px) calc(100% + 10px),
      60% 100%,
      50% calc(100% + 15px),
      40% 100%,
      -10px calc(100% + 10px),
      0 80%);
}

@keyframes loader-tailwind-animation {
  to {
    transform: perspective(300px) translateZ(100px);
    opacity: 0;
  }
}

.animate-loader-tailwind {
  animation: loader-tailwind-animation 1s infinite;
  transform: perspective(300px) translateZ(0px);
}