|
.modal { |
|
position: relative; |
|
} |
|
.modal .icon { |
|
width: 48px; |
|
height: 48px; |
|
background: rgba(255, 255, 255, 0.9) center no-repeat url(../assets/annotation-info.svg); |
|
background-size: 24px; |
|
border: 0.5px solid #F2F4F7; |
|
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); |
|
border-radius: 12px; |
|
} |
|
.modal .close { |
|
position: absolute; |
|
right: 16px; |
|
top: 16px; |
|
width: 32px; |
|
height: 32px; |
|
border-radius: 8px; |
|
background: center no-repeat url(../assets/close.svg); |
|
background-size: 16px; |
|
cursor: pointer; |
|
} |
|
.modal .title { |
|
@apply mt-3 mb-1; |
|
font-weight: 600; |
|
font-size: 20px; |
|
line-height: 30px; |
|
color: #101828; |
|
} |
|
.modal .content { |
|
@apply mb-10; |
|
font-weight: 400; |
|
font-size: 14px; |
|
line-height: 20px; |
|
color: #667085; |
|
} |
|
|