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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

@keyframes slide-up-then-down {
  0%,100% { transform: translateY(70px); opacity: 0; }
  5%,95% { transform: translateY(0); opacity: 1; }
}

.copy-success {
  animation: slide-up-then-down  4s both;
}

details > summary::-webkit-details-marker {
  display: none;
}

@keyframes blink {
  50% {
    border-right: transparent;
  }
}
.blink {
  animation: blink 1s step-end infinite;
}