style.module.css 569 B

12345678910111213141516171819202122232425
  1. .item {
  2. @apply relative rounded-xl border border-gray-100 cursor-pointer;
  3. background-color: #fcfcfd;
  4. }
  5. .item.active {
  6. border-width: 1.5px;
  7. border-color: #528BFF;
  8. box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
  9. }
  10. .item:hover {
  11. background-color: #ffffff;
  12. border-color: #B2CCFF;
  13. box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  14. }
  15. .radio {
  16. @apply w-4 h-4 border-[2px] border-gray-200 rounded-full;
  17. }
  18. .item.active .radio {
  19. border-width: 5px;
  20. border-color: #155EEF;
  21. }