index.module.css 802 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .modal {
  2. position: relative;
  3. }
  4. .modal .icon {
  5. width: 48px;
  6. height: 48px;
  7. background: rgba(255, 255, 255, 0.9) center no-repeat url(../assets/annotation-info.svg);
  8. background-size: 24px;
  9. border: 0.5px solid #F2F4F7;
  10. box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  11. border-radius: 12px;
  12. }
  13. .modal .close {
  14. position: absolute;
  15. right: 16px;
  16. top: 16px;
  17. width: 32px;
  18. height: 32px;
  19. border-radius: 8px;
  20. background: center no-repeat url(../assets/close.svg);
  21. background-size: 16px;
  22. cursor: pointer;
  23. }
  24. .modal .title {
  25. @apply mt-3 mb-1;
  26. font-weight: 600;
  27. font-size: 20px;
  28. line-height: 30px;
  29. color: #101828;
  30. }
  31. .modal .content {
  32. @apply mb-10;
  33. font-weight: 400;
  34. font-size: 14px;
  35. line-height: 20px;
  36. color: #667085;
  37. }