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 | .sales-person-details { max-height: 430px; overflow: hidden; }
|
12 |
|
13 | .page { position: relative; margin: 0 auto 20px; background: #ffffff; box-shadow: 0 3px 10px rgba(33, 33, 33, 0.3); overflow: hidden; font-size: 16px; }
|
14 | .page .item-amount { color: #9e9e9e; font-size: 14px; text-align: right; margin: 0 24px 8px; }
|
15 |
|
16 | section { padding: 24px; }
|
17 |
|
18 | .left-column { width: 66%; }
|
19 | @media screen and (max-width: 600px) { .left-column { width: 100%; } }
|
20 |
|
21 | .right-column { width: 34%; }
|
22 | @media screen and (max-width: 600px) { .right-column { width: 100%; } }
|
23 |
|
24 | .product-content { display: flex; }
|
25 | @media screen and (max-width: 600px) { .product-content { flex-direction: column; } }
|