UNPKG

73.6 kBCSSView Raw
1@charset "UTF-8";
2.uppy-Informer {
3 position: absolute;
4 bottom: 60px;
5 left: 0;
6 right: 0;
7 text-align: center;
8 opacity: 1;
9 transform: none;
10 transition: all 250ms ease-in;
11 z-index: 1005;
12}
13
14.uppy-Informer[aria-hidden=true] {
15 opacity: 0;
16 transform: translateY(350%);
17 transition: all 300ms ease-in;
18 z-index: -1000;
19}
20
21.uppy-Informer p {
22 display: inline-block;
23 margin: 0;
24 padding: 0;
25 font-size: 12px;
26 line-height: 1.4;
27 font-weight: 400;
28 padding: 6px 15px;
29 background-color: #757575;
30 color: #fff;
31 border-radius: 18px;
32 max-width: 90%;
33}
34.uppy-size--md .uppy-Informer p {
35 font-size: 14px;
36 line-height: 1.3;
37 max-width: 500px;
38 padding: 10px 20px;
39}
40[data-uppy-theme=dark] .uppy-Informer p {
41 background-color: #333;
42}
43
44[dir="ltr"] .uppy-Informer span{
45 left: 3px;
46}
47
48[dir="rtl"] .uppy-Informer span{
49 right: 3px;
50}
51
52[dir="ltr"] .uppy-Informer span{
53 margin-left: -1px;
54}
55
56[dir="rtl"] .uppy-Informer span{
57 margin-right: -1px;
58}
59
60.uppy-Informer span {
61 line-height: 12px;
62 width: 13px;
63 height: 13px;
64 display: inline-block;
65 vertical-align: middle;
66 color: #525252;
67 background-color: #fff;
68 border-radius: 50%;
69 position: relative;
70 top: -1px;
71 font-size: 10px;
72 -webkit-margin-start: -1px;
73}
74
75.uppy-Informer span:hover {
76 cursor: help;
77}
78
79.uppy-Informer span:after {
80 line-height: 1.3;
81 word-wrap: break-word;
82}
83
84/* -------------------------------------------------------------------
85 Microtip
86
87 Modern, lightweight css-only tooltips
88 Just 1kb minified and gzipped
89
90 @author Ghosh
91 @package Microtip
92
93----------------------------------------------------------------------
94 1. Base Styles
95 2. Direction Modifiers
96 3. Position Modifiers
97--------------------------------------------------------------------*/
98/* ------------------------------------------------
99 [1] Base Styles
100-------------------------------------------------*/
101.uppy-Root [aria-label][role~=tooltip] {
102 /* no important */
103 position: relative;
104}
105
106.uppy-Root [aria-label][role~=tooltip]::before,
107.uppy-Root [aria-label][role~=tooltip]::after {
108 /* no important */
109 transform: translate3d(0, 0, 0);
110 -webkit-backface-visibility: hidden;
111 backface-visibility: hidden;
112 will-change: transform;
113 opacity: 0;
114 pointer-events: none;
115 transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
116 position: absolute;
117 box-sizing: border-box;
118 z-index: 10;
119 transform-origin: top;
120}
121
122.uppy-Root [aria-label][role~=tooltip]::before {
123 /* no important */
124 background-size: 100% auto !important;
125 content: "";
126}
127
128.uppy-Root [aria-label][role~=tooltip]::after {
129 /* no important */
130 background: rgba(17, 17, 17, 0.9);
131 border-radius: 4px;
132 color: #ffffff;
133 content: attr(aria-label);
134 font-size: var(--microtip-font-size, 13px);
135 font-weight: var(--microtip-font-weight, normal);
136 text-transform: var(--microtip-text-transform, none);
137 padding: 0.5em 1em;
138 white-space: nowrap;
139 box-sizing: content-box;
140}
141
142.uppy-Root [aria-label][role~=tooltip]:hover::before,
143.uppy-Root [aria-label][role~=tooltip]:hover::after,
144.uppy-Root [aria-label][role~=tooltip]:focus::before,
145.uppy-Root [aria-label][role~=tooltip]:focus::after {
146 /* no important */
147 opacity: 1;
148 pointer-events: auto;
149}
150
151/* ------------------------------------------------
152 [2] Position Modifiers
153-------------------------------------------------*/
154.uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
155 /* no important */
156 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
157 height: 6px;
158 width: 18px;
159 margin-bottom: 5px;
160}
161
162.uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
163 /* no important */
164 margin-bottom: 11px;
165}
166
167.uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
168 /* no important */
169 transform: translate3d(-50%, 0, 0);
170 bottom: 100%;
171 left: 50%;
172}
173
174.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before {
175 /* no important */
176 transform: translate3d(-50%, -5px, 0);
177}
178
179.uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
180 /* no important */
181 transform: translate3d(-50%, 0, 0);
182 bottom: 100%;
183 left: 50%;
184}
185
186.uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after {
187 /* no important */
188 transform: translate3d(-50%, -5px, 0);
189}
190
191/* ------------------------------------------------
192 [2.1] Top Left
193-------------------------------------------------*/
194.uppy-Root [role~=tooltip][data-microtip-position=top-left]::after {
195 /* no important */
196 transform: translate3d(calc(-100% + 16px), 0, 0);
197 bottom: 100%;
198}
199
200.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after {
201 /* no important */
202 transform: translate3d(calc(-100% + 16px), -5px, 0);
203}
204
205/* ------------------------------------------------
206 [2.2] Top Right
207-------------------------------------------------*/
208.uppy-Root [role~=tooltip][data-microtip-position=top-right]::after {
209 /* no important */
210 transform: translate3d(calc(0% + -16px), 0, 0);
211 bottom: 100%;
212}
213
214.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after {
215 /* no important */
216 transform: translate3d(calc(0% + -16px), -5px, 0);
217}
218
219/* ------------------------------------------------
220 [2.3] Bottom
221-------------------------------------------------*/
222.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
223 /* no important */
224 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
225 height: 6px;
226 width: 18px;
227 margin-top: 5px;
228 margin-bottom: 0;
229}
230
231.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
232 /* no important */
233 margin-top: 11px;
234}
235
236.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
237 /* no important */
238 transform: translate3d(-50%, -10px, 0);
239 bottom: auto;
240 left: 50%;
241 top: 100%;
242}
243
244.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before {
245 /* no important */
246 transform: translate3d(-50%, 0, 0);
247}
248
249.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
250 /* no important */
251 transform: translate3d(-50%, -10px, 0);
252 top: 100%;
253 left: 50%;
254}
255
256.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after {
257 /* no important */
258 transform: translate3d(-50%, 0, 0);
259}
260
261/* ------------------------------------------------
262 [2.4] Bottom Left
263-------------------------------------------------*/
264.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after {
265 /* no important */
266 transform: translate3d(calc(-100% + 16px), -10px, 0);
267 top: 100%;
268}
269
270.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
271 /* no important */
272 transform: translate3d(calc(-100% + 16px), 0, 0);
273}
274
275/* ------------------------------------------------
276 [2.5] Bottom Right
277-------------------------------------------------*/
278.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after {
279 /* no important */
280 transform: translate3d(calc(0% + -16px), -10px, 0);
281 top: 100%;
282}
283
284.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
285 /* no important */
286 transform: translate3d(calc(0% + -16px), 0, 0);
287}
288
289/* ------------------------------------------------
290 [2.6] Left
291-------------------------------------------------*/
292.uppy-Root [role~=tooltip][data-microtip-position=left]::before,
293.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
294 /* no important */
295 bottom: auto;
296 left: auto;
297 right: 100%;
298 top: 50%;
299 transform: translate3d(10px, -50%, 0);
300}
301
302.uppy-Root [role~=tooltip][data-microtip-position=left]::before {
303 /* no important */
304 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
305 height: 18px;
306 width: 6px;
307 margin-right: 5px;
308 margin-bottom: 0;
309}
310
311.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
312 /* no important */
313 margin-right: 11px;
314}
315
316.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before,
317.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after {
318 /* no important */
319 transform: translate3d(0, -50%, 0);
320}
321
322/* ------------------------------------------------
323 [2.7] Right
324-------------------------------------------------*/
325.uppy-Root [role~=tooltip][data-microtip-position=right]::before,
326.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
327 /* no important */
328 bottom: auto;
329 left: 100%;
330 top: 50%;
331 transform: translate3d(-10px, -50%, 0);
332}
333
334.uppy-Root [role~=tooltip][data-microtip-position=right]::before {
335 /* no important */
336 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
337 height: 18px;
338 width: 6px;
339 margin-bottom: 0;
340 margin-left: 5px;
341}
342
343.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
344 /* no important */
345 margin-left: 11px;
346}
347
348.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before,
349.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after {
350 /* no important */
351 transform: translate3d(0, -50%, 0);
352}
353
354/* ------------------------------------------------
355 [3] Size
356-------------------------------------------------*/
357.uppy-Root [role~=tooltip][data-microtip-size=small]::after {
358 /* no important */
359 white-space: initial;
360 width: 80px;
361}
362
363.uppy-Root [role~=tooltip][data-microtip-size=medium]::after {
364 /* no important */
365 white-space: initial;
366 width: 150px;
367}
368
369.uppy-Root [role~=tooltip][data-microtip-size=large]::after {
370 /* no important */
371 white-space: initial;
372 width: 260px;
373}
374
375.uppy-StatusBar {
376 display: -ms-flexbox;
377 display: flex;
378 position: relative;
379 height: 40px;
380 line-height: 40px;
381 font-size: 12px;
382 font-weight: 400;
383 color: #fff;
384 background-color: #fff;
385 z-index: 1001;
386 transition: height 0.2s;
387}
388[data-uppy-theme=dark] .uppy-StatusBar {
389 background-color: #1f1f1f;
390}
391
392.uppy-size--md .uppy-StatusBar {
393 height: 46px;
394}
395
396.uppy-StatusBar:before {
397 content: "";
398 position: absolute;
399 left: 0;
400 right: 0;
401 top: 0;
402 bottom: 0;
403 width: 100%;
404 height: 2px;
405 background-color: #eaeaea;
406}
407[data-uppy-theme=dark] .uppy-StatusBar:before {
408 background-color: #757575;
409}
410
411.uppy-StatusBar[aria-hidden=true] {
412 overflow-y: hidden;
413 height: 0;
414}
415
416.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
417 background-color: #1bb240;
418}
419
420.uppy-StatusBar.is-error .uppy-StatusBar-progress {
421 background-color: #e32437;
422}
423
424.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
425 color: #1bb240;
426}
427
428.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
429 color: #e32437;
430}
431
432.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
433 background-color: #fff;
434 height: 65px;
435 border-top: 1px solid #eaeaea;
436}
437[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
438 background-color: #1f1f1f;
439 border-top: 1px solid #333;
440}
441
442.uppy-StatusBar-progress {
443 background-color: #2275d7;
444 height: 2px;
445 position: absolute;
446 z-index: 1001;
447 transition: background-color, width 0.3s ease-out;
448}
449.uppy-StatusBar-progress.is-indeterminate {
450 background-size: 64px 64px;
451 background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
452 animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
453}
454
455@keyframes uppy-StatusBar-ProgressStripes {
456 from {
457 background-position: 0 0;
458 }
459 to {
460 background-position: 64px 0;
461 }
462}
463.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
464.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
465 background-color: #f6a623;
466}
467
468.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
469 display: none;
470}
471
472[dir="ltr"] .uppy-StatusBar-content{
473 padding-left: 10px;
474}
475
476[dir="rtl"] .uppy-StatusBar-content{
477 padding-right: 10px;
478}
479
480.uppy-StatusBar-content {
481 display: -ms-flexbox;
482 display: flex;
483 -ms-flex-align: center;
484 align-items: center;
485 position: relative;
486 z-index: 1002;
487 -webkit-padding-start: 10px;
488 white-space: nowrap;
489 text-overflow: ellipsis;
490 color: #333;
491 height: 100%;
492}
493[dir="ltr"] .uppy-size--md .uppy-StatusBar-content{
494 padding-left: 15px;
495}
496[dir="rtl"] .uppy-size--md .uppy-StatusBar-content{
497 padding-right: 15px;
498}
499.uppy-size--md .uppy-StatusBar-content {
500 -webkit-padding-start: 15px;
501}
502[data-uppy-theme=dark] .uppy-StatusBar-content {
503 color: #eaeaea;
504}
505
506[dir="ltr"] .uppy-StatusBar-status{
507 padding-right: 0.3em;
508}
509
510[dir="rtl"] .uppy-StatusBar-status{
511 padding-left: 0.3em;
512}
513
514.uppy-StatusBar-status {
515 line-height: 1.4;
516 font-weight: normal;
517 display: -ms-flexbox;
518 display: flex;
519 -ms-flex-direction: column;
520 flex-direction: column;
521 -ms-flex-pack: center;
522 justify-content: center;
523 -webkit-padding-end: 0.3em;
524}
525
526.uppy-StatusBar-statusPrimary {
527 font-weight: 500;
528 line-height: 1;
529}
530[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
531 color: #eaeaea;
532}
533
534.uppy-StatusBar-statusSecondary {
535 margin-top: 1px;
536 font-size: 11px;
537 line-height: 1.2;
538 display: inline-block;
539 color: #757575;
540 white-space: nowrap;
541}
542[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
543 color: #bbb;
544}
545
546[dir="ltr"] .uppy-StatusBar-statusSecondaryHint{
547 margin-right: 5px;
548}
549
550[dir="rtl"] .uppy-StatusBar-statusSecondaryHint{
551 margin-left: 5px;
552}
553
554.uppy-StatusBar-statusSecondaryHint {
555 display: inline-block;
556 vertical-align: middle;
557 -webkit-margin-end: 5px;
558 line-height: 1;
559}
560[dir="ltr"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{
561 margin-right: 8px;
562}
563[dir="rtl"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{
564 margin-left: 8px;
565}
566.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
567 -webkit-margin-end: 8px;
568}
569
570[dir="ltr"] .uppy-StatusBar-statusIndicator{
571 margin-right: 7px;
572}
573
574[dir="rtl"] .uppy-StatusBar-statusIndicator{
575 margin-left: 7px;
576}
577
578.uppy-StatusBar-statusIndicator {
579 position: relative;
580 top: 1px;
581 color: #525252;
582 -webkit-margin-end: 7px;
583}
584.uppy-StatusBar-statusIndicator svg {
585 vertical-align: text-bottom;
586}
587
588[dir="ltr"] .uppy-StatusBar-actions{
589 right: 10px;
590}
591
592[dir="rtl"] .uppy-StatusBar-actions{
593 left: 10px;
594}
595
596.uppy-StatusBar-actions {
597 display: -ms-flexbox;
598 display: flex;
599 -ms-flex-align: center;
600 align-items: center;
601 position: absolute;
602 top: 0;
603 bottom: 0;
604 z-index: 1004;
605}
606
607.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
608 width: 100%;
609 position: static;
610 padding: 0 15px;
611 background-color: #fafafa;
612}
613[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
614 background-color: #1f1f1f;
615}
616
617.uppy-StatusBar-actionCircleBtn {
618 line-height: 1;
619 cursor: pointer;
620 margin: 3px;
621 opacity: 0.9;
622}
623.uppy-StatusBar-actionCircleBtn:focus {
624 outline: none;
625}
626.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
627 border: 0;
628}
629.uppy-StatusBar-actionCircleBtn:focus {
630 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
631}
632[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
633 outline: none;
634}
635[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
636 border: 0;
637}
638[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
639 box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
640}
641.uppy-StatusBar-actionCircleBtn:hover {
642 opacity: 1;
643}
644.uppy-StatusBar-actionCircleBtn:focus {
645 border-radius: 50%;
646}
647
648.uppy-StatusBar-actionCircleBtn svg {
649 vertical-align: bottom;
650}
651
652.uppy-StatusBar-actionBtn {
653 display: inline-block;
654 vertical-align: middle;
655 font-size: 10px;
656 line-height: inherit;
657 color: #2275d7;
658}
659.uppy-size--md .uppy-StatusBar-actionBtn {
660 font-size: 11px;
661}
662
663[dir="ltr"] .uppy-StatusBar-actionBtn--retry{
664 margin-right: 6px;
665}
666
667[dir="rtl"] .uppy-StatusBar-actionBtn--retry{
668 margin-left: 6px;
669}
670
671.uppy-StatusBar-actionBtn--retry {
672 height: 16px;
673 border-radius: 8px;
674 -webkit-margin-end: 6px;
675 background-color: #ff4b23;
676 line-height: 1;
677 color: #fff;
678 padding: 1px 6px 3px 18px;
679 position: relative;
680}
681.uppy-StatusBar-actionBtn--retry:focus {
682 outline: none;
683}
684.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
685 border: 0;
686}
687.uppy-StatusBar-actionBtn--retry:focus {
688 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
689}
690[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
691 outline: none;
692}
693[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
694 border: 0;
695}
696[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
697 box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
698}
699.uppy-StatusBar-actionBtn--retry:hover {
700 background-color: #f92d00;
701}
702[dir="ltr"] .uppy-StatusBar-actionBtn--retry svg{
703 left: 6px;
704}
705[dir="rtl"] .uppy-StatusBar-actionBtn--retry svg{
706 right: 6px;
707}
708.uppy-StatusBar-actionBtn--retry svg {
709 position: absolute;
710 top: 3px;
711}
712
713.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
714 font-size: 14px;
715 width: 100%;
716 padding: 15px 10px;
717 color: #fff;
718 background-color: #1bb240;
719 line-height: 1;
720}
721.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
722 background-color: #189c38;
723}
724[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
725 background-color: #1c8b37;
726}
727[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
728 background-color: #18762f;
729}
730
731.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
732 padding: 13px 22px;
733 width: auto;
734}
735
736.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
737 background-color: transparent;
738 color: #2275d7;
739}
740
741[dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{
742 padding-right: 3px;
743}
744
745[dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{
746 padding-left: 3px;
747}
748
749[dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{
750 padding-left: 3px;
751}
752
753[dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{
754 padding-right: 3px;
755}
756
757.uppy-StatusBar-actionBtn--uploadNewlyAdded {
758 -webkit-padding-end: 3px;
759 -webkit-padding-start: 3px;
760 padding-bottom: 1px;
761 border-radius: 3px;
762}
763.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
764 outline: none;
765}
766.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
767 border: 0;
768}
769.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
770 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
771}
772[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
773 outline: none;
774}
775[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
776 border: 0;
777}
778[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
779 box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
780}
781
782.uppy-StatusBar-actionBtn--done {
783 line-height: 1;
784 border-radius: 3px;
785 padding: 7px 8px;
786}
787.uppy-StatusBar-actionBtn--done:focus {
788 outline: none;
789}
790.uppy-StatusBar-actionBtn--done::-moz-focus-inner {
791 border: 0;
792}
793.uppy-StatusBar-actionBtn--done:hover {
794 color: #1b5dab;
795}
796.uppy-StatusBar-actionBtn--done:focus {
797 background-color: #eceef2;
798}
799[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
800 background-color: #333;
801}
802[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
803 color: #02baf2;
804}
805
806.uppy-size--md .uppy-StatusBar-actionBtn--done {
807 font-size: 14px;
808}
809
810[dir="ltr"] .uppy-StatusBar-details{
811 left: 2px;
812}
813
814[dir="rtl"] .uppy-StatusBar-details{
815 right: 2px;
816}
817
818.uppy-StatusBar-details {
819 line-height: 12px;
820 width: 13px;
821 height: 13px;
822 display: inline-block;
823 vertical-align: middle;
824 color: #fff;
825 background-color: #939393;
826 border-radius: 50%;
827 position: relative;
828 top: 0;
829 font-size: 10px;
830 font-weight: 600;
831 text-align: center;
832 cursor: help;
833}
834
835.uppy-StatusBar-details:after {
836 line-height: 1.3;
837 word-wrap: break-word;
838}
839
840[dir="ltr"] .uppy-StatusBar-spinner{
841 margin-right: 10px;
842}
843
844[dir="rtl"] .uppy-StatusBar-spinner{
845 margin-left: 10px;
846}
847
848.uppy-StatusBar-spinner {
849 animation-name: uppy-StatusBar-spinnerAnimation;
850 animation-duration: 1s;
851 animation-iteration-count: infinite;
852 animation-timing-function: linear;
853 -webkit-margin-end: 10px;
854 fill: #2275d7;
855}
856
857.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,
858.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner {
859 fill: #f6a623;
860}
861
862@keyframes uppy-StatusBar-spinnerAnimation {
863 0% {
864 transform: rotate(0deg);
865 }
866 100% {
867 transform: rotate(360deg);
868 }
869}
870.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list {
871 display: -ms-flexbox;
872 display: flex;
873 -ms-flex-direction: row;
874 flex-direction: row;
875 -ms-flex-wrap: wrap;
876 flex-wrap: wrap;
877 -ms-flex-pack: justify;
878 justify-content: space-between;
879 -ms-flex-align: start;
880 align-items: flex-start;
881 padding: 6px;
882}
883.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list::after {
884 content: "";
885 -ms-flex: auto;
886 flex: auto;
887}
888.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
889 width: 50%;
890 position: relative;
891 margin: 0;
892}
893.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
894 width: 33.3333%;
895}
896.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
897 width: 25%;
898}
899.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem::before {
900 content: "";
901 padding-top: 100%;
902 display: block;
903}
904.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img, .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg {
905 opacity: 0.85;
906}
907.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled {
908 opacity: 0.5;
909}
910.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
911 background-color: rgba(147, 147, 147, 0.2);
912}
913[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
914 background-color: rgba(234, 234, 234, 0.2);
915}
916.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg {
917 fill: rgba(0, 0, 0, 0.7);
918 width: 30%;
919 height: 30%;
920}
921[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg {
922 fill: rgba(255, 255, 255, 0.8);
923}
924.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner {
925 border-radius: 4px;
926 overflow: hidden;
927 position: absolute;
928 top: 7px;
929 left: 7px;
930 right: 7px;
931 bottom: 7px;
932 text-align: center;
933 width: calc(100% - 14px);
934 height: calc(100% - 14px);
935}
936.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner:focus {
937 outline: none;
938 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.9);
939}
940[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner {
941 box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7);
942}
943.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner img {
944 width: 100%;
945 height: 100%;
946 object-fit: cover;
947 border-radius: 4px;
948}
949.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox {
950 position: absolute;
951 top: 16px;
952 right: 16px;
953 width: 26px;
954 height: 26px;
955 background-color: #2275d7;
956 border-radius: 50%;
957 z-index: 1002;
958 opacity: 0;
959}
960[dir="ltr"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after{
961 left: 7px;
962}
963[dir="rtl"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after{
964 right: 7px;
965}
966.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after {
967 width: 12px;
968 height: 7px;
969 top: 8px;
970}
971.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
972 opacity: 1;
973}
974
975.uppy-ProviderBrowser-viewType--list {
976 background-color: #fff;
977}
978[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
979 background-color: #1f1f1f;
980}
981.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
982 display: -ms-flexbox;
983 display: flex;
984 -ms-flex-align: center;
985 align-items: center;
986 padding: 7px 15px;
987 margin: 0;
988}
989[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
990 color: #eaeaea;
991}
992.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
993 opacity: 0.6;
994}
995[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox{
996 margin-right: 15px;
997}
998[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox{
999 margin-left: 15px;
1000}
1001.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox {
1002 -webkit-margin-end: 15px;
1003 height: 17px;
1004 width: 17px;
1005 border-radius: 3px;
1006 background-color: #fff;
1007 border: 1px solid #cfcfcf;
1008}
1009.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus {
1010 border: 1px solid #2275d7;
1011 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25);
1012 outline: none;
1013}
1014[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox::after{
1015 left: 3px;
1016}
1017[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox::after{
1018 right: 3px;
1019}
1020.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox::after {
1021 opacity: 0;
1022 height: 5px;
1023 width: 9px;
1024 top: 4px;
1025}
1026[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus {
1027 border-color: rgba(2, 186, 242, 0.7);
1028 box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2);
1029}
1030.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
1031 background-color: #2275d7;
1032 border-color: #2275d7;
1033}
1034.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked::after {
1035 opacity: 1;
1036}
1037.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
1038 text-overflow: ellipsis;
1039 white-space: nowrap;
1040 overflow: hidden;
1041 display: -ms-flexbox;
1042 display: flex;
1043 -ms-flex-align: center;
1044 align-items: center;
1045 padding: 2px;
1046}
1047.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
1048 outline: none;
1049 text-decoration: underline;
1050}
1051[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{
1052 margin-right: 8px;
1053}
1054[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{
1055 margin-left: 8px;
1056}
1057.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
1058 -webkit-margin-end: 8px;
1059 max-width: 20px;
1060 max-height: 20px;
1061}
1062.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
1063 text-overflow: ellipsis;
1064 white-space: nowrap;
1065 overflow: hidden;
1066}
1067.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
1068 cursor: default;
1069}
1070[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{
1071 margin-right: 7px;
1072}
1073[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{
1074 margin-left: 7px;
1075}
1076.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
1077 width: 20px;
1078 -webkit-margin-end: 7px;
1079}
1080
1081.uppy-ProviderBrowserItem-fakeCheckbox {
1082 position: relative;
1083 cursor: pointer;
1084 -ms-flex-negative: 0;
1085 flex-shrink: 0;
1086}
1087.uppy-ProviderBrowserItem-fakeCheckbox:disabled {
1088 cursor: default;
1089}
1090.uppy-ProviderBrowserItem-fakeCheckbox::after {
1091 content: "";
1092 position: absolute;
1093 cursor: pointer;
1094 border-left: 2px solid #eaeaea;
1095 border-bottom: 2px solid #eaeaea;
1096 transform: rotate(-45deg);
1097}
1098.uppy-ProviderBrowserItem-fakeCheckbox:disabled::after {
1099 cursor: default;
1100}
1101[data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox {
1102 background-color: #1f1f1f;
1103 border-color: #939393;
1104}
1105
1106[data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
1107 background-color: #333;
1108}
1109
1110.uppy-SearchProvider {
1111 width: 100%;
1112 height: 100%;
1113 display: -ms-flexbox;
1114 display: flex;
1115 -ms-flex-direction: column;
1116 flex-direction: column;
1117 -ms-flex-pack: center;
1118 justify-content: center;
1119 -ms-flex-align: center;
1120 align-items: center;
1121 -ms-flex: 1;
1122 flex: 1;
1123}
1124[data-uppy-theme=dark] .uppy-SearchProvider {
1125 background-color: #1f1f1f;
1126}
1127
1128.uppy-SearchProvider-input {
1129 width: 90%;
1130 max-width: 650px;
1131 margin-bottom: 15px;
1132}
1133.uppy-size--md .uppy-SearchProvider-input {
1134 margin-bottom: 20px;
1135}
1136
1137.uppy-SearchProvider-searchButton {
1138 padding: 13px 25px;
1139}
1140.uppy-size--md .uppy-SearchProvider-searchButton {
1141 padding: 13px 30px;
1142}
1143
1144.uppy-DashboardContent-panelBody {
1145 display: -ms-flexbox;
1146 display: flex;
1147 -ms-flex-align: center;
1148 align-items: center;
1149 -ms-flex-pack: center;
1150 justify-content: center;
1151 -ms-flex: 1;
1152 flex: 1;
1153}
1154[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
1155 background-color: #1f1f1f;
1156}
1157
1158.uppy-Provider-auth,
1159.uppy-Provider-error,
1160.uppy-Provider-loading,
1161.uppy-Provider-empty {
1162 display: -ms-flexbox;
1163 display: flex;
1164 -ms-flex-align: center;
1165 align-items: center;
1166 -ms-flex-pack: center;
1167 justify-content: center;
1168 -ms-flex-flow: column wrap;
1169 flex-flow: column wrap;
1170 -ms-flex: 1;
1171 flex: 1;
1172 color: #939393;
1173}
1174
1175.uppy-Provider-empty {
1176 color: #939393;
1177}
1178
1179.uppy-Provider-authIcon svg {
1180 width: 100px;
1181 height: 75px;
1182 margin-bottom: 15px;
1183}
1184
1185.uppy-Provider-authTitle {
1186 font-size: 17px;
1187 line-height: 1.4;
1188 font-weight: 400;
1189 margin-bottom: 30px;
1190 padding: 0 15px;
1191 max-width: 500px;
1192 text-align: center;
1193 color: #757575;
1194}
1195.uppy-size--md .uppy-Provider-authTitle {
1196 font-size: 20px;
1197}
1198[data-uppy-theme=dark] .uppy-Provider-authTitle {
1199 color: #cfcfcf;
1200}
1201
1202[dir="ltr"] .uppy-Provider-breadcrumbs{
1203 text-align: left;
1204}
1205
1206[dir="rtl"] .uppy-Provider-breadcrumbs{
1207 text-align: right;
1208}
1209
1210.uppy-Provider-breadcrumbs {
1211 -ms-flex: 1;
1212 flex: 1;
1213 color: #525252;
1214 font-size: 12px;
1215 margin-bottom: 10px;
1216}
1217.uppy-size--md .uppy-Provider-breadcrumbs {
1218 margin-bottom: 0;
1219}
1220[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
1221 color: #eaeaea;
1222}
1223
1224[dir="ltr"] .uppy-Provider-breadcrumbsIcon{
1225 margin-right: 4px;
1226}
1227
1228[dir="rtl"] .uppy-Provider-breadcrumbsIcon{
1229 margin-left: 4px;
1230}
1231
1232.uppy-Provider-breadcrumbsIcon {
1233 display: inline-block;
1234 color: #525252;
1235 vertical-align: middle;
1236 -webkit-margin-end: 4px;
1237 line-height: 1;
1238}
1239
1240.uppy-Provider-breadcrumbsIcon svg {
1241 width: 13px;
1242 height: 13px;
1243 fill: #525252;
1244}
1245
1246.uppy-Provider-breadcrumbs button {
1247 display: inline-block;
1248 line-height: inherit;
1249 padding: 4px;
1250 border-radius: 3px;
1251}
1252.uppy-Provider-breadcrumbs button:focus {
1253 outline: none;
1254}
1255.uppy-Provider-breadcrumbs button::-moz-focus-inner {
1256 border: 0;
1257}
1258.uppy-Provider-breadcrumbs button:hover {
1259 color: #1b5dab;
1260}
1261.uppy-Provider-breadcrumbs button:focus {
1262 background-color: #eceef2;
1263}
1264[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
1265 background-color: #333;
1266}
1267.uppy-Provider-breadcrumbs button:hover {
1268 text-decoration: underline;
1269 cursor: pointer;
1270}
1271[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
1272 color: #eaeaea;
1273}
1274
1275.uppy-ProviderBrowser {
1276 display: -ms-flexbox;
1277 display: flex;
1278 -ms-flex-direction: column;
1279 flex-direction: column;
1280 -ms-flex: 1;
1281 flex: 1;
1282 font-size: 14px;
1283 font-weight: 400;
1284 height: 100%;
1285}
1286
1287.uppy-ProviderBrowser-user {
1288 margin: 0 8px 0 0;
1289 font-weight: 500;
1290 color: #333;
1291}
1292[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
1293 color: #eaeaea;
1294}
1295
1296[dir="ltr"] .uppy-ProviderBrowser-user:after{
1297 left: 4px;
1298}
1299
1300[dir="rtl"] .uppy-ProviderBrowser-user:after{
1301 right: 4px;
1302}
1303
1304.uppy-ProviderBrowser-user:after {
1305 content: "·";
1306 position: relative;
1307 color: #939393;
1308 font-weight: normal;
1309}
1310
1311.uppy-ProviderBrowser-header {
1312 z-index: 1001;
1313 border-bottom: 1px solid #eaeaea;
1314 position: relative;
1315}
1316[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
1317 border-bottom: 1px solid #333;
1318}
1319
1320.uppy-ProviderBrowser-headerBar {
1321 padding: 7px 15px;
1322 background-color: #fafafa;
1323 z-index: 1001;
1324 color: #757575;
1325 line-height: 1.4;
1326 font-size: 12px;
1327}
1328.uppy-size--md .uppy-ProviderBrowser-headerBar {
1329 display: -ms-flexbox;
1330 display: flex;
1331 -ms-flex-align: center;
1332 align-items: center;
1333}
1334[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
1335 background-color: #1f1f1f;
1336}
1337
1338.uppy-ProviderBrowser-headerBar--simple {
1339 text-align: center;
1340 display: block;
1341 -ms-flex-pack: center;
1342 justify-content: center;
1343}
1344
1345.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
1346 -ms-flex: none;
1347 flex: none;
1348 display: inline-block;
1349 vertical-align: middle;
1350}
1351
1352.uppy-ProviderBrowser-search {
1353 width: 100%;
1354 background-color: #fff;
1355 position: relative;
1356 height: 30px;
1357 margin-top: 10px;
1358 margin-bottom: 5px;
1359 display: -ms-flexbox;
1360 display: flex;
1361 -ms-flex-align: center;
1362 align-items: center;
1363}
1364[data-uppy-theme=dark] .uppy-ProviderBrowser-search {
1365 background-color: #1f1f1f;
1366}
1367
1368[dir="ltr"] .uppy-ProviderBrowser-searchIcon{
1369 left: 16px;
1370}
1371
1372[dir="rtl"] .uppy-ProviderBrowser-searchIcon{
1373 right: 16px;
1374}
1375
1376.uppy-ProviderBrowser-searchIcon {
1377 position: absolute;
1378 width: 12px;
1379 height: 12px;
1380 z-index: 1002;
1381 color: #bbb;
1382}
1383
1384[dir="ltr"] .uppy-ProviderBrowser-searchInput{
1385 padding-left: 27px;
1386}
1387
1388[dir="rtl"] .uppy-ProviderBrowser-searchInput{
1389 padding-right: 27px;
1390}
1391
1392.uppy-ProviderBrowser-searchInput {
1393 width: 100%;
1394 height: 30px;
1395 background-color: transparent;
1396 outline: 0;
1397 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1398 font-size: 12px;
1399 line-height: 1.4;
1400 border: 0;
1401 margin: 0 8px;
1402 -webkit-padding-start: 27px;
1403 z-index: 1001;
1404 border-radius: 4px;
1405}
1406[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput {
1407 background-color: #1f1f1f;
1408 color: #eaeaea;
1409}
1410
1411.uppy-ProviderBrowser-searchInput:focus {
1412 outline: 0;
1413 background-color: #f4f4f4;
1414}
1415[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput:focus {
1416 background-color: #333;
1417}
1418
1419[dir="ltr"] .uppy-ProviderBrowser-searchClose{
1420 right: 12px;
1421}
1422
1423[dir="rtl"] .uppy-ProviderBrowser-searchClose{
1424 left: 12px;
1425}
1426
1427.uppy-ProviderBrowser-searchClose {
1428 position: absolute;
1429 width: 22px;
1430 height: 22px;
1431 padding: 6px;
1432 top: 4px;
1433 z-index: 1002;
1434 color: #939393;
1435 cursor: pointer;
1436}
1437.uppy-ProviderBrowser-searchClose:hover {
1438 color: #757575;
1439}
1440
1441.uppy-ProviderBrowser-searchClose svg {
1442 vertical-align: text-top;
1443}
1444
1445.uppy-ProviderBrowser-searchInput:-ms-input-placeholder {
1446 color: #939393;
1447 opacity: 1;
1448}
1449
1450.uppy-ProviderBrowser-searchInput::placeholder {
1451 color: #939393;
1452 opacity: 1;
1453}
1454
1455.uppy-ProviderBrowser-userLogout {
1456 cursor: pointer;
1457 line-height: inherit;
1458 color: #2275d7;
1459 padding: 4px;
1460 border-radius: 3px;
1461}
1462.uppy-ProviderBrowser-userLogout:focus {
1463 outline: none;
1464}
1465.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
1466 border: 0;
1467}
1468.uppy-ProviderBrowser-userLogout:hover {
1469 color: #1b5dab;
1470}
1471.uppy-ProviderBrowser-userLogout:focus {
1472 background-color: #eceef2;
1473}
1474[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
1475 background-color: #333;
1476}
1477.uppy-ProviderBrowser-userLogout:hover {
1478 text-decoration: underline;
1479}
1480[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
1481 color: #eaeaea;
1482}
1483
1484.uppy-ProviderBrowser-body {
1485 -ms-flex: 1;
1486 flex: 1;
1487 position: relative;
1488}
1489
1490.uppy-ProviderBrowser-list {
1491 -ms-flex: 1;
1492 flex: 1;
1493 position: relative;
1494 display: block;
1495 width: 100%;
1496 height: 100%;
1497 background-color: #fff;
1498 border-spacing: 0;
1499 overflow-x: hidden;
1500 overflow-y: auto;
1501 -webkit-overflow-scrolling: touch;
1502 position: absolute;
1503 top: 0;
1504 bottom: 0;
1505 left: 0;
1506 right: 0;
1507 list-style: none;
1508 margin: 0;
1509 padding: 0;
1510}
1511[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
1512 background-color: #1f1f1f;
1513}
1514.uppy-ProviderBrowser-list:focus {
1515 outline: none;
1516}
1517
1518.uppy-ProviderBrowserItem-inner {
1519 cursor: pointer;
1520 font-weight: 500;
1521 font-size: 13px;
1522}
1523
1524.uppy-ProviderBrowser-footer {
1525 display: -ms-flexbox;
1526 display: flex;
1527 -ms-flex-align: center;
1528 align-items: center;
1529 background-color: #fff;
1530 height: 65px;
1531 border-top: 1px solid #eaeaea;
1532 padding: 0 15px;
1533}
1534[dir="ltr"] .uppy-ProviderBrowser-footer button{
1535 margin-right: 8px;
1536}
1537[dir="rtl"] .uppy-ProviderBrowser-footer button{
1538 margin-left: 8px;
1539}
1540.uppy-ProviderBrowser-footer button {
1541 -webkit-margin-end: 8px;
1542}
1543[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
1544 background-color: #1f1f1f;
1545 border-top: 1px solid #333;
1546}
1547
1548.uppy-Dashboard-Item-previewInnerWrap {
1549 width: 100%;
1550 height: 100%;
1551 overflow: hidden;
1552 position: relative;
1553 display: -ms-flexbox;
1554 display: flex;
1555 -ms-flex-pack: center;
1556 justify-content: center;
1557 -ms-flex-align: center;
1558 align-items: center;
1559 -ms-flex-direction: column;
1560 flex-direction: column;
1561 box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
1562 border-radius: 3px;
1563}
1564.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
1565 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
1566}
1567
1568.uppy-Dashboard-Item-previewInnerWrap:after {
1569 content: "";
1570 position: absolute;
1571 left: 0;
1572 right: 0;
1573 top: 0;
1574 bottom: 0;
1575 background-color: rgba(0, 0, 0, 0.65);
1576 display: none;
1577 z-index: 1001;
1578}
1579
1580.uppy-Dashboard-Item-previewLink {
1581 position: absolute;
1582 left: 0;
1583 right: 0;
1584 top: 0;
1585 bottom: 0;
1586 z-index: 1002;
1587}
1588.uppy-Dashboard-Item-previewLink:focus {
1589 box-shadow: inset 0 0 0 3px #76abe9;
1590}
1591[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
1592 box-shadow: inset 0 0 0 3px #016c8d;
1593}
1594
1595.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
1596 width: 100%;
1597 height: 100%;
1598 object-fit: cover;
1599 transform: translateZ(0);
1600 border-radius: 3px;
1601}
1602
1603.uppy-Dashboard-Item-progress {
1604 position: absolute;
1605 top: 50%;
1606 left: 50%;
1607 transform: translate(-50%, -50%);
1608 z-index: 1002;
1609 color: #fff;
1610 text-align: center;
1611 width: 120px;
1612 transition: all 0.35 ease;
1613}
1614
1615.uppy-Dashboard-Item-progressIndicator {
1616 display: inline-block;
1617 width: 38px;
1618 height: 38px;
1619 opacity: 0.9;
1620}
1621.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
1622 width: 55px;
1623 height: 55px;
1624}
1625
1626button.uppy-Dashboard-Item-progressIndicator {
1627 cursor: pointer;
1628}
1629button.uppy-Dashboard-Item-progressIndicator:focus {
1630 outline: none;
1631}
1632button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
1633 border: 0;
1634}
1635button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,
1636button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
1637 fill: #76abe9;
1638}
1639
1640.uppy-Dashboard-Item-progressIcon--circle {
1641 width: 100%;
1642 height: 100%;
1643}
1644
1645.uppy-Dashboard-Item-progressIcon--bg {
1646 stroke: rgba(255, 255, 255, 0.4);
1647}
1648
1649.uppy-Dashboard-Item-progressIcon--progress {
1650 stroke: #fff;
1651 transition: stroke-dashoffset 0.5s ease-out;
1652}
1653
1654.uppy-Dashboard-Item-progressIcon--play {
1655 stroke: #fff;
1656 fill: #fff;
1657 transition: all 0.2s;
1658}
1659
1660.uppy-Dashboard-Item-progressIcon--cancel {
1661 fill: #fff;
1662 transition: all 0.2s;
1663}
1664
1665.uppy-Dashboard-Item-progressIcon--pause {
1666 stroke: #fff;
1667 fill: #fff;
1668 transition: all 0.2s;
1669}
1670
1671.uppy-Dashboard-Item-progressIcon--check {
1672 fill: #fff;
1673 transition: all 0.2s;
1674}
1675
1676.uppy-Dashboard-Item-progressIcon--retry {
1677 fill: #fff;
1678}
1679
1680[dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{
1681 right: -8px;
1682}
1683
1684[dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{
1685 left: -8px;
1686}
1687
1688[dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{
1689 left: initial;
1690}
1691
1692[dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{
1693 right: initial;
1694}
1695
1696.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
1697 transform: initial;
1698 top: -9px;
1699 width: auto;
1700}
1701
1702.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
1703 width: 18px;
1704 height: 18px;
1705}
1706.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
1707 width: 28px;
1708 height: 28px;
1709}
1710
1711.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
1712 width: 18px;
1713 height: 18px;
1714 opacity: 1;
1715}
1716.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
1717 width: 22px;
1718 height: 22px;
1719}
1720
1721.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
1722 opacity: 0;
1723}
1724
1725[dir="ltr"] .uppy-Dashboard-Item-fileInfo{
1726 padding-right: 5px;
1727}
1728
1729[dir="rtl"] .uppy-Dashboard-Item-fileInfo{
1730 padding-left: 5px;
1731}
1732
1733.uppy-Dashboard-Item-fileInfo {
1734 -webkit-padding-end: 5px;
1735}
1736
1737.uppy-Dashboard-Item-name {
1738 font-size: 12px;
1739 line-height: 1.3;
1740 font-weight: 500;
1741 margin-bottom: 4px;
1742 word-break: break-all;
1743 word-wrap: anywhere;
1744}
1745[data-uppy-theme=dark] .uppy-Dashboard-Item-name {
1746 color: #eaeaea;
1747}
1748
1749.uppy-Dashboard-Item-status {
1750 font-size: 11px;
1751 line-height: 1.3;
1752 font-weight: normal;
1753 color: #757575;
1754}
1755[data-uppy-theme=dark] .uppy-Dashboard-Item-status {
1756 color: #bbb;
1757}
1758
1759.uppy-Dashboard-Item-statusSize {
1760 display: inline-block;
1761 vertical-align: bottom;
1762 text-transform: uppercase;
1763}
1764
1765.uppy-Dashboard-Item-sourceIcon {
1766 display: none;
1767 vertical-align: bottom;
1768 color: #bbb;
1769}
1770[dir="ltr"] .uppy-Dashboard-Item-sourceIcon:not(:first-child){
1771 margin-left: 14px;
1772}
1773[dir="rtl"] .uppy-Dashboard-Item-sourceIcon:not(:first-child){
1774 margin-right: 14px;
1775}
1776.uppy-Dashboard-Item-sourceIcon:not(:first-child) {
1777 position: relative;
1778 -webkit-margin-start: 14px;
1779}
1780.uppy-Dashboard-Item-sourceIcon svg,
1781.uppy-Dashboard-Item-sourceIcon svg * {
1782 max-width: 100%;
1783 max-height: 100%;
1784 display: inline-block;
1785 vertical-align: text-bottom;
1786 overflow: hidden;
1787 fill: currentColor;
1788 width: 11px;
1789 height: 12px;
1790}
1791
1792.uppy-Dashboard-Item-action {
1793 cursor: pointer;
1794 color: #939393;
1795}
1796.uppy-Dashboard-Item-action:focus {
1797 outline: none;
1798}
1799.uppy-Dashboard-Item-action::-moz-focus-inner {
1800 border: 0;
1801}
1802.uppy-Dashboard-Item-action:focus {
1803 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
1804}
1805.uppy-Dashboard-Item-action:hover {
1806 opacity: 1;
1807 color: #1f1f1f;
1808}
1809[data-uppy-theme=dark] .uppy-Dashboard-Item-action {
1810 color: #cfcfcf;
1811}
1812[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
1813 outline: none;
1814}
1815[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
1816 border: 0;
1817}
1818[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
1819 box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
1820}
1821[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
1822 color: #eaeaea;
1823}
1824
1825.uppy-Dashboard-Item-action--remove {
1826 color: #1f1f1f;
1827 opacity: 0.95;
1828}
1829.uppy-Dashboard-Item-action--remove:hover {
1830 opacity: 1;
1831 color: #000;
1832}
1833[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
1834 color: #525252;
1835}
1836[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
1837 color: #333;
1838}
1839
1840.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-actionWrapper {
1841 display: -ms-flexbox;
1842 display: flex;
1843 -ms-flex-align: center;
1844 align-items: center;
1845}
1846.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action {
1847 width: 22px;
1848 height: 22px;
1849 padding: 3px;
1850 margin-left: 3px;
1851}
1852.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action:focus {
1853 border-radius: 3px;
1854}
1855
1856.uppy-size--md .uppy-Dashboard-Item-action--copyLink,
1857.uppy-size--md .uppy-Dashboard-Item-action--edit {
1858 width: 16px;
1859 height: 16px;
1860 padding: 0;
1861}
1862.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,
1863.uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
1864 border-radius: 3px;
1865}
1866[dir="ltr"] .uppy-size--md .uppy-Dashboard-Item-action--remove{
1867 right: -8px;
1868}
1869[dir="rtl"] .uppy-size--md .uppy-Dashboard-Item-action--remove{
1870 left: -8px;
1871}
1872.uppy-size--md .uppy-Dashboard-Item-action--remove {
1873 z-index: 1002;
1874 position: absolute;
1875 top: -8px;
1876 width: 18px;
1877 height: 18px;
1878 padding: 0;
1879}
1880.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
1881 border-radius: 50%;
1882}
1883
1884[dir="ltr"] .uppy-Dashboard-Item{
1885 padding-right: 0;
1886}
1887
1888[dir="rtl"] .uppy-Dashboard-Item{
1889 padding-left: 0;
1890}
1891
1892.uppy-Dashboard-Item {
1893 display: -ms-flexbox;
1894 display: flex;
1895 -ms-flex-align: center;
1896 align-items: center;
1897 border-bottom: 1px solid #eaeaea;
1898 padding: 10px;
1899 -webkit-padding-end: 0;
1900}
1901[data-uppy-theme=dark] .uppy-Dashboard-Item {
1902 border-bottom: 1px solid #333;
1903}
1904[dir="ltr"] .uppy-size--md .uppy-Dashboard-Item{
1905 float: left;
1906}
1907[dir="rtl"] .uppy-size--md .uppy-Dashboard-Item{
1908 float: right;
1909}
1910.uppy-size--md .uppy-Dashboard-Item {
1911 position: relative;
1912 display: block;
1913 margin: 5px 15px;
1914 padding: 0;
1915 /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
1916 width: calc(33.333% - 15px - 15px);
1917 height: 215px;
1918 border-bottom: 0;
1919}
1920.uppy-size--lg .uppy-Dashboard-Item {
1921 margin: 5px 15px;
1922 /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
1923 width: calc(25% - 15px - 15px);
1924 height: 190px;
1925}
1926.uppy-size--xl .uppy-Dashboard-Item {
1927 /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
1928 width: calc(20% - 15px - 15px);
1929 height: 210px;
1930}
1931
1932.uppy-Dashboard-Item-preview {
1933 position: relative;
1934}
1935.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview {
1936 -ms-flex-negative: 0;
1937 flex-shrink: 0;
1938 -ms-flex-positive: 0;
1939 flex-grow: 0;
1940 width: 50px;
1941 height: 50px;
1942}
1943.uppy-size--md .uppy-Dashboard-Item-preview {
1944 width: 100%;
1945 height: 140px;
1946}
1947.uppy-size--lg .uppy-Dashboard-Item-preview {
1948 height: 120px;
1949}
1950.uppy-size--xl .uppy-Dashboard-Item-preview {
1951 height: 140px;
1952}
1953
1954[dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons{
1955 padding-right: 8px;
1956}
1957
1958[dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons{
1959 padding-left: 8px;
1960}
1961
1962[dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons{
1963 padding-left: 12px;
1964}
1965
1966[dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons{
1967 padding-right: 12px;
1968}
1969
1970.uppy-Dashboard-Item-fileInfoAndButtons {
1971 -ms-flex-positive: 1;
1972 flex-grow: 1;
1973 -webkit-padding-end: 8px;
1974 -webkit-padding-start: 12px;
1975 display: -ms-flexbox;
1976 display: flex;
1977 -ms-flex-align: center;
1978 align-items: center;
1979 -ms-flex-pack: justify;
1980 justify-content: space-between;
1981}
1982.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons {
1983 -ms-flex-align: start;
1984 align-items: flex-start;
1985 width: 100%;
1986 padding: 0;
1987 padding-top: 9px;
1988}
1989
1990.uppy-Dashboard-Item-fileInfo {
1991 -ms-flex-positive: 1;
1992 flex-grow: 1;
1993 -ms-flex-negative: 1;
1994 flex-shrink: 1;
1995}
1996
1997.uppy-Dashboard-Item-actionWrapper {
1998 -ms-flex-positive: 0;
1999 flex-grow: 0;
2000 -ms-flex-negative: 0;
2001 flex-shrink: 0;
2002}
2003
2004.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after,
2005.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after {
2006 display: block;
2007}
2008
2009.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove {
2010 display: none;
2011}
2012
2013[dir="ltr"] .uppy-Dashboard-Item-errorDetails{
2014 left: 6px;
2015}
2016
2017[dir="rtl"] .uppy-Dashboard-Item-errorDetails{
2018 right: 6px;
2019}
2020
2021.uppy-Dashboard-Item-errorDetails {
2022 line-height: 12px;
2023 width: 12px;
2024 height: 12px;
2025 display: inline-block;
2026 vertical-align: middle;
2027 color: #fff;
2028 background-color: #939393;
2029 border-radius: 50%;
2030 position: relative;
2031 top: -1px;
2032 font-size: 8px;
2033 font-weight: 600;
2034 text-align: center;
2035 cursor: help;
2036}
2037
2038.uppy-Dashboard-Item-errorDetails:after {
2039 line-height: 1.3;
2040 word-wrap: break-word;
2041}
2042
2043.uppy-Dashboard-FileCard {
2044 width: 100%;
2045 height: 100%;
2046 position: absolute;
2047 top: 0;
2048 left: 0;
2049 right: 0;
2050 bottom: 0;
2051 z-index: 1005;
2052 box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
2053 background-color: #fff;
2054 border-radius: 5px;
2055 display: -ms-flexbox;
2056 display: flex;
2057 -ms-flex-direction: column;
2058 flex-direction: column;
2059}
2060.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
2061 border-top-left-radius: 5px;
2062 border-top-right-radius: 5px;
2063}
2064.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
2065 border-bottom-left-radius: 5px;
2066 border-bottom-right-radius: 5px;
2067}
2068
2069.uppy-Dashboard-FileCard-inner {
2070 height: 100%;
2071 -ms-flex-positive: 1;
2072 flex-grow: 1;
2073 -ms-flex-negative: 1;
2074 flex-shrink: 1;
2075 min-height: 0;
2076 display: -ms-flexbox;
2077 display: flex;
2078 -ms-flex-direction: column;
2079 flex-direction: column;
2080}
2081
2082.uppy-Dashboard-FileCard-preview {
2083 height: 60%;
2084 -ms-flex-positive: 0;
2085 flex-grow: 0;
2086 -ms-flex-negative: 1;
2087 flex-shrink: 1;
2088 min-height: 0;
2089 border-bottom: 1px solid #eaeaea;
2090 display: -ms-flexbox;
2091 display: flex;
2092 -ms-flex-align: center;
2093 align-items: center;
2094 -ms-flex-pack: center;
2095 justify-content: center;
2096 position: relative;
2097}
2098[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
2099 background-color: #333;
2100 border-bottom: 0;
2101}
2102
2103.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
2104 max-width: 90%;
2105 max-height: 90%;
2106 object-fit: cover;
2107 -ms-flex: 0 0 auto;
2108 flex: 0 0 auto;
2109 border-radius: 3px;
2110 box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
2111}
2112
2113[dir="ltr"] .uppy-Dashboard-FileCard-edit{
2114 right: 10px;
2115}
2116
2117[dir="rtl"] .uppy-Dashboard-FileCard-edit{
2118 left: 10px;
2119}
2120
2121.uppy-Dashboard-FileCard-edit {
2122 position: absolute;
2123 top: 10px;
2124 font-size: 13px;
2125 background-color: rgba(0, 0, 0, 0.5);
2126 color: #fff;
2127 padding: 7px 15px;
2128 border-radius: 50px;
2129}
2130.uppy-Dashboard-FileCard-edit:focus {
2131 outline: none;
2132}
2133.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
2134 border: 0;
2135}
2136.uppy-Dashboard-FileCard-edit:focus {
2137 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
2138}
2139.uppy-Dashboard-FileCard-edit:hover {
2140 background-color: rgba(0, 0, 0, 0.8);
2141}
2142
2143.uppy-Dashboard-FileCard-info {
2144 height: 40%;
2145 -ms-flex-positive: 0;
2146 flex-grow: 0;
2147 -ms-flex-negative: 0;
2148 flex-shrink: 0;
2149 padding: 30px 20px 20px 20px;
2150 overflow-y: auto;
2151 -webkit-overflow-scrolling: touch;
2152}
2153[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
2154 background-color: #1f1f1f;
2155}
2156
2157.uppy-Dashboard-FileCard-fieldset {
2158 font-size: 0;
2159 border: 0;
2160 padding: 0;
2161 max-width: 640px;
2162 margin: auto;
2163 margin-bottom: 12px;
2164}
2165
2166.uppy-Dashboard-FileCard-label {
2167 display: inline-block;
2168 vertical-align: middle;
2169 width: 22%;
2170 font-size: 12px;
2171 color: #525252;
2172}
2173.uppy-size--md .uppy-Dashboard-FileCard-label {
2174 font-size: 14px;
2175}
2176[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
2177 color: #eaeaea;
2178}
2179
2180.uppy-Dashboard-FileCard-input {
2181 display: inline-block;
2182 vertical-align: middle;
2183 width: 78%;
2184}
2185
2186.uppy-Dashboard-FileCard-actions {
2187 height: 55px;
2188 -ms-flex-negative: 0;
2189 flex-shrink: 0;
2190 -ms-flex-positive: 0;
2191 flex-grow: 0;
2192 border-top: 1px solid #eaeaea;
2193 padding: 0 15px;
2194 background-color: #fafafa;
2195 display: -ms-flexbox;
2196 display: flex;
2197 -ms-flex-align: center;
2198 align-items: center;
2199}
2200.uppy-size--md .uppy-Dashboard-FileCard-actions {
2201 height: 65px;
2202}
2203[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
2204 border-top: 1px solid #333;
2205 background-color: #1f1f1f;
2206}
2207
2208[dir="ltr"] .uppy-Dashboard-FileCard-actionsBtn{
2209 margin-right: 10px;
2210}
2211
2212[dir="rtl"] .uppy-Dashboard-FileCard-actionsBtn{
2213 margin-left: 10px;
2214}
2215
2216.uppy-Dashboard-FileCard-actionsBtn {
2217 -webkit-margin-end: 10px;
2218}
2219
2220.uppy-transition-slideDownUp-enter {
2221 opacity: 0.01;
2222 transform: translate3d(0, -105%, 0);
2223 transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
2224}
2225
2226.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
2227 opacity: 1;
2228 transform: translate3d(0, 0, 0);
2229}
2230
2231.uppy-transition-slideDownUp-leave {
2232 opacity: 1;
2233 transform: translate3d(0, 0, 0);
2234 transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
2235}
2236
2237.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
2238 opacity: 0.01;
2239 transform: translate3d(0, -105%, 0);
2240}
2241
2242@keyframes uppy-Dashboard-fadeIn {
2243 from {
2244 opacity: 0;
2245 }
2246 to {
2247 opacity: 1;
2248 }
2249}
2250@keyframes uppy-Dashboard-fadeOut {
2251 from {
2252 opacity: 1;
2253 }
2254 to {
2255 opacity: 0;
2256 }
2257}
2258@keyframes uppy-Dashboard-slideDownAndFadeIn {
2259 from {
2260 transform: translate3d(-50%, -70%, 0);
2261 opacity: 0;
2262 }
2263 to {
2264 transform: translate3d(-50%, -50%, 0);
2265 opacity: 1;
2266 }
2267}
2268@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
2269 from {
2270 transform: translate3d(0, -20%, 0);
2271 opacity: 0;
2272 }
2273 to {
2274 transform: translate3d(0, 0, 0);
2275 opacity: 1;
2276 }
2277}
2278@keyframes uppy-Dashboard-slideUpFadeOut {
2279 from {
2280 transform: translate3d(-50%, -50%, 0);
2281 opacity: 1;
2282 }
2283 to {
2284 transform: translate3d(-50%, -70%, 0);
2285 opacity: 0;
2286 }
2287}
2288@keyframes uppy-Dashboard-slideUpFadeOut--small {
2289 from {
2290 transform: translate3d(0, 0, 0);
2291 opacity: 1;
2292 }
2293 to {
2294 transform: translate3d(0, -20%, 0);
2295 opacity: 0;
2296 }
2297}
2298.uppy-Dashboard--modal {
2299 z-index: 1001;
2300}
2301
2302.uppy-Dashboard--modal[aria-hidden=true] {
2303 display: none;
2304}
2305
2306.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
2307 animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
2308}
2309@media only screen and (min-width: 820px) {
2310 .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
2311 animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
2312 }
2313}
2314
2315.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
2316 animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
2317}
2318
2319.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
2320 animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
2321}
2322@media only screen and (min-width: 820px) {
2323 .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
2324 animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
2325 }
2326}
2327
2328.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
2329 animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
2330}
2331
2332.uppy-Dashboard-isFixed {
2333 overflow: hidden;
2334 height: 100vh;
2335}
2336
2337.uppy-Dashboard--modal .uppy-Dashboard-overlay {
2338 position: fixed;
2339 top: 0;
2340 left: 0;
2341 right: 0;
2342 bottom: 0;
2343 background-color: rgba(0, 0, 0, 0.5);
2344 z-index: 1001;
2345}
2346
2347.uppy-Dashboard-inner {
2348 position: relative;
2349 background-color: #fafafa;
2350 max-width: 100%;
2351 max-height: 100%;
2352 outline: none;
2353 border: 1px solid #eaeaea;
2354 border-radius: 5px;
2355}
2356.uppy-size--md .uppy-Dashboard-inner {
2357 min-height: auto;
2358}
2359@media only screen and (min-width: 820px) {
2360 .uppy-Dashboard-inner {
2361 width: 750px;
2362 height: 550px;
2363 }
2364}
2365.uppy-Dashboard--modal .uppy-Dashboard-inner {
2366 z-index: 1002;
2367}
2368[data-uppy-theme=dark] .uppy-Dashboard-inner {
2369 background-color: #1f1f1f;
2370}
2371.uppy-Dashboard--isDisabled .uppy-Dashboard-inner {
2372 cursor: not-allowed;
2373}
2374
2375.uppy-Dashboard-innerWrap {
2376 display: -ms-flexbox;
2377 display: flex;
2378 -ms-flex-direction: column;
2379 flex-direction: column;
2380 height: 100%;
2381 overflow: hidden;
2382 position: relative;
2383 border-radius: 5px;
2384 opacity: 0;
2385}
2386.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
2387 opacity: 1;
2388}
2389.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
2390 pointer-events: none;
2391 opacity: 0.6;
2392 filter: grayscale(100%);
2393 -webkit-user-select: none;
2394 -ms-user-select: none;
2395 user-select: none;
2396}
2397
2398.uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
2399 fill: #9f9f9f;
2400}
2401
2402.uppy-Dashboard--modal .uppy-Dashboard-inner {
2403 position: fixed;
2404 top: 35px;
2405 left: 15px;
2406 right: 15px;
2407 bottom: 15px;
2408 border: none;
2409}
2410@media only screen and (min-width: 820px) {
2411 .uppy-Dashboard--modal .uppy-Dashboard-inner {
2412 top: 50%;
2413 left: 50%;
2414 right: auto;
2415 transform: translate(-50%, -50%);
2416 box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
2417 }
2418}
2419
2420[dir="ltr"] .uppy-Dashboard-close{
2421 right: -2px;
2422}
2423
2424[dir="rtl"] .uppy-Dashboard-close{
2425 left: -2px;
2426}
2427
2428.uppy-Dashboard-close {
2429 display: block;
2430 position: absolute;
2431 top: -33px;
2432 cursor: pointer;
2433 color: rgba(255, 255, 255, 0.9);
2434 font-size: 27px;
2435 z-index: 1005;
2436}
2437.uppy-Dashboard-close:focus {
2438 outline: none;
2439}
2440.uppy-Dashboard-close::-moz-focus-inner {
2441 border: 0;
2442}
2443.uppy-Dashboard-close:focus {
2444 color: #8cb8ed;
2445}
2446@media only screen and (min-width: 820px) {
2447 [dir="ltr"] .uppy-Dashboard-close{
2448 right: -35px;
2449 }
2450 [dir="rtl"] .uppy-Dashboard-close{
2451 left: -35px;
2452 }
2453 .uppy-Dashboard-close {
2454 font-size: 35px;
2455 top: -10px;
2456 }
2457}
2458
2459.uppy-Dashboard-AddFiles {
2460 display: -ms-flexbox;
2461 display: flex;
2462 -ms-flex-pack: center;
2463 justify-content: center;
2464 -ms-flex-align: center;
2465 align-items: center;
2466 -ms-flex-direction: column;
2467 flex-direction: column;
2468 height: 100%;
2469 position: relative;
2470 text-align: center;
2471}
2472[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
2473 margin: 7px;
2474 height: calc(100% - 14px);
2475 border-radius: 3px;
2476 border: 1px dashed #dfdfdf;
2477}
2478.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
2479 border: none;
2480 height: calc(100% - 14px - 40px);
2481}
2482.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
2483 border-color: #cfcfcf;
2484}
2485[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
2486 border-color: #757575;
2487}
2488
2489.uppy-Dashboard-AddFiles-info {
2490 padding-top: 15px;
2491 padding-bottom: 15px;
2492 margin-top: auto;
2493 display: none;
2494}
2495.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
2496 display: block;
2497}
2498.uppy-size--md .uppy-Dashboard-AddFiles-info {
2499 position: absolute;
2500 bottom: 25px;
2501 left: 0;
2502 right: 0;
2503 padding-top: 30px;
2504 padding-bottom: 0;
2505}
2506[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
2507 margin-top: 0;
2508}
2509
2510.uppy-Dashboard-browse {
2511 cursor: pointer;
2512 color: rgba(34, 117, 215, 0.9);
2513}
2514.uppy-Dashboard-browse:focus {
2515 outline: none;
2516}
2517.uppy-Dashboard-browse::-moz-focus-inner {
2518 border: 0;
2519}
2520.uppy-Dashboard-browse:hover, .uppy-Dashboard-browse:focus {
2521 border-bottom: 1px solid #2275d7;
2522}
2523[data-uppy-theme=dark] .uppy-Dashboard-browse {
2524 color: rgba(2, 186, 242, 0.9);
2525}
2526[data-uppy-theme=dark] .uppy-Dashboard-browse:hover, [data-uppy-theme=dark] .uppy-Dashboard-browse:focus {
2527 border-bottom: 1px solid #02baf2;
2528}
2529
2530.uppy-Dashboard-browseBtn {
2531 display: block;
2532 font-size: 14px;
2533 font-weight: 500;
2534 margin-top: 8px;
2535 margin-bottom: 5px;
2536 width: 100%;
2537}
2538.uppy-size--md .uppy-Dashboard-browseBtn {
2539 font-size: 15px;
2540 width: auto;
2541 margin: auto;
2542 margin-top: 15px;
2543 margin-bottom: 15px;
2544 padding: 13px 44px;
2545}
2546
2547.uppy-Dashboard-AddFiles-list {
2548 display: -ms-flexbox;
2549 display: flex;
2550 -ms-flex-direction: column;
2551 flex-direction: column;
2552 -ms-flex: 1;
2553 flex: 1;
2554 overflow-y: auto;
2555 -webkit-overflow-scrolling: touch;
2556 margin-top: 2px;
2557 padding: 2px 0;
2558 width: 100%;
2559}
2560.uppy-size--md .uppy-Dashboard-AddFiles-list {
2561 -ms-flex-direction: row;
2562 flex-direction: row;
2563 -ms-flex-wrap: wrap;
2564 flex-wrap: wrap;
2565 -ms-flex-pack: center;
2566 justify-content: center;
2567 max-width: 600px;
2568 overflow-y: visible;
2569 margin-top: 15px;
2570 padding-top: 0;
2571 -ms-flex: none;
2572 flex: none;
2573}
2574
2575.uppy-DashboardTab {
2576 width: 100%;
2577 text-align: center;
2578 border-bottom: 1px solid #eaeaea;
2579}
2580[data-uppy-theme=dark] .uppy-DashboardTab {
2581 border-bottom: 1px solid #333;
2582}
2583.uppy-size--md .uppy-DashboardTab {
2584 display: inline-block;
2585 width: initial;
2586 margin-bottom: 10px;
2587 border-bottom: none;
2588}
2589
2590.uppy-DashboardTab-btn {
2591 width: 100%;
2592 height: 100%;
2593 cursor: pointer;
2594 border: 0;
2595 background-color: transparent;
2596 -webkit-appearance: none;
2597 -moz-appearance: none;
2598 appearance: none;
2599 color: #525252;
2600 display: -ms-flexbox;
2601 display: flex;
2602 -ms-flex-direction: row;
2603 flex-direction: row;
2604 -ms-flex-align: center;
2605 align-items: center;
2606 padding: 12px 15px;
2607 line-height: 1;
2608 text-align: center;
2609}
2610.uppy-DashboardTab-btn:focus {
2611 outline: none;
2612}
2613.uppy-DashboardTab-btn::-moz-focus-inner {
2614 border: 0;
2615}
2616[dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn{
2617 margin-right: 1px;
2618}
2619[dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn{
2620 margin-left: 1px;
2621}
2622.uppy-size--md .uppy-DashboardTab-btn {
2623 width: 86px;
2624 -webkit-margin-end: 1px;
2625 -ms-flex-direction: column;
2626 flex-direction: column;
2627 padding: 10px 3px;
2628 border-radius: 5px;
2629}
2630[data-uppy-theme=dark] .uppy-DashboardTab-btn {
2631 color: #eaeaea;
2632}
2633
2634.uppy-DashboardTab-btn::-moz-focus-inner {
2635 border: 0;
2636}
2637
2638.uppy-DashboardTab-btn:hover {
2639 background-color: #f1f3f6;
2640}
2641[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
2642 background-color: #333;
2643}
2644
2645.uppy-DashboardTab-btn:active,
2646.uppy-DashboardTab-btn:focus {
2647 background-color: #eceef2;
2648}
2649[data-uppy-theme=dark] .uppy-DashboardTab-btn:active,
2650[data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
2651 background-color: #525252;
2652}
2653
2654[dir="ltr"] .uppy-DashboardTab-btn svg{
2655 margin-right: 10px;
2656}
2657
2658[dir="rtl"] .uppy-DashboardTab-btn svg{
2659 margin-left: 10px;
2660}
2661
2662.uppy-DashboardTab-btn svg {
2663 max-width: 100%;
2664 max-height: 100%;
2665 display: inline-block;
2666 vertical-align: text-top;
2667 overflow: hidden;
2668 transition: transform ease-in-out 0.15s;
2669 -webkit-margin-end: 10px;
2670}
2671[dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn svg{
2672 margin-right: 0;
2673}
2674[dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn svg{
2675 margin-left: 0;
2676}
2677.uppy-size--md .uppy-DashboardTab-btn svg {
2678 -webkit-margin-end: 0;
2679}
2680
2681.uppy-DashboardTab-name {
2682 font-size: 14px;
2683 font-weight: 500;
2684}
2685.uppy-size--md .uppy-DashboardTab-name {
2686 font-size: 11px;
2687 line-height: 15px;
2688 margin-top: 8px;
2689 margin-bottom: 0;
2690}
2691
2692.uppy-DashboardTab svg {
2693 width: 23px;
2694 height: 23px;
2695 vertical-align: middle;
2696}
2697.uppy-size--md .uppy-DashboardTab svg {
2698 width: 30px;
2699 height: 30px;
2700}
2701
2702.uppy-Dashboard-input {
2703 width: 0.1px;
2704 height: 0.1px;
2705 opacity: 0;
2706 overflow: hidden;
2707 position: absolute;
2708 z-index: -1;
2709}
2710
2711.uppy-DashboardContent-bar {
2712 -ms-flex-negative: 0;
2713 flex-shrink: 0;
2714 height: 40px;
2715 width: 100%;
2716 padding: 0 10px;
2717 z-index: 1004;
2718 display: -ms-flexbox;
2719 display: flex;
2720 -ms-flex-align: center;
2721 align-items: center;
2722 -ms-flex-pack: justify;
2723 justify-content: space-between;
2724 position: relative;
2725 border-bottom: 1px solid #eaeaea;
2726 background-color: #fafafa;
2727}
2728.uppy-size--md .uppy-DashboardContent-bar {
2729 height: 50px;
2730 padding: 0 15px;
2731}
2732[data-uppy-theme=dark] .uppy-DashboardContent-bar {
2733 background-color: #1f1f1f;
2734 border-bottom: 1px solid #333;
2735}
2736
2737.uppy-DashboardContent-title {
2738 position: absolute;
2739 top: 0;
2740 left: 0;
2741 right: 0;
2742 text-align: center;
2743 font-size: 12px;
2744 line-height: 40px;
2745 font-weight: 500;
2746 width: 100%;
2747 max-width: 170px;
2748 text-overflow: ellipsis;
2749 white-space: nowrap;
2750 overflow-x: hidden;
2751 margin: auto;
2752}
2753.uppy-size--md .uppy-DashboardContent-title {
2754 font-size: 14px;
2755 line-height: 50px;
2756 max-width: 300px;
2757}
2758[data-uppy-theme=dark] .uppy-DashboardContent-title {
2759 color: #eaeaea;
2760}
2761
2762[dir="ltr"] .uppy-DashboardContent-back{
2763 margin-left: -6px;
2764}
2765
2766[dir="rtl"] .uppy-DashboardContent-back{
2767 margin-right: -6px;
2768}
2769
2770.uppy-DashboardContent-back {
2771 background: none;
2772 -webkit-appearance: none;
2773 font-family: inherit;
2774 font-size: inherit;
2775 line-height: 1;
2776 padding: 0;
2777 margin: 0;
2778 border: 0;
2779 color: inherit;
2780 border-radius: 3px;
2781 font-size: 12px;
2782 font-weight: 400;
2783 cursor: pointer;
2784 color: #2275d7;
2785 padding: 7px 6px;
2786 -webkit-margin-start: -6px;
2787}
2788.uppy-DashboardContent-back:focus {
2789 outline: none;
2790}
2791.uppy-DashboardContent-back::-moz-focus-inner {
2792 border: 0;
2793}
2794.uppy-DashboardContent-back:hover {
2795 color: #1b5dab;
2796}
2797.uppy-DashboardContent-back:focus {
2798 background-color: #eceef2;
2799}
2800[data-uppy-theme=dark] .uppy-DashboardContent-back:focus {
2801 background-color: #333;
2802}
2803.uppy-size--md .uppy-DashboardContent-back {
2804 font-size: 14px;
2805}
2806[data-uppy-theme=dark] .uppy-DashboardContent-back {
2807 color: #02baf2;
2808}
2809
2810[dir="ltr"] .uppy-DashboardContent-addMore{
2811 margin-right: -5px;
2812}
2813
2814[dir="rtl"] .uppy-DashboardContent-addMore{
2815 margin-left: -5px;
2816}
2817
2818.uppy-DashboardContent-addMore {
2819 background: none;
2820 -webkit-appearance: none;
2821 font-family: inherit;
2822 font-size: inherit;
2823 line-height: 1;
2824 padding: 0;
2825 margin: 0;
2826 border: 0;
2827 color: inherit;
2828 border-radius: 3px;
2829 font-weight: 500;
2830 cursor: pointer;
2831 color: #2275d7;
2832 width: 29px;
2833 height: 29px;
2834 padding: 7px 8px;
2835 -webkit-margin-end: -5px;
2836}
2837.uppy-DashboardContent-addMore:focus {
2838 outline: none;
2839}
2840.uppy-DashboardContent-addMore::-moz-focus-inner {
2841 border: 0;
2842}
2843.uppy-DashboardContent-addMore:hover {
2844 color: #1b5dab;
2845}
2846.uppy-DashboardContent-addMore:focus {
2847 background-color: #eceef2;
2848}
2849[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
2850 background-color: #333;
2851}
2852[dir="ltr"] .uppy-size--md .uppy-DashboardContent-addMore{
2853 margin-right: -8px;
2854}
2855[dir="rtl"] .uppy-size--md .uppy-DashboardContent-addMore{
2856 margin-left: -8px;
2857}
2858.uppy-size--md .uppy-DashboardContent-addMore {
2859 font-size: 14px;
2860 width: auto;
2861 height: auto;
2862 -webkit-margin-end: -8px;
2863}
2864[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
2865 color: #02baf2;
2866}
2867
2868[dir="ltr"] .uppy-DashboardContent-addMore svg{
2869 margin-right: 4px;
2870}
2871
2872[dir="rtl"] .uppy-DashboardContent-addMore svg{
2873 margin-left: 4px;
2874}
2875
2876.uppy-DashboardContent-addMore svg {
2877 vertical-align: baseline;
2878 -webkit-margin-end: 4px;
2879}
2880.uppy-size--md .uppy-DashboardContent-addMore svg {
2881 width: 11px;
2882 height: 11px;
2883}
2884
2885.uppy-DashboardContent-addMoreCaption {
2886 display: none;
2887}
2888.uppy-size--md .uppy-DashboardContent-addMoreCaption {
2889 display: inline;
2890}
2891
2892.uppy-DashboardContent-panel {
2893 position: absolute;
2894 top: 0;
2895 bottom: 0;
2896 left: 0;
2897 right: 0;
2898 background-color: whitesmoke;
2899 overflow: hidden;
2900 z-index: 1005;
2901 border-radius: 5px;
2902 display: -ms-flexbox;
2903 display: flex;
2904 -ms-flex-direction: column;
2905 flex-direction: column;
2906 -ms-flex: 1;
2907 flex: 1;
2908}
2909
2910.uppy-Dashboard-AddFilesPanel {
2911 position: absolute;
2912 top: 0;
2913 bottom: 0;
2914 left: 0;
2915 right: 0;
2916 background: #fafafa;
2917 background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85) 100%);
2918 box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
2919 overflow: hidden;
2920 z-index: 1005;
2921 border-radius: 5px;
2922 display: -ms-flexbox;
2923 display: flex;
2924 -ms-flex-direction: column;
2925 flex-direction: column;
2926}
2927[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
2928 background-color: #333;
2929 background: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85) 100%);
2930}
2931
2932.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
2933 filter: blur(2px);
2934}
2935
2936.uppy-Dashboard-progress {
2937 position: absolute;
2938 bottom: 0;
2939 left: 0;
2940 width: 100%;
2941 height: 12%;
2942}
2943
2944.uppy-Dashboard-progressBarContainer.is-active {
2945 z-index: 1004;
2946 position: absolute;
2947 top: 0;
2948 left: 0;
2949 width: 100%;
2950 height: 100%;
2951}
2952
2953.uppy-Dashboard:not(.uppy-size--md) .uppy-StatusBar-additionalInfo {
2954 display: none;
2955}
2956
2957.uppy-Dashboard-filesContainer {
2958 position: relative;
2959 overflow-y: hidden;
2960 margin: 0;
2961 -ms-flex: 1;
2962 flex: 1;
2963}
2964.uppy-Dashboard-filesContainer:after {
2965 content: "";
2966 display: table;
2967 clear: both;
2968}
2969
2970.uppy-Dashboard-files {
2971 margin: 0;
2972 padding: 0 0 10px 0;
2973 overflow-y: auto;
2974 -webkit-overflow-scrolling: touch;
2975 -ms-flex: 1;
2976 flex: 1;
2977}
2978.uppy-size--md .uppy-Dashboard-files {
2979 padding-top: 10px;
2980}
2981
2982.uppy-Dashboard-dropFilesHereHint {
2983 display: -ms-flexbox;
2984 display: flex;
2985 -ms-flex-align: center;
2986 align-items: center;
2987 -ms-flex-pack: center;
2988 justify-content: center;
2989 visibility: hidden;
2990 position: absolute;
2991 top: 7px;
2992 right: 7px;
2993 bottom: 7px;
2994 left: 7px;
2995 padding-top: 90px;
2996 border: 1px dashed #2275d7;
2997 border-radius: 3px;
2998 z-index: 2000;
2999 text-align: center;
3000 background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%232275D7' fill-rule='nonzero'/%3E%3C/svg%3E");
3001 background-position: 50% 50%;
3002 background-repeat: no-repeat;
3003 color: #757575;
3004 font-size: 16px;
3005}
3006[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
3007 color: #bbb;
3008 border-color: #02baf2;
3009 background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fill-rule='nonzero'/%3E%3C/svg%3E");
3010}
3011
3012.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
3013 visibility: visible;
3014}
3015.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
3016.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
3017.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators {
3018 opacity: 0.15;
3019}
3020.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
3021 opacity: 0.03;
3022}
3023
3024.uppy-Dashboard-dropFilesIcon {
3025 display: none;
3026 margin-bottom: 15px;
3027}
3028.uppy-size--md.uppy-size--height-md .uppy-Dashboard-dropFilesIcon {
3029 display: block;
3030}
3031
3032.uppy-Dashboard-AddFiles-title {
3033 font-size: 17px;
3034 line-height: 1.35;
3035 font-weight: 500;
3036 color: #000;
3037 margin-top: 15px;
3038 margin-bottom: 5px;
3039 text-align: inline-start;
3040 padding: 0 15px;
3041 width: 100%;
3042}
3043.uppy-size--md .uppy-Dashboard-AddFiles-title {
3044 font-size: 25px;
3045 margin-top: 5px;
3046 font-weight: 400;
3047 text-align: center;
3048 max-width: 480px;
3049}
3050[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
3051 text-align: center;
3052}
3053[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
3054 color: #eaeaea;
3055}
3056.uppy-Dashboard-AddFiles-title button {
3057 font-weight: 500;
3058}
3059.uppy-size--md .uppy-Dashboard-AddFiles-title button {
3060 font-weight: 400;
3061}
3062
3063.uppy-Dashboard-note {
3064 font-size: 14px;
3065 line-height: 1.25;
3066 text-align: center;
3067 color: #757575;
3068 max-width: 350px;
3069 margin: auto;
3070 padding: 0 15px;
3071}
3072.uppy-size--md .uppy-Dashboard-note {
3073 font-size: 15px;
3074 line-height: 1.35;
3075 max-width: 600px;
3076}
3077[data-uppy-theme=dark] .uppy-Dashboard-note {
3078 color: #cfcfcf;
3079}
3080
3081a.uppy-Dashboard-poweredBy {
3082 display: inline-block;
3083 text-align: center;
3084 font-size: 11px;
3085 color: #939393;
3086 text-decoration: none;
3087 margin-top: 8px;
3088}
3089
3090.uppy-Dashboard-poweredByIcon {
3091 stroke: #939393;
3092 fill: none;
3093 margin-left: 1px;
3094 margin-right: 1px;
3095 position: relative;
3096 top: 1px;
3097 opacity: 0.9;
3098 vertical-align: text-top;
3099}
3100
3101.uppy-Dashboard-Item-previewIcon {
3102 width: 25px;
3103 height: 25px;
3104 z-index: 100;
3105 position: absolute;
3106 top: 50%;
3107 left: 50%;
3108 transform: translate(-50%, -50%);
3109}
3110.uppy-size--md .uppy-Dashboard-Item-previewIcon {
3111 width: 38px;
3112 height: 38px;
3113}
3114.uppy-Dashboard-Item-previewIcon svg {
3115 width: 100%;
3116 height: 100%;
3117}
3118
3119.uppy-Dashboard-Item-previewIconWrap {
3120 height: 76px;
3121 max-height: 75%;
3122 position: relative;
3123}
3124
3125.uppy-Dashboard-Item-previewIconBg {
3126 width: 100%;
3127 height: 100%;
3128 filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 1px 1px);
3129}
3130
3131.uppy-Dashboard-upload {
3132 position: relative;
3133 width: 50px;
3134 height: 50px;
3135}
3136.uppy-size--md .uppy-Dashboard-upload {
3137 width: 60px;
3138 height: 60px;
3139}
3140
3141.uppy-Dashboard-upload .uppy-c-icon {
3142 position: relative;
3143 top: 1px;
3144 width: 50%;
3145}
3146
3147[dir="ltr"] .uppy-Dashboard-uploadCount{
3148 right: -12px;
3149}
3150
3151[dir="rtl"] .uppy-Dashboard-uploadCount{
3152 left: -12px;
3153}
3154
3155.uppy-Dashboard-uploadCount {
3156 position: absolute;
3157 top: -12px;
3158 background-color: #1bb240;
3159 color: #fff;
3160 border-radius: 50%;
3161 width: 16px;
3162 height: 16px;
3163 line-height: 16px;
3164 font-size: 8px;
3165}
3166.uppy-size--md .uppy-Dashboard-uploadCount {
3167 width: 18px;
3168 height: 18px;
3169 line-height: 18px;
3170 font-size: 9px;
3171}
\No newline at end of file