aefis-core-ui 0.0.0-experimental-da2498de

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3174 @@
1
+ .App {
2
+ text-align: center;
3
+ }
4
+
5
+ .App-logo {
6
+ height: 40vmin;
7
+ pointer-events: none;
8
+ }
9
+
10
+ @media (prefers-reduced-motion: no-preference) {
11
+ .App-logo {
12
+ animation: App-logo-spin infinite 20s linear;
13
+ }
14
+ }
15
+
16
+ .App-header {
17
+ background-color: #282c34;
18
+ min-height: 100vh;
19
+ display: flex;
20
+ flex-direction: column;
21
+ align-items: center;
22
+ justify-content: center;
23
+ font-size: calc(10px + 2vmin);
24
+ color: white;
25
+ }
26
+
27
+ .App-link {
28
+ color: #61dafb;
29
+ }
30
+
31
+ @keyframes App-logo-spin {
32
+ from {
33
+ transform: rotate(0deg);
34
+ }
35
+ to {
36
+ transform: rotate(360deg);
37
+ }
38
+ }
39
+
40
+ @charset "UTF-8";
41
+
42
+ .video-react .video-react-control:before,
43
+ .video-react .video-react-big-play-button:before {
44
+ position: absolute;
45
+ top: 0;
46
+ left: 0;
47
+ width: 100%;
48
+ height: 100%;
49
+ }
50
+
51
+ .video-react .video-react-control:before,
52
+ .video-react .video-react-big-play-button:before {
53
+ text-align: center;
54
+ }
55
+
56
+ @font-face {
57
+ font-family: "video-react";
58
+ src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot");
59
+ }
60
+
61
+ @font-face {
62
+ font-family: "video-react";
63
+ src: url(data:application/font-woff;base64,d09GRgABAAAAABfIAAsAAAAAF3wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDtEPymNtYXAAAAFoAAAAVAAAAFQOVuSnZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAEtAAABLQx1vcUmhlYWQAABSUAAAANgAAADYLMledaGhlYQAAFMwAAAAkAAAAJAesBCZobXR4AAAU8AAAAJQAAACUiAAUz2xvY2EAABWEAAAATAAAAExLllAobWF4cAAAFdAAAAAgAAAAIAAqAMluYW1lAAAV8AAAAbYAAAG2W2rK6XBvc3QAABeoAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8iAEAAAAAAAEAAAAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIPIg//3//wAAAAAAIPIA//3//wAB/+MOBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQFWANYDKgMqAAIAAAkCAVYB1P4sAyr+1v7WAAIAVgBWA6oDqgACABYAAAEtATcyHgIVFA4CIyIuAjU0PgIBqgEA/wBWWJxzQ0Nzm1lYnHNDQ3ObAUDAwOpDc5tZWJxzQ0Nzm1lYnHNDAAAAAwBWAFYDqgOqABMAJwAqAAAlMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AhMRBQIARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmwMBAKo2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/ZYBgMAAAAAAAgEAANYDAAMqAAMABwAAATMRIyERMxECVqqq/qqqAyr9rAJU/awAAAMAVgBWA6oDqgADAAcAGwAAAREjESMRIxETMh4CFRQOAiMiLgI1ND4CAoBWVFaAWJxzQ0Nzm1lYnHNDQ3ObAVYBVP6sAVT+rAJUQ3ObWVicc0NDc5tZWJxzQwAABABWAFYDqgOqAAMAFwArAC8AAAERMxEHMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AgMRMxECKlaARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmydWAVYBVP6srDZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9rAFU/qwAAQEAAQADAAMAAAMAAAEhESEBAAIA/gADAP4AAAIAagEAA1YDAAACAAUAAAkBESEJAQHqAWz+gP6UAWwCAAEA/gABAAEAAAAAAgCqAQADlgMAAAIABQAACQIhEQECKgFs/pT+gAFsAwD/AP8AAgD/AAAAAAACAQABAAMAAwAAAgAGAAAJAREBMxEjAZYBav4AVlYCAAEA/gACAP4AAAAAAAIBAAEAAwADAAADAAYAAAEzESMhEQECqlZW/lYBagMA/gACAP8AAAACAKoAgANWA9YARQBoAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjETIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcB+AMLBB4KZkoEBAYFAwgGDQMDCgMHCwEDAwUGBgcDAxEGBg0DAwsGCAoiDgwDBgMKBAQKCQNGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBvAEFAgMDXh4mAQMDAwMDAwMDBgMHGQ4GDQMDDQYGAwMDAQEDAwIDBBYMCwkBAwgJAxoICgQBbjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MxMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjQOBgMIAwgEBBIEAwYDCAYGVAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBtigqTAYuRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgFCQEDCgkDVgkDBAoDAwgJA1YJJwkTBhoMBAEDAwYDBSgPHgkTBhoMBAEDAwYDAw4JCRAJaowMHhgBHjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAAAAQAqgCAA1YD1gAbAEYAowDGAAABFBYzMjY/ATA2PQE0JjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNRMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjwQBgMGAwgEBBAEAwgDCAQEUAEDDBAGBg4GDxUKBgMDAwMDAwwQBgYMBgYOBgYKBgYDAwMB4gwSBAUDFgUDAwEsFg4DDgMNGQoICAQFAwMIAwYNAwMFAQMDBgMDDQYGDgYGCwMDDQYICiQEBQMWBQMDAQQFAxpmRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgGCAEDCgkDVgMGAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgFqNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAACAKoAgANWA9YAQgBlAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjJTQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIB9AMLBBoKZkoEBAYFAwgGDQMDCgMHCwEDAwUGCBcPBg0DAwsGCAoiDgwDBgMKBAQKCQP+rjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBggIAQMDAgMEFgwLCQEDCAkDGggKBBpGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAQAqgCAA1YD1gAbAEYATQBwAAABFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFQcjNQc1NzMFND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgI0DgYDCAMIBAQSBAMGAwgGBlABAwwQBgYOBgYOBgYIBgoIAQMODgYGDgYGDgYGCgYGAwMDAbIoKkwG/tg2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGDZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAAEAKoAgANWA9YAIgA+AGkAxgAAEzQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIFFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNao2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBjg4GAwgDCAQEEgQDBgMIBARUAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGgHWRnxdNazW1qwpRV01NF5FKSlFXTVGfV02Nl18FwUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwECwUDDgkJEAkeCRMGGgwEAQMDBgMDDgkJEAkODAgFAwMBBAUDCA8fBAcFBBgKDgkDAwUHAwMHBgYOBgYNAwMKAwMFBAEDAwIDBBsLCAUDAwEEBQMWBQMDAR4AAAAABACAAIADgAOAAAIAFAAmAC4AAAEVJycBBycOAQc1PgE3JxEnIxEzJwE0LgInNR4DFRQGByc+ASccAQcnNR4BAgBa8ALKNlgiTiwbMBW21qrKygKqHzlNL0BuTy0XFUAKDGoCaDA6A1a0WoT9NjZYGygLWAcaEbb+4NYBAMr+tjNcSzYOWA5FY3xEMFsnQhk5HgcNBmheGFsAAAAAAQEqAKoCqgNWAAUAAAEzNxEnIwEqrNTUrAKA1v1U1gACANYAqgMWA1YABQAMAAATMzcRJyMlFAYHER4B1qrW1qoCQDwwMDwCgNb9VNaAOVsYAVgYWwAAAAMAgACKA4ADdgAVABwAIgAAAR4DFRQOAgc1PgM1NC4CJxMUBgcRHgElMzcRJyMCVkBuTy0tT21BLk45Hx85TS9qOjAwOv3AqtbWqgN2DkVjfEREe2NGDlgNN0tcMzNcSzYO/uI5WxgBWBhbR9b9VNYAAAAABADWANYDKgMqAAUACwARABcAAAEzFSM1IxM1MxUjNQE1MxUjFR0BMxUjNQJW1FSAgFTU/oDUgIDUAyrUgP5UgNRUASzUVICsgFTUAAQA1gDWAyoDKgAFAAsAEQAXAAABMxUjNTMDNTMVIxUBNTMVIzURNTMVIzUCqoDUVFTUgP6sVNTUVAKqVNT9rNRUgAHUgNRU/qxU1IAAAAAAAwCAAKoDgANWABcALwA/AAABNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUjNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUBMhYVERQGIyEiJjURNDYzAwAYEoASGhoSgBIYQFZW6hoSgBIYGBKAEhpAVlYBlCI0MyP9rCQyMiQCKiwSGBgSrBIYGBIsFoAWLBIYGBKsEhgYEiwWgBYBLDMj/gAiNDMjAgAiNAAABACAAIADgAOAAAMADQAZACkAAAE1MxUnETMyNj0BNCYjAREjFSM1IxEzNTMVATIWFREUBiMhIiY1ETQ2MwJqVpasEhgYEv8AQFZAQFYBlCI0MyP9rCQyMiQBwICAwP8AGBKsEhj/AAEAamr/AFZWAgAzI/2sIjQzIwJUIjQAAAACAGQAVgOcA6oACwBZAAABMjY1NCYjIgYVFBYlFx4BDwEOAS8BDgEPAQ4BKwEiJi8BLgEnBwYmLwEmNj8BLgE1PAE3Jy4BPwE+AR8BPgE/AT4BOwEyFh8BHgEXNzYWHwEWBg8BHgEVHAECAD1ZWD49WVgBfFoGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAloGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAWpYPj1ZWD49WWxGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQtGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQAAAAEAgABYA4ADqgAzAAABMhYVFAYjIiY1PAE3JQ4BIyImNTQ2MzIWFyUuATU0NjMyFhUUBiMiJicFHgEVFAYHBT4BAwAzSUkzM0kC/tISLBo0TEs1GS0SASwBA0s1NExLNRktEv7UAQMCAgEwECwBUkkzM0tLMwcPBrAQEks1NEwREa4HDwg0TEs1NEwTEbAHDwgHDwiwDxEAAwBWAFYDqgOqAAMABwAbAAABNSMVExEjERMyHgIVFA4CIyIuAjU0PgICKlRUVCpYnHNDQ3ObWVicc0NDc5sCgFZW/qoBAP8AAoBDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAATUzFQMyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEzEQHWVCpGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObL1QCgFZW/io2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/YABAP8AAAABANYA1gMqAyoACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gLu7u487u487u487u4AAQBVAFUDqwOrABQAABMUHgIzMj4CNTQuAiMiDgIVVUN0nFhYnHRDQ3ScWFicdEMCAFicdENDdJxYWJx0Q0N0nFgAAAACAFUAVQOrA6sAFAAoAAABIg4CFRQeAjMyPgI1NC4CIxEiLgI1ND4CMzIeAhUUDgICAFicdENDdJxYWJx0Q0N0nFhHfF01NV18R0d8XTU1XXwDq0N0nFhYnHRDQ3ScWFicdEP9ADVdfEdHfF01NV18R0d8XTUAAAADAFUAVQOrA6sAFAAoADQAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAhMUBiMiJjU0NjMyFgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfDlLNTVLSzU1SwOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQFVNUtLNTVLSwAAAAEAAAABAADxFM6JXw889QALBAAAAAAA1DSJZQAAAADUNIllAAAAAAOrA9YAAAAIAAIAAAAAAAAAAQAABAAAAAAABAAAAAAAA6sAAQAAAAAAAAAAAAAAAAAAACUEAAAAAAAAAAAAAAAAAAAABAABVgQAAFYEAABWBAABAAQAAFYEAABWBAABAAQAAGoEAACqBAABAAQAAQAEAACqBAAAqgQAAKoEAACqBAAAqgQAAKoEAACABAABKgQAANYEAACABAAA1gQAANYEAACABAAAgAQAAGQEAACABAAAVgQAAFYEAADWBAAAVQQAAFUEAABVAAAAAAAKABQAHgAsAFQAlgCqANgBIAEuAUQBWgFwAYQCEAKoA6YELgTGBcQGEgYiBj4GeAaeBsYHGgdaB+IILghcCKQIvgjgCRwJaAABAAAAJQDHAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0dmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0UmVndWxhcgBSAGUAZwB1AGwAYQBydmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype");
64
+ font-weight: normal;
65
+ font-style: normal;
66
+ }
67
+
68
+ .video-react-icon,
69
+ .video-react .video-react-closed-caption,
70
+ .video-react .video-react-bezel .video-react-bezel-icon,
71
+ .video-react .video-react-volume-level,
72
+ .video-react .video-react-mute-control,
73
+ .video-react .video-react-volume-menu-button,
74
+ .video-react .video-react-play-control,
75
+ .video-react .video-react-play-progress,
76
+ .video-react .video-react-big-play-button {
77
+ /* use !important to prevent issues with browser extensions that change fonts */
78
+ font-family: "video-react" !important;
79
+ speak: none;
80
+ font-style: normal;
81
+ font-weight: normal;
82
+ font-variant: normal;
83
+ text-transform: none;
84
+ line-height: 1;
85
+ /* Better Font Rendering =========== */
86
+ -webkit-font-smoothing: antialiased;
87
+ -moz-osx-font-smoothing: grayscale;
88
+ }
89
+
90
+ .video-react-icon-play-arrow:before,
91
+ .video-react .video-react-bezel .video-react-bezel-icon-play:before,
92
+ .video-react .video-react-play-control:before,
93
+ .video-react .video-react-big-play-button:before {
94
+ content: "";
95
+ }
96
+
97
+ .video-react-icon-play-circle-filled:before {
98
+ content: "";
99
+ }
100
+
101
+ .video-react-icon-play-circle-outline:before {
102
+ content: "";
103
+ }
104
+
105
+ .video-react-icon-pause:before,
106
+ .video-react .video-react-bezel .video-react-bezel-icon-pause:before,
107
+ .video-react .video-react-play-control.video-react-playing:before {
108
+ content: "";
109
+ }
110
+
111
+ .video-react-icon-pause-circle-filled:before {
112
+ content: "";
113
+ }
114
+
115
+ .video-react-icon-pause-circle-outline:before {
116
+ content: "";
117
+ }
118
+
119
+ .video-react-icon-stop:before {
120
+ content: "";
121
+ }
122
+
123
+ .video-react-icon-fast-rewind:before,
124
+ .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
125
+ content: "";
126
+ }
127
+
128
+ .video-react-icon-fast-forward:before,
129
+ .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
130
+ content: "";
131
+ }
132
+
133
+ .video-react-icon-skip-previous:before {
134
+ content: "";
135
+ }
136
+
137
+ .video-react-icon-skip-next:before {
138
+ content: "";
139
+ }
140
+
141
+ .video-react-icon-replay-5:before,
142
+ .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
143
+ content: "";
144
+ }
145
+
146
+ .video-react-icon-replay-10:before,
147
+ .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
148
+ content: "";
149
+ }
150
+
151
+ .video-react-icon-replay-30:before,
152
+ .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
153
+ content: "";
154
+ }
155
+
156
+ .video-react-icon-forward-5:before,
157
+ .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
158
+ content: "";
159
+ }
160
+
161
+ .video-react-icon-forward-10:before,
162
+ .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
163
+ content: "";
164
+ }
165
+
166
+ .video-react-icon-forward-30:before,
167
+ .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
168
+ content: "";
169
+ }
170
+
171
+ .video-react-icon-volume-off:before,
172
+ .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before,
173
+ .video-react .video-react-mute-control.video-react-vol-muted:before,
174
+ .video-react .video-react-volume-menu-button.video-react-vol-muted:before {
175
+ content: "";
176
+ }
177
+
178
+ .video-react-icon-volume-mute:before,
179
+ .video-react .video-react-mute-control.video-react-vol-0:before,
180
+ .video-react .video-react-volume-menu-button.video-react-vol-0:before {
181
+ content: "";
182
+ }
183
+
184
+ .video-react-icon-volume-down:before,
185
+ .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before,
186
+ .video-react .video-react-mute-control.video-react-vol-2:before,
187
+ .video-react .video-react-volume-menu-button.video-react-vol-2:before,
188
+ .video-react .video-react-mute-control.video-react-vol-1:before,
189
+ .video-react .video-react-volume-menu-button.video-react-vol-1:before {
190
+ content: "";
191
+ }
192
+
193
+ .video-react-icon-volume-up:before,
194
+ .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before,
195
+ .video-react .video-react-mute-control:before,
196
+ .video-react .video-react-volume-menu-button:before {
197
+ content: "";
198
+ }
199
+
200
+ .video-react-icon-fullscreen:before {
201
+ content: "";
202
+ }
203
+
204
+ .video-react-icon-fullscreen-exit:before {
205
+ content: "";
206
+ }
207
+
208
+ .video-react-icon-closed-caption:before,
209
+ .video-react .video-react-closed-caption:before {
210
+ content: "";
211
+ }
212
+
213
+ .video-react-icon-hd:before {
214
+ content: "";
215
+ }
216
+
217
+ .video-react-icon-settings:before {
218
+ content: "";
219
+ }
220
+
221
+ .video-react-icon-share:before {
222
+ content: "";
223
+ }
224
+
225
+ .video-react-icon-info:before {
226
+ content: "";
227
+ }
228
+
229
+ .video-react-icon-info-outline:before {
230
+ content: "";
231
+ }
232
+
233
+ .video-react-icon-close:before {
234
+ content: "";
235
+ }
236
+
237
+ .video-react-icon-circle:before,
238
+ .video-react .video-react-volume-level:before,
239
+ .video-react .video-react-play-progress:before {
240
+ content: "";
241
+ }
242
+
243
+ .video-react-icon-circle-outline:before {
244
+ content: "";
245
+ }
246
+
247
+ .video-react-icon-circle-inner-circle:before {
248
+ content: "";
249
+ }
250
+
251
+ .video-react {
252
+ display: block;
253
+ vertical-align: top;
254
+ box-sizing: border-box;
255
+ color: #fff;
256
+ background-color: #000;
257
+ position: relative;
258
+ font-size: 10px;
259
+ line-height: 1;
260
+ font-family: serif, Times, "Times New Roman";
261
+ -webkit-user-select: none;
262
+ user-select: none;
263
+ }
264
+
265
+ .video-react:-moz-full-screen {
266
+ position: absolute;
267
+ }
268
+
269
+ .video-react:-webkit-full-screen {
270
+ width: 100% !important;
271
+ height: 100% !important;
272
+ }
273
+
274
+ .video-react *,
275
+ .video-react *:before,
276
+ .video-react *:after {
277
+ box-sizing: inherit;
278
+ }
279
+
280
+ .video-react ul {
281
+ font-family: inherit;
282
+ font-size: inherit;
283
+ line-height: inherit;
284
+ list-style-position: outside;
285
+ margin-left: 0;
286
+ margin-right: 0;
287
+ margin-top: 0;
288
+ margin-bottom: 0;
289
+ }
290
+
291
+ .video-react.video-react-fluid,
292
+ .video-react.video-react-16-9,
293
+ .video-react.video-react-4-3 {
294
+ width: 100%;
295
+ max-width: 100%;
296
+ height: 0;
297
+ }
298
+
299
+ .video-react.video-react-16-9 {
300
+ padding-top: 56.25%;
301
+ }
302
+
303
+ .video-react.video-react-4-3 {
304
+ padding-top: 75%;
305
+ }
306
+
307
+ .video-react.video-react-fill {
308
+ width: 100%;
309
+ height: 100%;
310
+ }
311
+
312
+ .video-react .video-react-video {
313
+ position: absolute;
314
+ top: 0;
315
+ left: 0;
316
+ width: 100%;
317
+ height: 100%;
318
+ }
319
+
320
+ .video-react.video-react-fullscreen {
321
+ width: 100% !important;
322
+ height: 100% !important;
323
+ padding-top: 0 !important;
324
+ }
325
+
326
+ .video-react.video-react-fullscreen.video-react-user-inactive {
327
+ cursor: none;
328
+ }
329
+
330
+ body.video-react-full-window {
331
+ padding: 0;
332
+ margin: 0;
333
+ height: 100%;
334
+ overflow-y: auto;
335
+ }
336
+
337
+ body.video-react-full-window .video-react-fullscreen {
338
+ position: fixed;
339
+ overflow: hidden;
340
+ z-index: 1000;
341
+ left: 0;
342
+ top: 0;
343
+ bottom: 0;
344
+ right: 0;
345
+ }
346
+
347
+ .video-react .video-react-button {
348
+ background: none;
349
+ border: none;
350
+ color: inherit;
351
+ display: inline-block;
352
+ cursor: pointer;
353
+ overflow: visible;
354
+ font-size: inherit;
355
+ line-height: inherit;
356
+ text-transform: none;
357
+ text-decoration: none;
358
+ transition: none;
359
+ appearance: none;
360
+ }
361
+
362
+ .video-react .video-react-loading-spinner {
363
+ display: none;
364
+ position: absolute;
365
+ top: 50%;
366
+ left: 50%;
367
+ margin: -25px 0 0 -25px;
368
+ opacity: 0.85;
369
+ text-align: left;
370
+ border: 6px solid rgba(43, 51, 63, 0.7);
371
+ box-sizing: border-box;
372
+ background-clip: padding-box;
373
+ width: 50px;
374
+ height: 50px;
375
+ border-radius: 25px;
376
+ }
377
+
378
+ .video-react .video-react-loading-spinner:before,
379
+ .video-react .video-react-loading-spinner:after {
380
+ content: "";
381
+ position: absolute;
382
+ margin: -6px;
383
+ box-sizing: inherit;
384
+ width: inherit;
385
+ height: inherit;
386
+ border-radius: inherit;
387
+ opacity: 1;
388
+ border: inherit;
389
+ border-color: transparent;
390
+ border-top-color: white;
391
+ animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
392
+ }
393
+
394
+ .video-react-seeking .video-react-loading-spinner,
395
+ .video-react-waiting .video-react-loading-spinner {
396
+ display: block;
397
+ }
398
+
399
+ .video-react-seeking .video-react-loading-spinner:before,
400
+ .video-react-waiting .video-react-loading-spinner:before {
401
+ border-top-color: white;
402
+ }
403
+
404
+ .video-react-seeking .video-react-loading-spinner:after,
405
+ .video-react-waiting .video-react-loading-spinner:after {
406
+ border-top-color: white;
407
+ animation-delay: 0.44s;
408
+ }
409
+
410
+ @keyframes video-react-spinner-spin {
411
+ 100% {
412
+ transform: rotate(360deg);
413
+ }
414
+ }
415
+
416
+ @keyframes video-react-spinner-fade {
417
+ 0% {
418
+ border-top-color: #73859f;
419
+ }
420
+
421
+ 20% {
422
+ border-top-color: #73859f;
423
+ }
424
+
425
+ 35% {
426
+ border-top-color: white;
427
+ }
428
+
429
+ 60% {
430
+ border-top-color: #73859f;
431
+ }
432
+
433
+ 100% {
434
+ border-top-color: #73859f;
435
+ }
436
+ }
437
+
438
+ .video-react .video-react-big-play-button {
439
+ font-size: 3em;
440
+ line-height: 1.5em;
441
+ height: 1.5em;
442
+ width: 3em;
443
+ display: block;
444
+ position: absolute;
445
+ top: 10px;
446
+ left: 10px;
447
+ padding: 0;
448
+ cursor: pointer;
449
+ opacity: 1;
450
+ border: 0.06666em solid #fff;
451
+ background-color: #2B333F;
452
+ background-color: rgba(43, 51, 63, 0.7);
453
+ border-radius: 0.3em;
454
+ transition: all 0.4s;
455
+ }
456
+
457
+ .video-react .video-react-big-play-button.video-react-big-play-button-center {
458
+ top: 50%;
459
+ left: 50%;
460
+ margin-top: -0.75em;
461
+ margin-left: -1.5em;
462
+ }
463
+
464
+ .video-react .video-react-big-play-button.big-play-button-hide {
465
+ display: none;
466
+ }
467
+
468
+ .video-react:hover .video-react-big-play-button,
469
+ .video-react .video-react-big-play-button:focus {
470
+ outline: 0;
471
+ border-color: #fff;
472
+ background-color: #73859f;
473
+ background-color: rgba(115, 133, 159, 0.5);
474
+ transition: all 0s;
475
+ }
476
+
477
+ .video-react-menu-button {
478
+ cursor: pointer;
479
+ }
480
+
481
+ .video-react-menu-button.video-react-disabled {
482
+ cursor: default;
483
+ }
484
+
485
+ .video-react-menu .video-react-menu-content {
486
+ display: block;
487
+ padding: 0;
488
+ margin: 0;
489
+ overflow: auto;
490
+ font-family: serif, Times, "Times New Roman";
491
+ }
492
+
493
+ .video-react-menu li {
494
+ list-style: none;
495
+ margin: 0;
496
+ padding: 0.2em 0;
497
+ line-height: 1.4em;
498
+ font-size: 1.2em;
499
+ text-align: center;
500
+ }
501
+
502
+ .video-react-menu li:focus,
503
+ .video-react-menu li:hover {
504
+ outline: 0;
505
+ background-color: #73859f;
506
+ background-color: rgba(115, 133, 159, 0.5);
507
+ }
508
+
509
+ .video-react-menu li.video-react-selected,
510
+ .video-react-menu li.video-react-selected:focus,
511
+ .video-react-menu li.video-react-selected:hover {
512
+ background-color: #fff;
513
+ color: #2B333F;
514
+ }
515
+
516
+ .video-react-menu li.vjs-menu-title {
517
+ text-align: center;
518
+ text-transform: uppercase;
519
+ font-size: 1em;
520
+ line-height: 2em;
521
+ padding: 0;
522
+ margin: 0 0 0.3em 0;
523
+ font-weight: bold;
524
+ cursor: default;
525
+ }
526
+
527
+ .video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
528
+ display: none;
529
+ }
530
+
531
+ .video-react .video-react-menu-button-popup .video-react-menu {
532
+ display: none;
533
+ position: absolute;
534
+ bottom: 0;
535
+ width: 10em;
536
+ left: -3em;
537
+ height: 0em;
538
+ margin-bottom: 1.5em;
539
+ border-top-color: rgba(43, 51, 63, 0.7);
540
+ }
541
+
542
+ .video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
543
+ background-color: #2B333F;
544
+ background-color: rgba(43, 51, 63, 0.7);
545
+ position: absolute;
546
+ width: 100%;
547
+ bottom: 1.5em;
548
+ max-height: 15em;
549
+ }
550
+
551
+ .video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
552
+ display: block;
553
+ }
554
+
555
+ .video-react .video-react-menu-button-inline {
556
+ transition: all 0.4s;
557
+ overflow: hidden;
558
+ }
559
+
560
+ .video-react .video-react-menu-button-inline:before {
561
+ width: 2.222222222em;
562
+ }
563
+
564
+ .video-react .video-react-menu-button-inline:hover,
565
+ .video-react .video-react-menu-button-inline:focus,
566
+ .video-react .video-react-menu-button-inline.video-react-slider-active {
567
+ width: 12em;
568
+ }
569
+
570
+ .video-react .video-react-menu-button-inline:hover .video-react-menu,
571
+ .video-react .video-react-menu-button-inline:focus .video-react-menu,
572
+ .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu {
573
+ display: block;
574
+ opacity: 1;
575
+ }
576
+
577
+ .video-react .video-react-menu-button-inline.video-react-slider-active {
578
+ transition: none;
579
+ }
580
+
581
+ .video-react .video-react-menu-button-inline .video-react-menu {
582
+ opacity: 0;
583
+ height: 100%;
584
+ width: auto;
585
+ position: absolute;
586
+ left: 4em;
587
+ top: 0;
588
+ padding: 0;
589
+ margin: 0;
590
+ transition: all 0.4s;
591
+ }
592
+
593
+ .video-react .video-react-menu-button-inline .video-react-menu-content {
594
+ width: auto;
595
+ height: 100%;
596
+ margin: 0;
597
+ overflow: hidden;
598
+ }
599
+
600
+ .video-react-no-flex .video-react-menu-button-inline .video-react-menu {
601
+ display: block;
602
+ opacity: 1;
603
+ position: relative;
604
+ width: auto;
605
+ }
606
+
607
+ .video-react-no-flex .video-react-menu-button-inline:hover,
608
+ .video-react-no-flex .video-react-menu-button-inline:focus,
609
+ .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active {
610
+ width: auto;
611
+ }
612
+
613
+ .video-react .video-react-poster {
614
+ display: inline-block;
615
+ vertical-align: middle;
616
+ background-repeat: no-repeat;
617
+ background-position: 50% 50%;
618
+ background-size: contain;
619
+ background-color: #000000;
620
+ cursor: pointer;
621
+ margin: 0;
622
+ padding: 0;
623
+ position: absolute;
624
+ top: 0;
625
+ right: 0;
626
+ bottom: 0;
627
+ left: 0;
628
+ height: 100%;
629
+ }
630
+
631
+ .video-react .video-react-poster img {
632
+ display: block;
633
+ vertical-align: middle;
634
+ margin: 0 auto;
635
+ max-height: 100%;
636
+ padding: 0;
637
+ width: 100%;
638
+ }
639
+
640
+ .video-react .video-react-slider {
641
+ outline: 0;
642
+ position: relative;
643
+ cursor: pointer;
644
+ padding: 0;
645
+ margin: 0 0.45em 0 0.45em;
646
+ background-color: #73859f;
647
+ background-color: rgba(115, 133, 159, 0.5);
648
+ }
649
+
650
+ .video-react .video-react-slider:focus {
651
+ box-shadow: 0 0 1em #fff;
652
+ }
653
+
654
+ .video-react .video-react-control {
655
+ outline: none;
656
+ position: relative;
657
+ text-align: center;
658
+ margin: 0;
659
+ padding: 0;
660
+ height: 100%;
661
+ width: 4em;
662
+ flex: none;
663
+ }
664
+
665
+ .video-react .video-react-control:before {
666
+ font-size: 1.8em;
667
+ line-height: 1.67;
668
+ }
669
+
670
+ .video-react .video-react-control:focus:before,
671
+ .video-react .video-react-control:hover:before,
672
+ .video-react .video-react-control:focus {
673
+ text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff;
674
+ }
675
+
676
+ .video-react .video-react-control-text {
677
+ border: 0;
678
+ clip: rect(0 0 0 0);
679
+ height: 1px;
680
+ margin: -1px;
681
+ overflow: hidden;
682
+ padding: 0;
683
+ position: absolute;
684
+ width: 1px;
685
+ }
686
+
687
+ .video-react-no-flex .video-react-control {
688
+ display: table-cell;
689
+ vertical-align: middle;
690
+ }
691
+
692
+ .video-react .video-react-control-bar {
693
+ display: none;
694
+ width: 100%;
695
+ position: absolute;
696
+ bottom: 0;
697
+ left: 0;
698
+ right: 0;
699
+ height: 3em;
700
+ background-color: #2B333F;
701
+ background-color: rgba(43, 51, 63, 0.7);
702
+ }
703
+
704
+ .video-react-has-started .video-react-control-bar {
705
+ display: flex;
706
+ visibility: visible;
707
+ opacity: 1;
708
+ transition: visibility 0.1s, opacity 0.1s;
709
+ }
710
+
711
+ .video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
712
+ visibility: visible;
713
+ opacity: 0;
714
+ transition: visibility 1s, opacity 1s;
715
+ }
716
+
717
+ .video-react-controls-disabled .video-react-control-bar,
718
+ .video-react-using-native-controls .video-react-control-bar,
719
+ .video-react-error .video-react-control-bar {
720
+ display: none !important;
721
+ }
722
+
723
+ .video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
724
+ opacity: 1;
725
+ visibility: visible;
726
+ }
727
+
728
+ .video-react-has-started.video-react-no-flex .video-react-control-bar {
729
+ display: table;
730
+ }
731
+
732
+ .video-react .video-react-progress-control {
733
+ flex: auto;
734
+ display: flex;
735
+ align-items: center;
736
+ min-width: 4em;
737
+ }
738
+
739
+ .video-react-live .video-react-progress-control {
740
+ display: none;
741
+ }
742
+
743
+ .video-react .video-react-progress-holder {
744
+ flex: auto;
745
+ transition: all 0.2s;
746
+ height: 0.3em;
747
+ }
748
+
749
+ .video-react .video-react-progress-control:hover .video-react-progress-holder {
750
+ font-size: 1.6666666667em;
751
+ }
752
+
753
+ /* If we let the font size grow as much as everything else, the current time tooltip ends up
754
+ ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
755
+ to avoid a weird hitch when you roll off the hover. */
756
+ .video-react .video-react-progress-control:hover .video-react-time-tooltip,
757
+ .video-react .video-react-progress-control:hover .video-react-mouse-display:after,
758
+ .video-react .video-react-progress-control:hover .video-react-play-progress:after {
759
+ visibility: visible;
760
+ font-size: 0.6em;
761
+ }
762
+
763
+ .video-react .video-react-progress-holder .video-react-play-progress,
764
+ .video-react .video-react-progress-holder .video-react-load-progress,
765
+ .video-react .video-react-progress-holder .video-react-tooltip-progress-bar,
766
+ .video-react .video-react-progress-holder .video-react-load-progress div {
767
+ position: absolute;
768
+ display: block;
769
+ height: 0.3em;
770
+ margin: 0;
771
+ padding: 0;
772
+ width: 0;
773
+ left: 0;
774
+ top: 0;
775
+ }
776
+
777
+ .video-react .video-react-play-progress {
778
+ background-color: #fff;
779
+ }
780
+
781
+ .video-react .video-react-play-progress:before {
782
+ position: absolute;
783
+ top: -0.3333333333em;
784
+ right: -0.5em;
785
+ font-size: 0.9em;
786
+ }
787
+
788
+ .video-react .video-react-time-tooltip,
789
+ .video-react .video-react-mouse-display:after,
790
+ .video-react .video-react-play-progress:after {
791
+ visibility: hidden;
792
+ pointer-events: none;
793
+ position: absolute;
794
+ top: -3.4em;
795
+ right: -1.9em;
796
+ font-size: 0.9em;
797
+ color: #000;
798
+ content: attr(data-current-time);
799
+ padding: 6px 8px 8px 8px;
800
+ background-color: #fff;
801
+ background-color: rgba(255, 255, 255, 0.8);
802
+ border-radius: 0.3em;
803
+ }
804
+
805
+ .video-react .video-react-time-tooltip,
806
+ .video-react .video-react-play-progress:before,
807
+ .video-react .video-react-play-progress:after {
808
+ z-index: 1;
809
+ }
810
+
811
+ .video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
812
+ display: none;
813
+ }
814
+
815
+ .video-react .video-react-load-progress {
816
+ background: #bfc7d3;
817
+ background: rgba(115, 133, 159, 0.5);
818
+ }
819
+
820
+ .video-react .video-react-load-progress div {
821
+ background: white;
822
+ background: rgba(115, 133, 159, 0.75);
823
+ }
824
+
825
+ .video-react.video-react-no-flex .video-react-progress-control {
826
+ width: auto;
827
+ }
828
+
829
+ .video-react .video-react-time-tooltip {
830
+ display: inline-block;
831
+ height: 2.4em;
832
+ position: relative;
833
+ float: right;
834
+ right: -1.9em;
835
+ }
836
+
837
+ .video-react .video-react-tooltip-progress-bar {
838
+ visibility: hidden;
839
+ }
840
+
841
+ .video-react .video-react-progress-control .video-react-mouse-display {
842
+ display: none;
843
+ position: absolute;
844
+ width: 1px;
845
+ height: 100%;
846
+ background-color: #000;
847
+ z-index: 1;
848
+ }
849
+
850
+ .video-react-no-flex .video-react-progress-control .video-react-mouse-display {
851
+ z-index: 0;
852
+ }
853
+
854
+ .video-react .video-react-progress-control:hover .video-react-mouse-display {
855
+ display: block;
856
+ }
857
+
858
+ .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
859
+ .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
860
+ visibility: hidden;
861
+ opacity: 0;
862
+ transition: visibility 1s, opacity 1s;
863
+ }
864
+
865
+ .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
866
+ .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
867
+ display: none;
868
+ }
869
+
870
+ .video-react .video-react-mouse-display .video-react-time-tooltip,
871
+ .video-react .video-react-progress-control .video-react-mouse-display:after {
872
+ color: #fff;
873
+ background-color: #000;
874
+ background-color: rgba(0, 0, 0, 0.8);
875
+ }
876
+
877
+ .video-react .video-react-play-control {
878
+ cursor: pointer;
879
+ flex: none;
880
+ }
881
+
882
+ .video-react .video-react-fullscreen-control {
883
+ cursor: pointer;
884
+ flex: none;
885
+ }
886
+
887
+ .video-react.video-react-fullscreen {
888
+ position: fixed;
889
+ left: 0;
890
+ top: 0;
891
+ bottom: 0;
892
+ right: 0;
893
+ z-index: 9999;
894
+ }
895
+
896
+ .video-react .video-react-time-control {
897
+ flex: none;
898
+ font-size: 1em;
899
+ line-height: 3em;
900
+ min-width: 2em;
901
+ width: auto;
902
+ padding-left: 1em;
903
+ padding-right: 1em;
904
+ }
905
+
906
+ .video-react .video-react-time-divider {
907
+ line-height: 3em;
908
+ min-width: initial;
909
+ padding: 0;
910
+ }
911
+
912
+ .video-react .video-react-mute-control,
913
+ .video-react .video-react-volume-menu-button {
914
+ cursor: pointer;
915
+ flex: none;
916
+ }
917
+
918
+ .video-react .video-react-volume-control {
919
+ width: 5em;
920
+ flex: none;
921
+ display: flex;
922
+ align-items: center;
923
+ }
924
+
925
+ .video-react .video-react-volume-bar {
926
+ margin: 1.35em 0.45em;
927
+ }
928
+
929
+ .video-react .video-react-volume-bar.video-react-slider-horizontal {
930
+ width: 5em;
931
+ height: 0.3em;
932
+ }
933
+
934
+ .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
935
+ width: 100%;
936
+ }
937
+
938
+ .video-react .video-react-volume-bar.video-react-slider-vertical {
939
+ width: 0.3em;
940
+ height: 5em;
941
+ margin: 1.35em auto;
942
+ }
943
+
944
+ .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
945
+ height: 100%;
946
+ }
947
+
948
+ .video-react .video-react-volume-level {
949
+ position: absolute;
950
+ bottom: 0;
951
+ left: 0;
952
+ background-color: #fff;
953
+ }
954
+
955
+ .video-react .video-react-volume-level:before {
956
+ position: absolute;
957
+ font-size: 0.9em;
958
+ }
959
+
960
+ .video-react .video-react-slider-vertical .video-react-volume-level {
961
+ width: 0.3em;
962
+ }
963
+
964
+ .video-react .video-react-slider-vertical .video-react-volume-level:before {
965
+ top: -0.5em;
966
+ left: -0.3em;
967
+ }
968
+
969
+ .video-react .video-react-slider-horizontal .video-react-volume-level {
970
+ height: 0.3em;
971
+ }
972
+
973
+ .video-react .video-react-slider-horizontal .video-react-volume-level:before {
974
+ top: -0.3em;
975
+ right: -0.5em;
976
+ }
977
+
978
+ .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
979
+ display: block;
980
+ width: 0;
981
+ height: 0;
982
+ border-top-color: transparent;
983
+ }
984
+
985
+ .video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
986
+ left: 0.5em;
987
+ height: 8em;
988
+ }
989
+
990
+ .video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
991
+ left: -2em;
992
+ }
993
+
994
+ .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
995
+ height: 0;
996
+ width: 0;
997
+ overflow-x: hidden;
998
+ overflow-y: hidden;
999
+ }
1000
+
1001
+ .video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content,
1002
+ .video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
1003
+ .video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
1004
+ .video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content {
1005
+ height: 8em;
1006
+ width: 2.9em;
1007
+ }
1008
+
1009
+ .video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content,
1010
+ .video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
1011
+ .video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
1012
+ .video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content {
1013
+ height: 2.9em;
1014
+ width: 8em;
1015
+ }
1016
+
1017
+ .video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
1018
+ background-color: transparent !important;
1019
+ }
1020
+
1021
+ .video-react .video-react-playback-rate .video-react-playback-rate-value {
1022
+ line-height: 3em;
1023
+ text-align: center;
1024
+ }
1025
+
1026
+ .video-react .video-react-playback-rate .video-react-menu {
1027
+ width: 4em;
1028
+ left: 0em;
1029
+ }
1030
+
1031
+ .video-react .video-react-bezel {
1032
+ position: absolute;
1033
+ left: 50%;
1034
+ top: 50%;
1035
+ width: 52px;
1036
+ height: 52px;
1037
+ z-index: 17;
1038
+ margin-left: -26px;
1039
+ margin-top: -26px;
1040
+ background: rgba(0, 0, 0, 0.5);
1041
+ border-radius: 26px;
1042
+ }
1043
+
1044
+ .video-react .video-react-bezel.video-react-bezel-animation {
1045
+ animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
1046
+ pointer-events: none;
1047
+ }
1048
+
1049
+ .video-react .video-react-bezel.video-react-bezel-animation-alt {
1050
+ animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
1051
+ pointer-events: none;
1052
+ }
1053
+
1054
+ .video-react .video-react-bezel .video-react-bezel-icon {
1055
+ width: 36px;
1056
+ height: 36px;
1057
+ margin: 8px;
1058
+ font-size: 26px;
1059
+ line-height: 36px;
1060
+ text-align: center;
1061
+ }
1062
+
1063
+ @keyframes video-react-bezel-fadeout {
1064
+ 0% {
1065
+ opacity: 1;
1066
+ }
1067
+
1068
+ to {
1069
+ opacity: 0;
1070
+ transform: scale(2);
1071
+ }
1072
+ }
1073
+
1074
+ @keyframes video-react-bezel-fadeout-alt {
1075
+ 0% {
1076
+ opacity: 1;
1077
+ }
1078
+
1079
+ to {
1080
+ opacity: 0;
1081
+ transform: scale(2);
1082
+ }
1083
+ }
1084
+
1085
+ .video-react .video-react-closed-caption {
1086
+ cursor: pointer;
1087
+ flex: none;
1088
+ }
1089
+
1090
+ .video-react video::-webkit-media-text-track-container {
1091
+ transform: translateY(-30px);
1092
+ }
1093
+ /*
1094
+ * Container style
1095
+ */
1096
+ .ps {
1097
+ overflow: hidden !important;
1098
+ overflow-anchor: none;
1099
+ -ms-overflow-style: none;
1100
+ touch-action: auto;
1101
+ -ms-touch-action: auto;
1102
+ }
1103
+
1104
+ .ps__thumb-x {
1105
+ display: none !important;
1106
+ }
1107
+
1108
+ /*
1109
+ * Scrollbar rail styles
1110
+ */
1111
+ .ps__rail-x {
1112
+ display: none;
1113
+ opacity: 0;
1114
+ transition: background-color 0.2s linear, opacity 0.2s linear;
1115
+ -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
1116
+ height: 15px;
1117
+ /* there must be 'bottom' or 'top' for ps__rail-x */
1118
+ bottom: 0px;
1119
+ /* please don't change 'position' */
1120
+ position: absolute;
1121
+ }
1122
+
1123
+ .ps__rail-x:hover {
1124
+ background-color: unset !important;
1125
+ opacity: unset !important;
1126
+ }
1127
+
1128
+ .ps__rail-y {
1129
+ display: none;
1130
+ opacity: 0;
1131
+ transition: background-color 0.2s linear, opacity 0.2s linear;
1132
+ -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
1133
+ width: 15px;
1134
+ /* there must be 'right' or 'left' for ps__rail-y */
1135
+ right: 0;
1136
+ /* please don't change 'position' */
1137
+ position: absolute;
1138
+ }
1139
+
1140
+ .ps--active-x > .ps__rail-x,
1141
+ .ps--active-y > .ps__rail-y {
1142
+ display: block;
1143
+ background-color: transparent;
1144
+ z-index: 1001;
1145
+ }
1146
+
1147
+ .ps:hover > .ps__rail-x,
1148
+ .ps:hover > .ps__rail-y,
1149
+ .ps--focus > .ps__rail-x,
1150
+ .ps--focus > .ps__rail-y,
1151
+ .ps--scrolling-x > .ps__rail-x,
1152
+ .ps--scrolling-y > .ps__rail-y {
1153
+ opacity: 0.6;
1154
+ }
1155
+
1156
+ .ps .ps__rail-x:hover,
1157
+ .ps .ps__rail-y:hover,
1158
+ .ps .ps__rail-x:focus,
1159
+ .ps .ps__rail-y:focus,
1160
+ .ps .ps__rail-x.ps--clicking,
1161
+ .ps .ps__rail-y.ps--clicking {
1162
+ background-color: #eee;
1163
+ opacity: 0.9;
1164
+ }
1165
+
1166
+ /*
1167
+ * Scrollbar thumb styles
1168
+ */
1169
+ .ps__thumb-x {
1170
+ background-color: #aaa;
1171
+ border-radius: 6px;
1172
+ transition: background-color 0.2s linear, height 0.2s ease-in-out;
1173
+ -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
1174
+ height: 6px;
1175
+ /* there must be 'bottom' for ps__thumb-x */
1176
+ bottom: 2px;
1177
+ /* please don't change 'position' */
1178
+ position: absolute;
1179
+ }
1180
+
1181
+ .ps__thumb-y {
1182
+ background-color: #aaa;
1183
+ border-radius: 6px;
1184
+ transition: background-color 0.2s linear, width 0.2s ease-in-out;
1185
+ -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
1186
+ width: 6px;
1187
+ /* there must be 'right' for ps__thumb-y */
1188
+ right: 2px;
1189
+ /* please don't change 'position' */
1190
+ position: absolute;
1191
+ }
1192
+
1193
+ .ps__rail-x:hover > .ps__thumb-x,
1194
+ .ps__rail-x:focus > .ps__thumb-x,
1195
+ .ps__rail-x.ps--clicking .ps__thumb-x {
1196
+ background-color: #999;
1197
+ height: 11px;
1198
+ }
1199
+
1200
+ .ps__rail-y:hover > .ps__thumb-y,
1201
+ .ps__rail-y:focus > .ps__thumb-y,
1202
+ .ps__rail-y.ps--clicking .ps__thumb-y {
1203
+ background-color: #999;
1204
+ width: 11px;
1205
+ }
1206
+
1207
+ /* MS supports */
1208
+ @supports (-ms-overflow-style: none) {
1209
+ .ps {
1210
+ overflow: auto !important;
1211
+ }
1212
+ }
1213
+
1214
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1215
+ .ps {
1216
+ overflow: auto !important;
1217
+ }
1218
+ }
1219
+ .scrollbar-container {
1220
+ position: relative;
1221
+ height: 100%;
1222
+ }
1223
+
1224
+ /*# sourceMappingURL=styles.css.map*/
1225
+
1226
+ .ps .ps__rail-x:hover,
1227
+ .ps .ps__rail-y:hover,
1228
+ .ps .ps__rail-x:focus,
1229
+ .ps .ps__rail-y:focus,
1230
+ .ps .ps__rail-x.ps--clicking,
1231
+ .ps .ps__rail-y.ps--clicking {
1232
+ background-color: #eee;
1233
+ opacity: 0.9;
1234
+ }
1235
+
1236
+ .ps__thumb-x {
1237
+ background-color: #aaa;
1238
+ }
1239
+
1240
+ .ps__thumb-y {
1241
+ background-color: #aaa;
1242
+ }
1243
+
1244
+ .ps__rail-x:hover > .ps__thumb-x,
1245
+ .ps__rail-x:focus > .ps__thumb-x,
1246
+ .ps__rail-x.ps--clicking .ps__thumb-x {
1247
+ background-color: #999;
1248
+ }
1249
+
1250
+ .ps__rail-y:hover > .ps__thumb-y,
1251
+ .ps__rail-y:focus > .ps__thumb-y,
1252
+ .ps__rail-y.ps--clicking .ps__thumb-y {
1253
+ background-color: #999;
1254
+ }
1255
+
1256
+ .vertical-timeline * {
1257
+ box-sizing: border-box;
1258
+ }
1259
+
1260
+ .vertical-timeline {
1261
+ width: 95%;
1262
+ max-width: 1170px;
1263
+ margin: 0 auto;
1264
+ position: relative;
1265
+ padding: 2em 0;
1266
+ }
1267
+ .vertical-timeline::after {
1268
+ /* clearfix */
1269
+ content: "";
1270
+ display: table;
1271
+ clear: both;
1272
+ }
1273
+
1274
+ .vertical-timeline::before {
1275
+ /* this is the vertical line */
1276
+ content: "";
1277
+ position: absolute;
1278
+ top: 0;
1279
+ left: 18px;
1280
+ height: 100%;
1281
+ width: 4px;
1282
+ background: #999999;
1283
+ }
1284
+
1285
+ .vertical-timeline.vertical-timeline--one-column-right::before {
1286
+ right: 18px;
1287
+ left: unset;
1288
+ }
1289
+
1290
+ @media only screen and (min-width: 1170px) {
1291
+ .vertical-timeline.vertical-timeline--two-columns {
1292
+ width: 90%;
1293
+ }
1294
+ .vertical-timeline.vertical-timeline--two-columns:before {
1295
+ left: 50%;
1296
+ margin-left: -2px;
1297
+ }
1298
+ }
1299
+
1300
+ .vertical-timeline-element {
1301
+ position: relative;
1302
+ margin: 2em 0;
1303
+ }
1304
+ .vertical-timeline-element > div {
1305
+ min-height: 1px;
1306
+ }
1307
+ .vertical-timeline-element:after {
1308
+ content: "";
1309
+ display: table;
1310
+ clear: both;
1311
+ }
1312
+ .vertical-timeline-element:first-child {
1313
+ margin-top: 0;
1314
+ }
1315
+ .vertical-timeline-element:last-child {
1316
+ margin-bottom: 0;
1317
+ }
1318
+ @media only screen and (min-width: 1170px) {
1319
+ .vertical-timeline-element {
1320
+ margin: 4em 0;
1321
+ }
1322
+ .vertical-timeline-element:first-child {
1323
+ margin-top: 0;
1324
+ }
1325
+ .vertical-timeline-element:last-child {
1326
+ margin-bottom: 0;
1327
+ }
1328
+ }
1329
+
1330
+ .vertical-timeline-element-icon {
1331
+ position: absolute;
1332
+ margin-left: -4px;
1333
+ top: 0;
1334
+ left: 0;
1335
+ width: 50px;
1336
+ height: 50px;
1337
+ border-radius: 50%;
1338
+ border: 4px solid #ffffff;
1339
+ box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
1340
+ 0px 1px 3px 0px rgb(0 0 0 / 12%);
1341
+ }
1342
+ .vertical-timeline--one-column-right .vertical-timeline-element-icon {
1343
+ right: 0;
1344
+ left: unset;
1345
+ }
1346
+
1347
+ .vertical-timeline-element-icon svg {
1348
+ display: block;
1349
+ width: 24px;
1350
+ height: 24px;
1351
+ position: relative;
1352
+ left: 50%;
1353
+ top: 50%;
1354
+ margin-left: -12px;
1355
+ margin-top: -12px;
1356
+ }
1357
+
1358
+ @media only screen and (min-width: 1170px) {
1359
+ .vertical-timeline--two-columns .vertical-timeline-element-icon {
1360
+ width: 60px;
1361
+ height: 60px;
1362
+ left: 50%;
1363
+ margin-left: -30px;
1364
+ }
1365
+ }
1366
+
1367
+ /* Icon animations */
1368
+ .vertical-timeline-element-icon {
1369
+ /* Force Hardware Acceleration in WebKit */
1370
+ -webkit-transform: translateZ(0);
1371
+ -webkit-backface-visibility: hidden;
1372
+ }
1373
+ .vertical-timeline--animate .vertical-timeline-element-icon.is-hidden {
1374
+ visibility: hidden;
1375
+ }
1376
+ .vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
1377
+ visibility: visible;
1378
+ animation: cd-bounce-1 0.6s;
1379
+ }
1380
+ @keyframes cd-bounce-1 {
1381
+ 0% {
1382
+ opacity: 0;
1383
+ transform: scale(0.5);
1384
+ }
1385
+
1386
+ 60% {
1387
+ opacity: 1;
1388
+ transform: scale(1.2);
1389
+ }
1390
+
1391
+ 100% {
1392
+ transform: scale(1);
1393
+ }
1394
+ }
1395
+ .vertical-timeline-element-content {
1396
+ position: relative;
1397
+ margin-left: 60px;
1398
+ background: white;
1399
+ border-radius: 0.25em;
1400
+ padding: 1em;
1401
+ box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
1402
+ 0px 1px 3px 0px rgb(0 0 0 / 12%);
1403
+ }
1404
+
1405
+ .vertical-timeline--one-column-right .vertical-timeline-element-content {
1406
+ margin-right: 60px;
1407
+ margin-left: unset;
1408
+ }
1409
+
1410
+ .vertical-timeline-element--no-children .vertical-timeline-element-content {
1411
+ background: transparent;
1412
+ box-shadow: none;
1413
+ }
1414
+ .vertical-timeline-element-content:after {
1415
+ content: "";
1416
+ display: table;
1417
+ clear: both;
1418
+ }
1419
+
1420
+ .vertical-timeline-element-content .vertical-timeline-element-date {
1421
+ font-size: 13px;
1422
+ font-size: 0.8125rem;
1423
+ font-weight: 500;
1424
+ }
1425
+ .vertical-timeline-element-content .vertical-timeline-element-date {
1426
+ display: inline-block;
1427
+ }
1428
+ .vertical-timeline-element-content p {
1429
+ margin: 1em 0 0;
1430
+ }
1431
+
1432
+ .vertical-timeline-element-title {
1433
+ margin: 0;
1434
+ }
1435
+
1436
+ .vertical-timeline-element-subtitle {
1437
+ margin: 0;
1438
+ }
1439
+
1440
+ .vertical-timeline-element-content .vertical-timeline-element-date {
1441
+ float: left;
1442
+ padding: 0.8em 0;
1443
+ opacity: 0.7;
1444
+ }
1445
+ .vertical-timeline-element-content-arrow {
1446
+ content: "";
1447
+ position: absolute;
1448
+ top: 16px;
1449
+ right: 100%;
1450
+ height: 0;
1451
+ width: 0;
1452
+ border: 7px solid transparent;
1453
+ border-right: 7px solid white;
1454
+ }
1455
+
1456
+ .vertical-timeline--one-column-right .vertical-timeline-element-content-arrow {
1457
+ content: "";
1458
+ position: absolute;
1459
+ top: 16px;
1460
+ right: unset;
1461
+ left: 100%;
1462
+ height: 0;
1463
+ width: 0;
1464
+ border: 7px solid transparent;
1465
+ border-left: 7px solid white;
1466
+ }
1467
+
1468
+ .vertical-timeline--one-column-right .vertical-timeline-element-content::before {
1469
+ left: 100%;
1470
+ border-left: 7px solid white;
1471
+ border-right: unset;
1472
+ }
1473
+
1474
+ .vertical-timeline-element--no-children .vertical-timeline-element-content::before {
1475
+ display: none;
1476
+ }
1477
+
1478
+ .vertical-timeline-element--no-children .vertical-timeline-element-content-arrow {
1479
+ display: none;
1480
+ }
1481
+
1482
+ @media only screen and (min-width: 768px) {
1483
+ .vertical-timeline-element-content h2 {
1484
+ font-size: 20px;
1485
+ font-size: 1.25rem;
1486
+ }
1487
+
1488
+ .vertical-timeline-element-content .vertical-timeline-element-date {
1489
+ font-size: 14px;
1490
+ font-size: 0.875rem;
1491
+ }
1492
+ }
1493
+ @media only screen and (min-width: 1170px) {
1494
+ .vertical-timeline--two-columns .vertical-timeline-element-content {
1495
+ margin-left: 0;
1496
+ padding: 1.5em;
1497
+ width: 44%;
1498
+ }
1499
+ .vertical-timeline--two-columns .vertical-timeline-element-content-arrow {
1500
+ top: 24px;
1501
+ left: 100%;
1502
+ transform: rotate(180deg);
1503
+ }
1504
+
1505
+ .vertical-timeline--two-columns
1506
+ .vertical-timeline-element-content
1507
+ .vertical-timeline-element-date {
1508
+ position: absolute;
1509
+ width: 100%;
1510
+ left: 124%;
1511
+ top: 6px;
1512
+ font-size: 16px;
1513
+ font-size: 1rem;
1514
+ }
1515
+
1516
+ .vertical-timeline--two-columns
1517
+ .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left)
1518
+ .vertical-timeline-element-content,
1519
+ .vertical-timeline--two-columns
1520
+ .vertical-timeline-element.vertical-timeline-element--right
1521
+ .vertical-timeline-element-content {
1522
+ float: right;
1523
+ }
1524
+ .vertical-timeline--two-columns
1525
+ .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left)
1526
+ .vertical-timeline-element-content-arrow,
1527
+ .vertical-timeline--two-columns
1528
+ .vertical-timeline-element.vertical-timeline-element--right
1529
+ .vertical-timeline-element-content-arrow {
1530
+ top: 24px;
1531
+ left: auto;
1532
+ right: 100%;
1533
+ transform: rotate(0deg);
1534
+ }
1535
+
1536
+ .vertical-timeline--one-column-right
1537
+ .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left)
1538
+ .vertical-timeline-element-content-arrow,
1539
+ .vertical-timeline--one-column-right
1540
+ .vertical-timeline-element.vertical-timeline-element--right
1541
+ .vertical-timeline-element-content-arrow {
1542
+ top: 24px;
1543
+ left: 100%;
1544
+ right: auto;
1545
+ transform: rotate(0deg);
1546
+ }
1547
+
1548
+ .vertical-timeline--two-columns
1549
+ .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left)
1550
+ .vertical-timeline-element-content
1551
+ .vertical-timeline-element-date,
1552
+ .vertical-timeline--two-columns
1553
+ .vertical-timeline-element.vertical-timeline-element--right
1554
+ .vertical-timeline-element-content
1555
+ .vertical-timeline-element-date {
1556
+ left: auto;
1557
+ right: 124%;
1558
+ text-align: right;
1559
+ }
1560
+ }
1561
+
1562
+ /* Box animations */
1563
+ .vertical-timeline--animate .vertical-timeline-element-content.is-hidden {
1564
+ visibility: hidden;
1565
+ }
1566
+ .vertical-timeline--animate .vertical-timeline-element-content.bounce-in {
1567
+ visibility: visible;
1568
+ animation: cd-bounce-2 0.6s;
1569
+ }
1570
+
1571
+ @media only screen and (min-width: 1170px) {
1572
+ /* inverse bounce effect on even content blocks */
1573
+ .vertical-timeline--two-columns.vertical-timeline--animate
1574
+ .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left)
1575
+ .vertical-timeline-element-content.bounce-in,
1576
+ .vertical-timeline--two-columns.vertical-timeline--animate
1577
+ .vertical-timeline-element.vertical-timeline-element--right
1578
+ .vertical-timeline-element-content.bounce-in {
1579
+ animation: cd-bounce-2-inverse 0.6s;
1580
+ }
1581
+ }
1582
+
1583
+ @media only screen and (max-width: 1169px) {
1584
+ .vertical-timeline--animate .vertical-timeline-element-content.bounce-in {
1585
+ visibility: visible;
1586
+ animation: cd-bounce-2-inverse 0.6s;
1587
+ }
1588
+ }
1589
+ @keyframes cd-bounce-2 {
1590
+ 0% {
1591
+ opacity: 0;
1592
+ transform: translateX(-100px);
1593
+ }
1594
+
1595
+ 60% {
1596
+ opacity: 1;
1597
+ transform: translateX(20px);
1598
+ }
1599
+
1600
+ 100% {
1601
+ transform: translateX(0);
1602
+ }
1603
+ }
1604
+ @keyframes cd-bounce-2-inverse {
1605
+ 0% {
1606
+ opacity: 0;
1607
+ transform: translateX(100px);
1608
+ }
1609
+
1610
+ 60% {
1611
+ opacity: 1;
1612
+ transform: translateX(-20px);
1613
+ }
1614
+
1615
+ 100% {
1616
+ transform: translateX(0);
1617
+ }
1618
+ }
1619
+
1620
+ .curriculum .react-flow {
1621
+ width: 100%;
1622
+ height: 100vh;
1623
+ position: relative;
1624
+ overflow: hidden;
1625
+ }
1626
+
1627
+ .curriculum .react-flow__renderer,
1628
+ .curriculum .react-flow__selectionpane,
1629
+ .curriculum .react-flow__zoompane {
1630
+ width: 100%;
1631
+ height: 100%;
1632
+ position: absolute;
1633
+ top: 0;
1634
+ left: 0;
1635
+ }
1636
+
1637
+ .curriculum .react-flow__node {
1638
+ width: 150px;
1639
+ border-radius: 9px;
1640
+ padding: 10px;
1641
+ color: #555;
1642
+ border: 2px solid #ddd;
1643
+ text-align: center;
1644
+ font-size: 12px;
1645
+ transition: border-color, box-shadow 300ms linear;
1646
+ }
1647
+
1648
+ .curriculum .react-flow__node-custom.selected {
1649
+ border: 2px solid #2196f3;
1650
+ }
1651
+
1652
+ .curriculum .react-flow__node-custom {
1653
+ background: #e6e6e9;
1654
+ border: 2px solid #ddd;
1655
+ }
1656
+
1657
+ .curriculum .react-flow__node-custom .react-flow__handle {
1658
+ background: #555;
1659
+ border: 2px solid #fff;
1660
+ pointer-events: none;
1661
+ border-radius: 100%;
1662
+ }
1663
+
1664
+ .curriculum .react-flow__handle-left {
1665
+ left: -5px;
1666
+ }
1667
+
1668
+ .curriculum .react-flow__handle-right {
1669
+ right: -5px;
1670
+ }
1671
+
1672
+ .curriculum .react-flow__node-custom.selected:hover,
1673
+ .curriculum .react-flow__node-custom.selectable:hover {
1674
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
1675
+ }
1676
+
1677
+ .curriculum .react-flow__node-custom {
1678
+ background: #fff;
1679
+ }
1680
+
1681
+ .curriculum .react-flow__handle-connecting {
1682
+ background: #ff6060;
1683
+ border: 2px solid #fdc3c3;
1684
+ }
1685
+
1686
+ .curriculum .react-flow__handle-valid {
1687
+ background: #55dd99;
1688
+ border: 2px solid #e0fff0;
1689
+ }
1690
+
1691
+ .curriculum .react-flow__edge-path {
1692
+ stroke-width: 2;
1693
+ }
1694
+
1695
+ .curriculum .react-flow__controls {
1696
+ position: absolute;
1697
+ z-index: 5;
1698
+ top: 10px;
1699
+ left: 10px;
1700
+ bottom: unset;
1701
+ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
1702
+ }
1703
+ /* Functional styling
1704
+ * These styles are required for noUiSlider to function.
1705
+ * You don't need to change these rules to apply your design.
1706
+ */
1707
+ .noUi-target,
1708
+ .noUi-target * {
1709
+ -webkit-touch-callout: none !important;
1710
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
1711
+ -webkit-user-select: none !important;
1712
+ touch-action: none !important;
1713
+ user-select: none !important;
1714
+ box-sizing: border-box !important;
1715
+ }
1716
+
1717
+ .noUi-target {
1718
+ position: relative !important;
1719
+ }
1720
+
1721
+ .noUi-base,
1722
+ .noUi-connects {
1723
+ width: 100% !important;
1724
+ height: 100% !important;
1725
+ position: relative !important;
1726
+ z-index: 1 !important;
1727
+ }
1728
+
1729
+ /* Wrapper for all connect elements.
1730
+ */
1731
+ .noUi-connects {
1732
+ overflow: hidden !important;
1733
+ z-index: 0 !important;
1734
+ }
1735
+
1736
+ .noUi-connect,
1737
+ .noUi-origin {
1738
+ will-change: transform !important;
1739
+ position: absolute !important;
1740
+ z-index: 1 !important;
1741
+ top: 0 !important;
1742
+ right: 0 !important;
1743
+ -ms-transform-origin: 0 0 !important;
1744
+ -webkit-transform-origin: 0 0 !important;
1745
+ -webkit-transform-style: preserve-3d !important;
1746
+ transform-origin: 0 0 !important;
1747
+ transform-style: flat !important;
1748
+ }
1749
+
1750
+ .noUi-connect {
1751
+ height: 100% !important;
1752
+ width: 100% !important;
1753
+ }
1754
+
1755
+ .noUi-origin {
1756
+ height: 10% !important;
1757
+ width: 10% !important;
1758
+ }
1759
+
1760
+ /* Offset direction
1761
+ */
1762
+ .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
1763
+ left: 0 !important;
1764
+ right: auto !important;
1765
+ }
1766
+
1767
+ /* Give origins 0 height/width so they don't interfere with clicking the
1768
+ * connect elements.
1769
+ */
1770
+ .noUi-vertical .noUi-origin {
1771
+ width: 0 !important;
1772
+ }
1773
+
1774
+ .noUi-horizontal .noUi-origin {
1775
+ height: 0 !important;
1776
+ }
1777
+
1778
+ .noUi-handle {
1779
+ backface-visibility: hidden !important;
1780
+ position: absolute !important;
1781
+ }
1782
+
1783
+ .noUi-touch-area {
1784
+ height: 100% !important;
1785
+ width: 100% !important;
1786
+ }
1787
+
1788
+ .noUi-state-tap .noUi-connect,
1789
+ .noUi-state-tap .noUi-origin {
1790
+ transition: transform 0.3s !important;
1791
+ }
1792
+
1793
+ .noUi-state-drag * {
1794
+ cursor: inherit !important !important;
1795
+ }
1796
+
1797
+ /* Slider size and handle placement
1798
+ */
1799
+ .noUi-horizontal {
1800
+ height: 18px !important;
1801
+ }
1802
+
1803
+ .noUi-horizontal .noUi-handle {
1804
+ right: -17px !important;
1805
+ }
1806
+
1807
+ .noUi-vertical {
1808
+ width: 18px !important;
1809
+ }
1810
+
1811
+ .noUi-vertical .noUi-handle {
1812
+ width: 28px !important;
1813
+ height: 34px !important;
1814
+ right: -6px !important;
1815
+ top: -17px !important;
1816
+ }
1817
+
1818
+ .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
1819
+ left: -17px !important;
1820
+ right: auto !important;
1821
+ }
1822
+
1823
+ /* Styling
1824
+ * Giving the connect element a border radius causes issues with using transform: scale
1825
+ */
1826
+ .noUi-target {
1827
+ background: #fafafa !important;
1828
+ border-radius: 4px !important;
1829
+ border: none !important;
1830
+ }
1831
+
1832
+ .noUi-connects {
1833
+ border-radius: 3px !important;
1834
+ }
1835
+
1836
+ .noUi-connect {
1837
+ background: #3fb8af;
1838
+ }
1839
+
1840
+ /* Handles and cursors */
1841
+ .noUi-draggable {
1842
+ cursor: ew-resize !important;
1843
+ }
1844
+
1845
+ .noUi-vertical .noUi-draggable {
1846
+ cursor: ns-resize !important;
1847
+ }
1848
+
1849
+ .noUi-handle {
1850
+ border: 1px solid #d9d9d9 !important;
1851
+ border-radius: 3px !important;
1852
+ background: #fff !important;
1853
+ cursor: default !important;
1854
+ box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb !important;
1855
+ }
1856
+
1857
+ .noUi-active {
1858
+ box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb !important;
1859
+ }
1860
+
1861
+ /* Handle stripes*/
1862
+ .noUi-handle:before,
1863
+ .noUi-handle:after {
1864
+ content: "" !important;
1865
+ display: block !important;
1866
+ position: absolute !important;
1867
+ height: 14px !important;
1868
+ width: 1px !important;
1869
+ background: #e8e7e6 !important;
1870
+ left: 14px !important;
1871
+ top: 6px !important;
1872
+ }
1873
+
1874
+ .noUi-handle:after {
1875
+ left: 17px !important;
1876
+ }
1877
+
1878
+ .noUi-vertical .noUi-handle:before,
1879
+ .noUi-vertical .noUi-handle:after {
1880
+ width: 14px !important;
1881
+ height: 1px !important;
1882
+ left: 6px !important;
1883
+ top: 14px !important;
1884
+ }
1885
+
1886
+ .noUi-vertical .noUi-handle:after {
1887
+ top: 17px !important;
1888
+ }
1889
+
1890
+ /* Disabled state !important;
1891
+ */
1892
+ [disabled] .noUi-connect {
1893
+ background: #b8b8b8 !important;
1894
+ }
1895
+
1896
+ [disabled].noUi-target,
1897
+ [disabled].noUi-handle,
1898
+ [disabled] .noUi-handle {
1899
+ cursor: not-allowed !important;
1900
+ }
1901
+
1902
+ /* Base !important;
1903
+ *
1904
+ */
1905
+ .noUi-pips,
1906
+ .noUi-pips * {
1907
+ box-sizing: border-box !important;
1908
+ }
1909
+
1910
+ .noUi-pips {
1911
+ position: absolute !important;
1912
+ color: #555 !important;
1913
+ }
1914
+
1915
+ /* Values !important;
1916
+ *
1917
+ */
1918
+ .noUi-value {
1919
+ position: absolute !important;
1920
+ white-space: nowrap !important;
1921
+ text-align: center !important;
1922
+ }
1923
+
1924
+ .noUi-value-sub {
1925
+ color: #ccc !important;
1926
+ font-size: 10px !important;
1927
+ }
1928
+
1929
+ /* Markings !important;
1930
+ *
1931
+ */
1932
+ .noUi-marker {
1933
+ position: absolute !important;
1934
+ background: #ccc !important;
1935
+ }
1936
+
1937
+ .noUi-marker-sub {
1938
+ background: #aaa !important;
1939
+ }
1940
+
1941
+ .noUi-marker-large {
1942
+ background: #aaa !important;
1943
+ }
1944
+
1945
+ /* Horizontal layout !important;
1946
+ *
1947
+ */
1948
+ .noUi-pips-horizontal {
1949
+ padding: 10px 0 !important;
1950
+ height: 80px !important;
1951
+ top: 100% !important;
1952
+ left: 0 !important;
1953
+ width: 100% !important;
1954
+ }
1955
+
1956
+ .noUi-value-horizontal {
1957
+ transform: translate(-50%, 50%) !important;
1958
+ }
1959
+
1960
+ .noUi-rtl .noUi-value-horizontal {
1961
+ transform: translate(50%, 50%) !important;
1962
+ }
1963
+
1964
+ .noUi-marker-horizontal.noUi-marker {
1965
+ margin-left: -1px !important;
1966
+ width: 2px !important;
1967
+ height: 5px !important;
1968
+ }
1969
+
1970
+ .noUi-marker-horizontal.noUi-marker-sub {
1971
+ height: 10px !important;
1972
+ }
1973
+
1974
+ .noUi-marker-horizontal.noUi-marker-large {
1975
+ height: 15px !important;
1976
+ }
1977
+
1978
+ /* Vertical layout !important;
1979
+ *
1980
+ */
1981
+ .noUi-pips-vertical {
1982
+ padding: 0 10px !important;
1983
+ height: 100% !important;
1984
+ top: 0 !important;
1985
+ left: 100% !important;
1986
+ }
1987
+
1988
+ .noUi-value-vertical {
1989
+ transform: translate(0, -50%) !important;
1990
+ padding-left: 25px !important;
1991
+ }
1992
+
1993
+ .noUi-rtl .noUi-value-vertical {
1994
+ transform: translate(0, 50%) !important;
1995
+ }
1996
+
1997
+ .noUi-marker-vertical.noUi-marker {
1998
+ width: 5px !important;
1999
+ height: 2px !important;
2000
+ margin-top: -1px !important;
2001
+ }
2002
+
2003
+ .noUi-marker-vertical.noUi-marker-sub {
2004
+ width: 10px !important;
2005
+ }
2006
+
2007
+ .noUi-marker-vertical.noUi-marker-large {
2008
+ width: 15px !important;
2009
+ }
2010
+
2011
+ .noUi-tooltip {
2012
+ display: block !important;
2013
+ position: absolute !important;
2014
+ border-radius: 3px !important;
2015
+ padding: 5px !important;
2016
+ text-align: center !important;
2017
+ white-space: nowrap !important;
2018
+ background: rgba(0, 0, 0, 0.8) !important;
2019
+ border: 1px solid #000000 !important;
2020
+ color: #f5f5f5 !important;
2021
+ font-size: 0.875rem !important;
2022
+ }
2023
+
2024
+ .noUi-horizontal .noUi-tooltip {
2025
+ transform: translate(-50%, 0) !important;
2026
+ left: 50% !important;
2027
+ bottom: 120% !important;
2028
+ }
2029
+
2030
+ .noUi-vertical .noUi-tooltip {
2031
+ transform: translate(0, -50%) !important;
2032
+ top: 50% !important;
2033
+ right: 120% !important;
2034
+ }
2035
+
2036
+ .noUi-horizontal .noUi-origin>.noUi-tooltip {
2037
+ transform: translate(50%, 0) !important;
2038
+ left: auto !important;
2039
+ bottom: 10px !important;
2040
+ }
2041
+
2042
+ .noUi-vertical .noUi-origin>.noUi-tooltip {
2043
+ transform: translate(0, -18px) !important;
2044
+ top: auto !important;
2045
+ right: 28px !important;
2046
+ }
2047
+
2048
+ .noUi-horizontal .noUi-handle {
2049
+ width: 34px !important;
2050
+ height: 34px !important;
2051
+ border-radius: 50% !important;
2052
+ top: -9px !important;
2053
+ box-shadow: none !important;
2054
+ border: 2px solid rgba(0, 0, 0, 0.5) !important;
2055
+ -webkit-user-select: none !important;
2056
+ user-select: none !important;
2057
+ outline: none !important;
2058
+ }
2059
+
2060
+ .noUi-handle:before,
2061
+ .noUi-handle:after {
2062
+ display: none !important;
2063
+ }
2064
+
2065
+ .noUi-handle:before,
2066
+ .noUi-handle:after {
2067
+ display: none !important;
2068
+ }
2069
+ /*!
2070
+ * FilePondPluginImagePreview 4.6.10
2071
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
2072
+ * Please visit https://pqina.nl/filepond/ for details.
2073
+ */
2074
+
2075
+ /* eslint-disable */
2076
+ .filepond--image-preview-markup {
2077
+ position: absolute;
2078
+ left: 0;
2079
+ top: 0;
2080
+ }
2081
+ .filepond--image-preview-wrapper {
2082
+ z-index: 2;
2083
+ }
2084
+ .filepond--image-preview-overlay {
2085
+ display: block;
2086
+ position: absolute;
2087
+ left: 0;
2088
+ top: 0;
2089
+ width: 100%;
2090
+ min-height: 5rem;
2091
+ max-height: 7rem;
2092
+ margin: 0;
2093
+ opacity: 0;
2094
+ z-index: 2;
2095
+ pointer-events: none;
2096
+ -webkit-user-select: none;
2097
+ user-select: none;
2098
+ }
2099
+ .filepond--image-preview-overlay svg {
2100
+ width: 100%;
2101
+ height: auto;
2102
+ color: inherit;
2103
+ max-height: inherit;
2104
+ }
2105
+ .filepond--image-preview-overlay-idle {
2106
+ mix-blend-mode: multiply;
2107
+ color: rgba(40, 40, 40, 0.85);
2108
+ }
2109
+ .filepond--image-preview-overlay-success {
2110
+ mix-blend-mode: normal;
2111
+ color: rgba(54, 151, 99, 1);
2112
+ }
2113
+ .filepond--image-preview-overlay-failure {
2114
+ mix-blend-mode: normal;
2115
+ color: rgba(196, 78, 71, 1);
2116
+ }
2117
+ /* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
2118
+ @supports (-webkit-marquee-repetition: infinite) and (object-fit: fill) {
2119
+ .filepond--image-preview-overlay-idle {
2120
+ mix-blend-mode: normal;
2121
+ }
2122
+ }
2123
+ .filepond--image-preview-wrapper {
2124
+ /* no interaction */
2125
+ -webkit-user-select: none;
2126
+ user-select: none;
2127
+
2128
+ /* have preview fill up all available space */
2129
+ position: absolute;
2130
+ left: 0;
2131
+ top: 0;
2132
+ right: 0;
2133
+ height: 100%;
2134
+ margin: 0;
2135
+
2136
+ /* radius is .05em less to prevent the panel background color from shining through */
2137
+ border-radius: 0.45em;
2138
+ overflow: hidden;
2139
+
2140
+ /* this seems to prevent Chrome from redrawing this layer constantly */
2141
+ background: rgba(0, 0, 0, 0.01);
2142
+ }
2143
+ .filepond--image-preview {
2144
+ position: absolute;
2145
+ left: 0;
2146
+ top: 0;
2147
+ z-index: 1;
2148
+ display: flex; /* this aligns the graphic vertically if the panel is higher than the image */
2149
+ align-items: center;
2150
+ height: 100%;
2151
+ width: 100%;
2152
+ pointer-events: none;
2153
+ background: #222;
2154
+
2155
+ /* will be animated */
2156
+ will-change: transform, opacity;
2157
+ }
2158
+ .filepond--image-clip {
2159
+ position: relative;
2160
+ overflow: hidden;
2161
+ margin: 0 auto;
2162
+
2163
+ /* transparency indicator (currently only supports grid or basic color) */
2164
+ }
2165
+ .filepond--image-clip[data-transparency-indicator="grid"] img,
2166
+ .filepond--image-clip[data-transparency-indicator="grid"] canvas {
2167
+ background-color: #fff;
2168
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
2169
+ background-size: 1.25em 1.25em;
2170
+ }
2171
+ .filepond--image-bitmap,
2172
+ .filepond--image-vector {
2173
+ position: absolute;
2174
+ left: 0;
2175
+ top: 0;
2176
+ will-change: transform;
2177
+ }
2178
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper {
2179
+ border-radius: 0;
2180
+ }
2181
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview {
2182
+ height: 100%;
2183
+ display: flex;
2184
+ justify-content: center;
2185
+ align-items: center;
2186
+ }
2187
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper {
2188
+ border-radius: 99999rem;
2189
+ }
2190
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay {
2191
+ top: auto;
2192
+ bottom: 0;
2193
+ transform: scaleY(-1);
2194
+ }
2195
+ .filepond--root[data-style-panel-layout~="circle"]
2196
+ .filepond--file
2197
+ .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) {
2198
+ margin-bottom: 0.325em;
2199
+ }
2200
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] {
2201
+ left: calc(50% - 3em);
2202
+ }
2203
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] {
2204
+ right: calc(50% - 3em);
2205
+ }
2206
+ .filepond--root[data-style-panel-layout~="circle"]
2207
+ .filepond--progress-indicator[data-align*="bottom"][data-align*="left"],
2208
+ .filepond--root[data-style-panel-layout~="circle"]
2209
+ .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] {
2210
+ margin-bottom: calc(0.325em + 0.1875em);
2211
+ }
2212
+ .filepond--root[data-style-panel-layout~="circle"]
2213
+ .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] {
2214
+ margin-top: 0;
2215
+ margin-bottom: 0.1875em;
2216
+ margin-left: 0.1875em;
2217
+ }
2218
+
2219
+ /*!
2220
+ * FilePond 4.30.3
2221
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
2222
+ * Please visit https://pqina.nl/filepond/ for details.
2223
+ */
2224
+
2225
+ /* eslint-disable */
2226
+ .filepond--assistant {
2227
+ position: absolute;
2228
+ overflow: hidden;
2229
+ height: 1px;
2230
+ width: 1px;
2231
+ padding: 0;
2232
+ border: 0;
2233
+ clip: rect(1px, 1px, 1px, 1px);
2234
+ clip-path: inset(50%);
2235
+ white-space: nowrap;
2236
+ }
2237
+ /* Hard to override styles */
2238
+ .filepond--browser.filepond--browser {
2239
+ /* is positioned absolute so it is focusable for form validation errors */
2240
+ position: absolute;
2241
+ margin: 0;
2242
+ padding: 0;
2243
+
2244
+ /* is positioned ~behind drop label */
2245
+ left: 1em;
2246
+ top: 1.75em;
2247
+ width: calc(100% - 2em);
2248
+
2249
+ /* hide visually */
2250
+ opacity: 0;
2251
+ font-size: 0; /* removes text cursor in Internet Explorer 11 */
2252
+ }
2253
+ .filepond--data {
2254
+ position: absolute;
2255
+ width: 0;
2256
+ height: 0;
2257
+ padding: 0;
2258
+ margin: 0;
2259
+ border: none;
2260
+ visibility: hidden;
2261
+ pointer-events: none;
2262
+ contain: strict;
2263
+ }
2264
+ .filepond--drip {
2265
+ position: absolute;
2266
+ top: 0;
2267
+ left: 0;
2268
+ right: 0;
2269
+ bottom: 0;
2270
+ overflow: hidden;
2271
+ opacity: 0.1;
2272
+
2273
+ /* can't interact with this element */
2274
+ pointer-events: none;
2275
+
2276
+ /* inherit border radius from parent (needed for drip-blob cut of) */
2277
+ border-radius: 0.5em;
2278
+
2279
+ /* this seems to prevent Chrome from redrawing this layer constantly */
2280
+ background: rgba(0, 0, 0, 0.01);
2281
+ }
2282
+ .filepond--drip-blob {
2283
+ position: absolute;
2284
+ transform-origin: center center;
2285
+ top: 0;
2286
+ left: 0;
2287
+ width: 8em;
2288
+ height: 8em;
2289
+ margin-left: -4em;
2290
+ margin-top: -4em;
2291
+ background: #292625;
2292
+ border-radius: 50%;
2293
+
2294
+ /* will be animated */
2295
+ will-change: transform, opacity;
2296
+ }
2297
+ .filepond--drop-label {
2298
+ position: absolute;
2299
+ left: 0;
2300
+ right: 0;
2301
+ top: 0;
2302
+ margin: 0;
2303
+ color: #4f4f4f;
2304
+
2305
+ /* center contents */
2306
+ display: flex;
2307
+ justify-content: center;
2308
+ align-items: center;
2309
+
2310
+ /* fixes IE11 centering problems (is overruled by label min-height) */
2311
+ height: 0px;
2312
+
2313
+ /* dont allow selection */
2314
+ -webkit-user-select: none;
2315
+ user-select: none;
2316
+
2317
+ /* will be animated */
2318
+ will-change: transform, opacity;
2319
+ }
2320
+ /* Hard to override styles on purpose */
2321
+ .filepond--drop-label.filepond--drop-label label {
2322
+ display: block;
2323
+ margin: 0;
2324
+ padding: 0.5em; /* use padding instead of margin so click area is not impacted */
2325
+ }
2326
+ .filepond--drop-label label {
2327
+ cursor: default;
2328
+ font-size: 0.875em;
2329
+ font-weight: normal;
2330
+ text-align: center;
2331
+ line-height: 1.5;
2332
+ }
2333
+ .filepond--label-action {
2334
+ text-decoration: underline;
2335
+ -webkit-text-decoration-skip: ink;
2336
+ text-decoration-skip-ink: auto;
2337
+ text-decoration-color: #a7a4a4;
2338
+ cursor: pointer;
2339
+ }
2340
+ .filepond--root[data-disabled] .filepond--drop-label label {
2341
+ opacity: 0.5;
2342
+ }
2343
+ /* Hard to override styles */
2344
+ .filepond--file-action-button.filepond--file-action-button {
2345
+ font-size: 1em;
2346
+ width: 1.625em;
2347
+ height: 1.625em;
2348
+
2349
+ font-family: inherit;
2350
+ line-height: inherit;
2351
+
2352
+ margin: 0;
2353
+ padding: 0;
2354
+ border: none;
2355
+ outline: none;
2356
+
2357
+ will-change: transform, opacity;
2358
+
2359
+ /* hidden label */
2360
+ }
2361
+ .filepond--file-action-button.filepond--file-action-button span {
2362
+ position: absolute;
2363
+ overflow: hidden;
2364
+ height: 1px;
2365
+ width: 1px;
2366
+ padding: 0;
2367
+ border: 0;
2368
+ clip: rect(1px, 1px, 1px, 1px);
2369
+ clip-path: inset(50%);
2370
+ white-space: nowrap;
2371
+ }
2372
+ .filepond--file-action-button.filepond--file-action-button {
2373
+ /* scale SVG to fill button */
2374
+ }
2375
+ .filepond--file-action-button.filepond--file-action-button svg {
2376
+ width: 100%;
2377
+ height: 100%;
2378
+ }
2379
+ .filepond--file-action-button.filepond--file-action-button {
2380
+ /* bigger touch area */
2381
+ }
2382
+ .filepond--file-action-button.filepond--file-action-button::after {
2383
+ position: absolute;
2384
+ left: -0.75em;
2385
+ right: -0.75em;
2386
+ top: -0.75em;
2387
+ bottom: -0.75em;
2388
+ content: "";
2389
+ }
2390
+ /* Soft styles */
2391
+ .filepond--file-action-button {
2392
+ /* use default arrow cursor */
2393
+ cursor: auto;
2394
+
2395
+ /* reset default button styles */
2396
+ color: #fff;
2397
+
2398
+ /* set default look n feel */
2399
+ border-radius: 50%;
2400
+ background-color: rgba(0, 0, 0, 0.5);
2401
+ background-image: none;
2402
+
2403
+ /* we animate box shadow on focus */
2404
+ /* it's only slightly slower than animating */
2405
+ /* a pseudo-element with transforms and renders */
2406
+ /* a lot better on chrome */
2407
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
2408
+ transition: box-shadow 0.25s ease-in;
2409
+ }
2410
+ .filepond--file-action-button:hover,
2411
+ .filepond--file-action-button:focus {
2412
+ box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
2413
+ }
2414
+ .filepond--file-action-button[disabled] {
2415
+ color: rgba(255, 255, 255, 0.5);
2416
+ background-color: rgba(0, 0, 0, 0.25);
2417
+ }
2418
+ .filepond--file-action-button[hidden] {
2419
+ display: none;
2420
+ }
2421
+ /* edit button */
2422
+ .filepond--action-edit-item.filepond--action-edit-item {
2423
+ width: 2em;
2424
+ height: 2em;
2425
+ padding: 0.1875em;
2426
+ }
2427
+ .filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] {
2428
+ margin-left: -0.1875em;
2429
+ }
2430
+ .filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] {
2431
+ margin-bottom: -0.1875em;
2432
+ }
2433
+ .filepond--action-edit-item-alt {
2434
+ border: none;
2435
+ line-height: inherit;
2436
+ background: transparent;
2437
+ font-family: inherit;
2438
+ color: inherit;
2439
+ outline: none;
2440
+ padding: 0;
2441
+ margin: 0 0 0 0.25em;
2442
+ pointer-events: all;
2443
+ position: absolute;
2444
+ }
2445
+ .filepond--action-edit-item-alt svg {
2446
+ width: 1.3125em;
2447
+ height: 1.3125em;
2448
+ }
2449
+ .filepond--action-edit-item-alt span {
2450
+ font-size: 0;
2451
+ opacity: 0;
2452
+ }
2453
+ .filepond--file-info {
2454
+ position: static;
2455
+ display: flex;
2456
+ flex-direction: column;
2457
+ align-items: flex-start;
2458
+ flex: 1;
2459
+ margin: 0 0.5em 0 0;
2460
+ min-width: 0;
2461
+
2462
+ /* will be animated */
2463
+ will-change: transform, opacity;
2464
+
2465
+ /* can't do anything with this info */
2466
+ pointer-events: none;
2467
+ -webkit-user-select: none;
2468
+ user-select: none;
2469
+
2470
+ /* no margins on children */
2471
+ }
2472
+ .filepond--file-info * {
2473
+ margin: 0;
2474
+ }
2475
+ .filepond--file-info {
2476
+ /* we don't want to have these overrules so these selectors are a bit more specific */
2477
+ }
2478
+ .filepond--file-info .filepond--file-info-main {
2479
+ font-size: 0.75em;
2480
+ line-height: 1.2;
2481
+
2482
+ /* we want ellipsis if this bar gets too wide */
2483
+ text-overflow: ellipsis;
2484
+ overflow: hidden;
2485
+ white-space: nowrap;
2486
+ width: 100%;
2487
+ }
2488
+ .filepond--file-info .filepond--file-info-sub {
2489
+ font-size: 0.625em;
2490
+ opacity: 0.5;
2491
+ transition: opacity 0.25s ease-in-out;
2492
+ white-space: nowrap;
2493
+ }
2494
+ .filepond--file-info .filepond--file-info-sub:empty {
2495
+ display: none;
2496
+ }
2497
+ .filepond--file-status {
2498
+ position: static;
2499
+ display: flex;
2500
+ flex-direction: column;
2501
+ align-items: flex-end;
2502
+ flex-grow: 0;
2503
+ flex-shrink: 0;
2504
+
2505
+ margin: 0;
2506
+ min-width: 2.25em;
2507
+ text-align: right;
2508
+
2509
+ /* will be animated */
2510
+ will-change: transform, opacity;
2511
+
2512
+ /* can't do anything with this info */
2513
+ pointer-events: none;
2514
+ -webkit-user-select: none;
2515
+ user-select: none;
2516
+
2517
+ /* no margins on children */
2518
+ }
2519
+ .filepond--file-status * {
2520
+ margin: 0;
2521
+ white-space: nowrap;
2522
+ }
2523
+ .filepond--file-status {
2524
+ /* font sizes */
2525
+ }
2526
+ .filepond--file-status .filepond--file-status-main {
2527
+ font-size: 0.75em;
2528
+ line-height: 1.2;
2529
+ }
2530
+ .filepond--file-status .filepond--file-status-sub {
2531
+ font-size: 0.625em;
2532
+ opacity: 0.5;
2533
+ transition: opacity 0.25s ease-in-out;
2534
+ }
2535
+ /* Hard to override styles */
2536
+ .filepond--file-wrapper.filepond--file-wrapper {
2537
+ border: none;
2538
+ margin: 0;
2539
+ padding: 0;
2540
+ min-width: 0;
2541
+ height: 100%;
2542
+
2543
+ /* hide legend for visual users */
2544
+ }
2545
+ .filepond--file-wrapper.filepond--file-wrapper > legend {
2546
+ position: absolute;
2547
+ overflow: hidden;
2548
+ height: 1px;
2549
+ width: 1px;
2550
+ padding: 0;
2551
+ border: 0;
2552
+ clip: rect(1px, 1px, 1px, 1px);
2553
+ clip-path: inset(50%);
2554
+ white-space: nowrap;
2555
+ }
2556
+ .filepond--file {
2557
+ position: static;
2558
+ display: flex;
2559
+ height: 100%;
2560
+ align-items: flex-start;
2561
+
2562
+ padding: 0.5625em 0.5625em;
2563
+
2564
+ color: #fff;
2565
+ border-radius: 0.5em;
2566
+
2567
+ /* control positions */
2568
+ }
2569
+ .filepond--file .filepond--file-status {
2570
+ margin-left: auto;
2571
+ margin-right: 2.25em;
2572
+ }
2573
+ .filepond--file .filepond--processing-complete-indicator {
2574
+ pointer-events: none;
2575
+ -webkit-user-select: none;
2576
+ user-select: none;
2577
+ z-index: 3;
2578
+ }
2579
+ .filepond--file .filepond--processing-complete-indicator,
2580
+ .filepond--file .filepond--progress-indicator,
2581
+ .filepond--file .filepond--file-action-button {
2582
+ position: absolute;
2583
+ }
2584
+ .filepond--file {
2585
+ /* .filepond--file-action-button */
2586
+ }
2587
+ .filepond--file [data-align*="left"] {
2588
+ left: 0.5625em;
2589
+ }
2590
+ .filepond--file [data-align*="right"] {
2591
+ right: 0.5625em;
2592
+ }
2593
+ .filepond--file [data-align*="center"] {
2594
+ left: calc(50% - 0.8125em); /* .8125 is half of button width */
2595
+ }
2596
+ .filepond--file [data-align*="bottom"] {
2597
+ bottom: 1.125em;
2598
+ }
2599
+ .filepond--file [data-align="center"] {
2600
+ top: calc(50% - 0.8125em);
2601
+ }
2602
+ .filepond--file .filepond--progress-indicator {
2603
+ margin-top: 0.1875em;
2604
+ }
2605
+ .filepond--file .filepond--progress-indicator[data-align*="right"] {
2606
+ margin-right: 0.1875em;
2607
+ }
2608
+ .filepond--file .filepond--progress-indicator[data-align*="left"] {
2609
+ margin-left: 0.1875em;
2610
+ }
2611
+ /* make sure text does not overlap */
2612
+ [data-filepond-item-state="cancelled"] .filepond--file-info,
2613
+ [data-filepond-item-state*="invalid"] .filepond--file-info,
2614
+ [data-filepond-item-state*="error"] .filepond--file-info {
2615
+ margin-right: 2.25em;
2616
+ }
2617
+ [data-filepond-item-state~="processing"] .filepond--file-status-sub {
2618
+ opacity: 0;
2619
+ }
2620
+ [data-filepond-item-state~="processing"]
2621
+ .filepond--action-abort-item-processing
2622
+ ~ .filepond--file-status
2623
+ .filepond--file-status-sub {
2624
+ opacity: 0.5;
2625
+ }
2626
+ [data-filepond-item-state="processing-error"] .filepond--file-status-sub {
2627
+ opacity: 0;
2628
+ }
2629
+ [data-filepond-item-state="processing-error"]
2630
+ .filepond--action-retry-item-processing
2631
+ ~ .filepond--file-status
2632
+ .filepond--file-status-sub {
2633
+ opacity: 0.5;
2634
+ }
2635
+ [data-filepond-item-state="processing-complete"] {
2636
+ /* busy state */
2637
+ }
2638
+ [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg {
2639
+ animation: fall 0.5s 0.125s linear both;
2640
+ }
2641
+ [data-filepond-item-state="processing-complete"] {
2642
+ /* hide details by default, only show when can revert */
2643
+ }
2644
+ [data-filepond-item-state="processing-complete"] .filepond--file-status-sub {
2645
+ opacity: 0.5;
2646
+ }
2647
+ [data-filepond-item-state="processing-complete"]
2648
+ .filepond--processing-complete-indicator:not([style*="hidden"])
2649
+ ~ .filepond--file-status
2650
+ .filepond--file-status-sub {
2651
+ opacity: 0;
2652
+ }
2653
+ [data-filepond-item-state="processing-complete"] .filepond--file-info-sub {
2654
+ opacity: 0;
2655
+ }
2656
+ [data-filepond-item-state="processing-complete"]
2657
+ .filepond--action-revert-item-processing
2658
+ ~ .filepond--file-info
2659
+ .filepond--file-info-sub {
2660
+ opacity: 0.5;
2661
+ }
2662
+ /* file state can be invalid or error, both are visually similar but */
2663
+ /* having them as separate states might be useful */
2664
+ [data-filepond-item-state*="invalid"] .filepond--panel,
2665
+ [data-filepond-item-state*="invalid"] .filepond--file-wrapper,
2666
+ [data-filepond-item-state*="error"] .filepond--panel,
2667
+ [data-filepond-item-state*="error"] .filepond--file-wrapper {
2668
+ animation: shake 0.65s linear both;
2669
+ }
2670
+ /* spins progress indicator when file is marked as busy */
2671
+ [data-filepond-item-state*="busy"] .filepond--progress-indicator svg {
2672
+ animation: spin 1s linear infinite;
2673
+ }
2674
+ /**
2675
+ * States
2676
+ */
2677
+ @keyframes spin {
2678
+ 0% {
2679
+ transform: rotateZ(0deg);
2680
+ }
2681
+
2682
+ 100% {
2683
+ transform: rotateZ(360deg);
2684
+ }
2685
+ }
2686
+ @keyframes shake {
2687
+ 10%,
2688
+ 90% {
2689
+ transform: translateX(-0.0625em);
2690
+ }
2691
+
2692
+ 20%,
2693
+ 80% {
2694
+ transform: translateX(0.125em);
2695
+ }
2696
+
2697
+ 30%,
2698
+ 50%,
2699
+ 70% {
2700
+ transform: translateX(-0.25em);
2701
+ }
2702
+
2703
+ 40%,
2704
+ 60% {
2705
+ transform: translateX(0.25em);
2706
+ }
2707
+ }
2708
+ @keyframes fall {
2709
+ 0% {
2710
+ opacity: 0;
2711
+ transform: scale(0.5);
2712
+ animation-timing-function: ease-out;
2713
+ }
2714
+
2715
+ 70% {
2716
+ opacity: 1;
2717
+ transform: scale(1.1);
2718
+ animation-timing-function: ease-in-out;
2719
+ }
2720
+
2721
+ 100% {
2722
+ transform: scale(1);
2723
+ animation-timing-function: ease-out;
2724
+ }
2725
+ }
2726
+ /* ignore all other interaction elements while dragging a file */
2727
+ .filepond--hopper[data-hopper-state="drag-over"] > * {
2728
+ pointer-events: none;
2729
+ }
2730
+ /* capture all hit tests using a hidden layer, this speeds up the event flow */
2731
+ .filepond--hopper[data-hopper-state="drag-over"]::after {
2732
+ content: "";
2733
+ position: absolute;
2734
+ left: 0;
2735
+ top: 0;
2736
+ right: 0;
2737
+ bottom: 0;
2738
+ z-index: 100;
2739
+ }
2740
+ .filepond--progress-indicator {
2741
+ z-index: 103;
2742
+ }
2743
+ .filepond--file-action-button {
2744
+ z-index: 102;
2745
+ }
2746
+ .filepond--file-status {
2747
+ z-index: 101;
2748
+ }
2749
+ .filepond--file-info {
2750
+ z-index: 100;
2751
+ }
2752
+ .filepond--item {
2753
+ position: absolute;
2754
+ top: 0;
2755
+ left: 0;
2756
+ right: 0;
2757
+ z-index: 1;
2758
+
2759
+ padding: 0;
2760
+ margin: 0.25em;
2761
+
2762
+ will-change: transform, opacity;
2763
+
2764
+ /* item children order */
2765
+ }
2766
+ .filepond--item > .filepond--panel {
2767
+ z-index: -1;
2768
+ }
2769
+ /* has a slight shadow */
2770
+ .filepond--item > .filepond--panel .filepond--panel-bottom {
2771
+ box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
2772
+ }
2773
+ .filepond--item {
2774
+ /* drag related */
2775
+ }
2776
+ .filepond--item > .filepond--file-wrapper,
2777
+ .filepond--item > .filepond--panel {
2778
+ transition: opacity 0.15s ease-out;
2779
+ }
2780
+ .filepond--item[data-drag-state] {
2781
+ cursor: grab;
2782
+ }
2783
+ .filepond--item[data-drag-state] > .filepond--panel {
2784
+ transition: box-shadow 0.125s ease-in-out;
2785
+ box-shadow: 0 0 0 rgba(0, 0, 0, 0);
2786
+ }
2787
+ .filepond--item[data-drag-state="drag"] {
2788
+ cursor: grabbing;
2789
+ }
2790
+ .filepond--item[data-drag-state="drag"] > .filepond--panel {
2791
+ box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
2792
+ }
2793
+ .filepond--item[data-drag-state]:not([data-drag-state="idle"]) {
2794
+ z-index: 2;
2795
+ }
2796
+ /* states */
2797
+ .filepond--item-panel {
2798
+ background-color: #64605e;
2799
+ }
2800
+ [data-filepond-item-state="processing-complete"] .filepond--item-panel {
2801
+ background-color: #369763;
2802
+ }
2803
+ [data-filepond-item-state*="invalid"] .filepond--item-panel,
2804
+ [data-filepond-item-state*="error"] .filepond--item-panel {
2805
+ background-color: #c44e47;
2806
+ }
2807
+ /* style of item panel */
2808
+ .filepond--item-panel {
2809
+ border-radius: 0.5em;
2810
+ transition: background-color 0.25s;
2811
+ }
2812
+ /* normal mode */
2813
+ .filepond--list-scroller {
2814
+ position: absolute;
2815
+ top: 0;
2816
+ left: 0;
2817
+ right: 0;
2818
+ margin: 0;
2819
+ will-change: transform;
2820
+ }
2821
+ /* scroll mode */
2822
+ .filepond--list-scroller[data-state="overflow"] .filepond--list {
2823
+ bottom: 0;
2824
+ right: 0;
2825
+ }
2826
+ .filepond--list-scroller[data-state="overflow"] {
2827
+ overflow-y: scroll;
2828
+ overflow-x: hidden;
2829
+ -webkit-overflow-scrolling: touch;
2830
+ -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
2831
+ mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
2832
+ }
2833
+ /* style scrollbar */
2834
+ .filepond--list-scroller::-webkit-scrollbar {
2835
+ background: transparent;
2836
+ }
2837
+ .filepond--list-scroller::-webkit-scrollbar:vertical {
2838
+ width: 1em;
2839
+ }
2840
+ .filepond--list-scroller::-webkit-scrollbar:horizontal {
2841
+ height: 0;
2842
+ }
2843
+ .filepond--list-scroller::-webkit-scrollbar-thumb {
2844
+ background-color: rgba(0, 0, 0, 0.3);
2845
+ border-radius: 99999px;
2846
+ border: 0.3125em solid transparent;
2847
+ background-clip: content-box;
2848
+ }
2849
+ /* hard to overide styles on purpose */
2850
+ .filepond--list.filepond--list {
2851
+ position: absolute;
2852
+ top: 0;
2853
+ margin: 0;
2854
+ padding: 0;
2855
+ list-style-type: none;
2856
+
2857
+ /* prevents endless paint calls on filepond--list-scroller */
2858
+ will-change: transform;
2859
+ }
2860
+ /* used for padding so allowed to be restyled */
2861
+ .filepond--list {
2862
+ left: 0.75em;
2863
+ right: 0.75em;
2864
+ }
2865
+ .filepond--root[data-style-panel-layout~="integrated"] {
2866
+ width: 100%;
2867
+ height: 100%;
2868
+ max-width: none;
2869
+ margin: 0;
2870
+ }
2871
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root,
2872
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root {
2873
+ border-radius: 0;
2874
+ }
2875
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *,
2876
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * {
2877
+ display: none;
2878
+ }
2879
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label,
2880
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label {
2881
+ bottom: 0;
2882
+ height: auto;
2883
+ display: flex;
2884
+ justify-content: center;
2885
+ align-items: center;
2886
+ z-index: 7;
2887
+ }
2888
+ .filepond--root[data-style-panel-layout~="circle"],
2889
+ .filepond--root[data-style-panel-layout~="integrated"] {
2890
+ /* we're only loading one item, this makes the intro animation a bit nicer */
2891
+ }
2892
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel,
2893
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel {
2894
+ display: none;
2895
+ }
2896
+ .filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller,
2897
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller {
2898
+ overflow: hidden;
2899
+ height: 100%;
2900
+ margin-top: 0;
2901
+ margin-bottom: 0;
2902
+ }
2903
+ .filepond--root[data-style-panel-layout~="compact"] .filepond--list,
2904
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--list {
2905
+ left: 0;
2906
+ right: 0;
2907
+ height: 100%;
2908
+ }
2909
+ .filepond--root[data-style-panel-layout~="compact"] .filepond--item,
2910
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--item {
2911
+ margin: 0;
2912
+ }
2913
+ .filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper,
2914
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper {
2915
+ height: 100%;
2916
+ }
2917
+ .filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label,
2918
+ .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label {
2919
+ z-index: 7;
2920
+ }
2921
+ .filepond--root[data-style-panel-layout~="circle"] {
2922
+ border-radius: 99999rem;
2923
+ overflow: hidden;
2924
+ }
2925
+ .filepond--root[data-style-panel-layout~="circle"] > .filepond--panel {
2926
+ border-radius: inherit;
2927
+ }
2928
+ .filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > * {
2929
+ display: none;
2930
+ }
2931
+ .filepond--root[data-style-panel-layout~="circle"] {
2932
+ /* circle cuts of this info, so best to hide it */
2933
+ }
2934
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--file-info {
2935
+ display: none;
2936
+ }
2937
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status {
2938
+ display: none;
2939
+ }
2940
+ .filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item {
2941
+ opacity: 1 !important;
2942
+ visibility: visible !important;
2943
+ }
2944
+ /* dirfty way to fix circular overflow issue on safari 11+ */
2945
+ @media not all and (min-resolution: 0.001dpcm) {
2946
+ @supports (-webkit-appearance: none) and (stroke-color: transparent) {
2947
+ .filepond--root[data-style-panel-layout~="circle"] {
2948
+ will-change: transform;
2949
+ }
2950
+ }
2951
+ }
2952
+ .filepond--panel-root {
2953
+ border-radius: 0.5em;
2954
+ background-color: #f1f0ef;
2955
+ }
2956
+ .filepond--panel {
2957
+ position: absolute;
2958
+ left: 0;
2959
+ top: 0;
2960
+ right: 0;
2961
+ margin: 0;
2962
+
2963
+ /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
2964
+ height: 100% !important;
2965
+
2966
+ /* no interaction possible with panel */
2967
+ pointer-events: none;
2968
+ }
2969
+ .filepond-panel:not([data-scalable="false"]) {
2970
+ height: auto !important;
2971
+ }
2972
+ .filepond--panel[data-scalable="false"] > div {
2973
+ display: none;
2974
+ }
2975
+ .filepond--panel[data-scalable="true"] {
2976
+ /* this seems to fix Chrome performance issues */
2977
+ /* - when box-shadow is enabled */
2978
+ /* - when multiple ponds are active on the same page */
2979
+ transform-style: preserve-3d;
2980
+
2981
+ /* prevent borders and backgrounds */
2982
+ background-color: transparent !important;
2983
+ border: none !important;
2984
+ }
2985
+ .filepond--panel-top,
2986
+ .filepond--panel-bottom,
2987
+ .filepond--panel-center {
2988
+ position: absolute;
2989
+ left: 0;
2990
+ top: 0;
2991
+ right: 0;
2992
+ margin: 0;
2993
+ padding: 0;
2994
+ }
2995
+ .filepond--panel-top,
2996
+ .filepond--panel-bottom {
2997
+ height: 0.5em;
2998
+ }
2999
+ .filepond--panel-top {
3000
+ border-bottom-left-radius: 0 !important;
3001
+ border-bottom-right-radius: 0 !important;
3002
+ border-bottom: none !important;
3003
+
3004
+ /* fixes tiny transparant line between top and center panel */
3005
+ }
3006
+ .filepond--panel-top::after {
3007
+ content: "";
3008
+ position: absolute;
3009
+ height: 2px;
3010
+ left: 0;
3011
+ right: 0;
3012
+ bottom: -1px;
3013
+ background-color: inherit;
3014
+ }
3015
+ .filepond--panel-center,
3016
+ .filepond--panel-bottom {
3017
+ will-change: transform;
3018
+ backface-visibility: hidden;
3019
+ transform-origin: left top;
3020
+ transform: translate3d(0, 0.5em, 0);
3021
+ }
3022
+ .filepond--panel-bottom {
3023
+ border-top-left-radius: 0 !important;
3024
+ border-top-right-radius: 0 !important;
3025
+ border-top: none !important;
3026
+
3027
+ /* fixes tiny transparant line between bottom and center of panel */
3028
+ }
3029
+ .filepond--panel-bottom::before {
3030
+ content: "";
3031
+ position: absolute;
3032
+ height: 2px;
3033
+ left: 0;
3034
+ right: 0;
3035
+ top: -1px;
3036
+ background-color: inherit;
3037
+ }
3038
+ .filepond--panel-center {
3039
+ /* the center panel is scaled using scale3d to fit the correct height */
3040
+ /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
3041
+ height: 100px !important;
3042
+ border-top: none !important;
3043
+ border-bottom: none !important;
3044
+ border-radius: 0 !important;
3045
+
3046
+ /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
3047
+ }
3048
+ .filepond--panel-center:not([style]) {
3049
+ visibility: hidden;
3050
+ }
3051
+ .filepond--progress-indicator {
3052
+ position: static;
3053
+ width: 1.25em;
3054
+ height: 1.25em;
3055
+
3056
+ color: #fff;
3057
+
3058
+ /* can't have margins */
3059
+ margin: 0;
3060
+
3061
+ /* no interaction possible with progress indicator */
3062
+ pointer-events: none;
3063
+
3064
+ /* will be animated */
3065
+ will-change: transform, opacity;
3066
+ }
3067
+ .filepond--progress-indicator svg {
3068
+ width: 100%;
3069
+ height: 100%;
3070
+ vertical-align: top;
3071
+ transform-box: fill-box; /* should center the animation correctly when zoomed in */
3072
+ }
3073
+ .filepond--progress-indicator path {
3074
+ fill: none;
3075
+ stroke: currentColor;
3076
+ }
3077
+ .filepond--list-scroller {
3078
+ z-index: 6;
3079
+ }
3080
+ .filepond--drop-label {
3081
+ z-index: 5;
3082
+ }
3083
+ .filepond--drip {
3084
+ z-index: 3;
3085
+ }
3086
+ .filepond--root > .filepond--panel {
3087
+ z-index: 2;
3088
+ }
3089
+ .filepond--browser {
3090
+ z-index: 1;
3091
+ }
3092
+ .filepond--root {
3093
+ /* layout*/
3094
+ box-sizing: border-box;
3095
+ position: relative;
3096
+ margin-bottom: 1em;
3097
+
3098
+ /* base font size for whole component */
3099
+ font-size: 1rem;
3100
+
3101
+ /* base line height */
3102
+ line-height: normal;
3103
+
3104
+ /* up uses default system font family */
3105
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
3106
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
3107
+
3108
+ /* will increase font weight a bit on Safari */
3109
+ font-weight: 450;
3110
+
3111
+ /* default text alignment */
3112
+ text-align: left;
3113
+
3114
+ /* better text rendering on Safari */
3115
+ text-rendering: optimizeLegibility;
3116
+
3117
+ /* text direction is ltr for now */
3118
+ direction: ltr;
3119
+
3120
+ /* optimize rendering */
3121
+ /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */
3122
+ contain: layout style size;
3123
+
3124
+ /* correct box sizing, line-height and positioning on child elements */
3125
+ }
3126
+ .filepond--root * {
3127
+ box-sizing: inherit;
3128
+ line-height: inherit;
3129
+ }
3130
+ .filepond--root *:not(text) {
3131
+ font-size: inherit;
3132
+ }
3133
+ .filepond--root {
3134
+ /* block everything */
3135
+ }
3136
+ .filepond--root[data-disabled] {
3137
+ pointer-events: none;
3138
+ }
3139
+ .filepond--root[data-disabled] .filepond--list-scroller {
3140
+ pointer-events: all;
3141
+ }
3142
+ .filepond--root[data-disabled] .filepond--list {
3143
+ pointer-events: none;
3144
+ }
3145
+ /**
3146
+ * Root element children layout
3147
+ */
3148
+ .filepond--root .filepond--drop-label {
3149
+ min-height: 4.75em;
3150
+ }
3151
+ .filepond--root .filepond--list-scroller {
3152
+ margin-top: 1em;
3153
+ margin-bottom: 1em;
3154
+ }
3155
+ .filepond--root .filepond--credits {
3156
+ position: absolute;
3157
+ right: 0;
3158
+ opacity: 0.175;
3159
+ line-height: 0.85;
3160
+ font-size: 11px;
3161
+ color: inherit;
3162
+ text-decoration: none;
3163
+ z-index: 3;
3164
+ bottom: -14px;
3165
+ display: none;
3166
+ visibility: hidden;
3167
+ }
3168
+ .filepond--root .filepond--credits[style] {
3169
+ top: 0;
3170
+ bottom: auto;
3171
+ margin-top: 14px;
3172
+ }
3173
+
3174
+ /*# sourceMappingURL=index.modern.css.map */