| 1 | :host { display: block; font-size: 14px; line-height: 1.4; }
|
| 2 | :host * { box-sizing: border-box; }
|
| 3 |
|
| 4 | .va-component-title { font-size: 24px; font-weight: 300; margin-top: 0; }
|
| 5 | @media screen and (min-width: 600px) { .va-component-title { font-size: 32px; } }
|
| 6 |
|
| 7 | img { max-width: 100%; }
|
| 8 |
|
| 9 | va-icon { display: inline-block; }
|
| 10 |
|
| 11 | .page { position: relative; margin: 0 auto 20px; background: #ffffff; color: #212121; box-shadow: 0 3px 10px rgba(33, 33, 33, 0.3); overflow: hidden; font-size: 16px; }
|
| 12 | .page .item-amount { color: #9e9e9e; font-size: 14px; text-align: right; margin: 0 24px 8px; }
|
| 13 |
|
| 14 | section { padding: 24px; }
|
| 15 |
|
| 16 | .left-column { width: 66%; }
|
| 17 | @media screen and (max-width: 600px) { .left-column { width: 100%; } }
|
| 18 |
|
| 19 | .right-column { width: 34%; }
|
| 20 | @media screen and (max-width: 600px) { .right-column { width: 100%; } }
|
| 21 |
|
| 22 | .package-content { display: flex; }
|
| 23 | @media screen and (max-width: 600px) { .package-content { flex-direction: column; } }
|