| .app-wrapper-sra { | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| width: 100%; | |
| min-height: 100vh; | |
| } | |
| .main-container-sra { | |
| background-color: white; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| text-align: left; | |
| padding: 16px; | |
| padding-bottom: 36px; | |
| border-radius: 8px; | |
| box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.3); | |
| border: 1px solid rgba(0, 0, 0, 0.05); | |
| overflow: hidden; | |
| } | |
| .top-section-sra { | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| } | |
| .horizontal-padding-sra { | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| .header-container-sra { | |
| display: flex; | |
| flex-direction: column; | |
| gap:10px; | |
| align-items: center; | |
| padding-bottom: 20px; | |
| } | |
| .header-icon-sra { | |
| display: block; | |
| padding-right: 12px; | |
| } | |
| .translation-text-container-sra { | |
| background-color: #f8f8f8; | |
| padding-top: 12px; | |
| padding-bottom: 4px; | |
| } | |
| .text-chunk-sra { | |
| padding-bottom: 12px; | |
| } | |