global.css 721 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. @import "tailwindcss";
  2. /* Loading spin animation */
  3. @keyframes pd-loading-spin {
  4. 0%,
  5. 100% {
  6. animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  7. }
  8. 0% {
  9. transform: rotateY(0deg);
  10. }
  11. 50% {
  12. transform: rotateY(1800deg);
  13. animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  14. }
  15. 100% {
  16. transform: rotateY(3600deg);
  17. }
  18. }
  19. /* Custom scrollbar styles */
  20. .custom-scrollbar::-webkit-scrollbar {
  21. width: 8px;
  22. height: 8px;
  23. }
  24. .custom-scrollbar::-webkit-scrollbar-track {
  25. background-color: transparent;
  26. }
  27. .custom-scrollbar::-webkit-scrollbar-thumb {
  28. background-color: #d6dee1;
  29. border-radius: 8px;
  30. }
  31. .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  32. background-color: #a8bbbf;
  33. }