1  /* receivemodal.module.scss */
  2  
  3  $primary-color: #012060;
  4  
  5  .DialogOverlay {
  6    background-color: rgba(0, 0, 0, 0.5);
  7    position: fixed;
  8    top: 0;
  9    left: 0;
 10    right: 0;
 11    bottom: 0;
 12  }
 13  
 14  .DialogContent {
 15    background-color: white;
 16    padding: 30px; 
 17    border-radius: 10px;
 18    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 19    width: 90%;
 20    max-width: 500px;
 21    position: fixed;
 22    top: 50%;
 23    left: 50%;
 24    transform: translate(-50%, -50%);
 25    z-index: 1001;
 26    text-align: center;
 27  }
 28  
 29  .DialogTitle {
 30    font-size: 24px;
 31    font-weight: bold;
 32    margin-bottom: 20px;
 33    color: $primary-color;
 34  }
 35  
 36  .DialogDescription {
 37    font-size: 16px;
 38    margin-bottom: 20px;
 39  }
 40  
 41  .AddressContainer {
 42    display: flex;
 43    align-items: center;
 44    justify-content: center;
 45  }
 46  
 47  .Address {
 48    font-size: 16px;
 49    margin-right: 5px;
 50  }
 51  
 52  .CopyIcon {
 53    cursor: pointer;
 54    fill: $primary-color;
 55  }
 56  
 57  .DialogContent > * {
 58    margin-bottom: 15px;
 59  }
 60  
 61  .QRCodeContainer {
 62    display: flex;
 63    justify-content: center;
 64    align-items: center;
 65    margin-bottom: 20px;
 66  }
 67  
 68  .QRCode {
 69    border: 2px solid $primary-color;
 70    padding: 15px;
 71    border-radius: 5px;
 72  }
 73  
 74  .Button {
 75    cursor: pointer;
 76    margin-bottom: 50px;
 77    padding: 12px;
 78    font-size: 18px;
 79    border: 2px solid $primary-color;
 80    border-radius: 5px;
 81    width: 100%;
 82    display: flex;
 83    align-items: center;
 84    justify-content: center;
 85  }
 86  
 87  .DoneButton {
 88    background-color: $primary-color;
 89    color: white;
 90    border: none;
 91    margin-bottom: 0px;
 92  }
 93  
 94  .IconButton {
 95    background: none;
 96    border: none;
 97    cursor: pointer;
 98    color: $primary-color;
 99    position: absolute;
100    top: 15px;
101    right: 15px;
102  }
103  
104  .IconButton > svg {
105    width: 20px;
106    height: 20px;
107  }