1.vm__page-description {
2  margin-top: 1em;
3  margin-bottom: 3em;
4}
5
6.vm__upload {
7  align-items: center;
8  margin-bottom: 2em;
9}
10
11.vm__upload-chooser {
12  display: flex;
13  flex-wrap: wrap;
14  align-items: baseline;
15  margin: 0.7em 0.7em 0.7em 0;
16}
17.vm__upload-choose-label {
18  flex-grow: 0;
19  flex-shrink: 0;
20  flex-basis: auto;
21  margin-right: 4px;
22}
23
24.vm__upload-choose-button {
25  padding: 0.5em 0.75em;
26  font-size: 1rem;
27  background-color: $primary-light;
28  min-width: 3em;
29}
30
31.vm__upload-content {
32  flex: 1 0 220px;
33  max-width: 640px;
34
35  .icon__exit {
36    float: right;
37    cursor: pointer;
38    width: 0.75em;
39    height: 0.75em;
40    margin: 0 1em 0.3em 0.3em;
41  }
42}
43
44.vm__upload-controls {
45  display: flex;
46  align-items: center;
47}
48
49.vm__upload-name {
50  flex: 1 0 220px;
51  background-color: $background-03;
52  padding: 0.5em;
53}
54
55.vm__error-border,
56.vm__active-border {
57  border-top: 2px solid $status-error;
58  margin-top: 4px;
59  padding-top: 4px;
60}
61.vm__active-border {
62  border-color: $status-ok;
63}
64
65.vm__active-text {
66  color: $status-ok;
67  font-size: 0.8rem;
68  margin-top: 4px;
69}
70
71.vm__upload-start {
72  flex-grow: 0;
73  flex-shrink: 0;
74  flex-basis: 100%;
75  margin-top: 1em;
76
77  @media screen and (min-width: 760px) {
78    flex-basis: auto;
79    margin-top: 0;
80    margin-left: 0.75em;
81  }
82}
83