@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotateBorder {
  from { --angle: 0deg; }
  to { --angle: 360deg; }
}

.box {
  width: 200px;
  height: 200px;
  animation: rotateBorder 5s linear infinite;
  background: conic-gradient(from var(--angle), red, blue, red);
}

  .tab-btn {
    @apply px-4 py-2 text-sm sm:text-base whitespace-nowrap rounded-full text-gray-600 transition;
  }

  .tab-btn.active {
    @apply bg-gradient-to-r from-[#A777EC] to-[#4F67F2] text-white;
  }

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }