gscan 5.3.4 → 5.4.0

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.
@@ -1,2960 +0,0 @@
1
- a,
2
- abbr,
3
- acronym,
4
- address,
5
- applet,
6
- article,
7
- aside,
8
- audio,
9
- big,
10
- blockquote,
11
- body,
12
- canvas,
13
- caption,
14
- cite,
15
- code,
16
- dd,
17
- del,
18
- details,
19
- dfn,
20
- div,
21
- dl,
22
- dt,
23
- em,
24
- embed,
25
- fieldset,
26
- figcaption,
27
- figure,
28
- footer,
29
- form,
30
- h1,
31
- h2,
32
- h3,
33
- h4,
34
- h5,
35
- h6,
36
- header,
37
- hgroup,
38
- html,
39
- iframe,
40
- img,
41
- ins,
42
- kbd,
43
- label,
44
- legend,
45
- li,
46
- mark,
47
- menu,
48
- nav,
49
- object,
50
- ol,
51
- output,
52
- p,
53
- pre,
54
- q,
55
- ruby,
56
- s,
57
- samp,
58
- section,
59
- small,
60
- span,
61
- strike,
62
- strong,
63
- sub,
64
- summary,
65
- sup,
66
- table,
67
- tbody,
68
- td,
69
- tfoot,
70
- th,
71
- thead,
72
- time,
73
- tr,
74
- tt,
75
- ul,
76
- var,
77
- video {
78
- margin: 0;
79
- padding: 0;
80
- border: 0;
81
- font: inherit;
82
- font-size: 100%;
83
- vertical-align: baseline
84
- }
85
-
86
- body {
87
- line-height: 1
88
- }
89
-
90
- ol,
91
- ul {
92
- list-style: none
93
- }
94
-
95
- blockquote,
96
- q {
97
- quotes: none
98
- }
99
-
100
- blockquote:after,
101
- blockquote:before,
102
- q:after,
103
- q:before {
104
- content: "";
105
- content: none
106
- }
107
-
108
- img {
109
- max-width: 100%
110
- }
111
-
112
- html {
113
- -webkit-box-sizing: border-box;
114
- box-sizing: border-box;
115
- font-family: sans-serif;
116
- -ms-text-size-adjust: 100%;
117
- -webkit-text-size-adjust: 100%
118
- }
119
-
120
- *,
121
- :after,
122
- :before {
123
- -webkit-box-sizing: inherit;
124
- box-sizing: inherit
125
- }
126
-
127
- a {
128
- background-color: transparent;
129
- color: #30cf43;
130
- font-weight: 500;
131
- text-decoration: none;
132
- -webkit-transition: all .5s ease;
133
- transition: all .5s ease
134
- }
135
-
136
- a:active,
137
- a:hover {
138
- outline: 0
139
- }
140
-
141
- b,
142
- strong {
143
- font-weight: 700
144
- }
145
-
146
- dfn,
147
- em,
148
- i {
149
- font-style: italic
150
- }
151
-
152
- h1 {
153
- margin: .67em 0;
154
- font-size: 2em
155
- }
156
-
157
- small {
158
- font-size: 80%
159
- }
160
-
161
- sub,
162
- sup {
163
- position: relative;
164
- font-size: 75%;
165
- line-height: 0;
166
- vertical-align: baseline
167
- }
168
-
169
- sup {
170
- top: -.5em
171
- }
172
-
173
- sub {
174
- bottom: -.25em
175
- }
176
-
177
- img {
178
- border: 0
179
- }
180
-
181
- svg:not(:root) {
182
- overflow: hidden
183
- }
184
-
185
- code,
186
- kbd,
187
- pre,
188
- samp {
189
- font-family: monospace, monospace;
190
- font-size: 1em
191
- }
192
-
193
- button,
194
- input,
195
- optgroup,
196
- select,
197
- textarea {
198
- margin: 0;
199
- color: inherit;
200
- font: inherit
201
- }
202
-
203
- button {
204
- overflow: visible;
205
- border: none;
206
- background: transparent
207
- }
208
-
209
- button,
210
- select {
211
- text-transform: none
212
- }
213
-
214
- button,
215
- html input[type=button],
216
- input[type=reset],
217
- input[type=submit] {
218
- cursor: pointer;
219
- -webkit-appearance: button
220
- }
221
-
222
- button[disabled],
223
- html input[disabled] {
224
- cursor: default
225
- }
226
-
227
- button::-moz-focus-inner,
228
- input::-moz-focus-inner {
229
- padding: 0;
230
- border: 0
231
- }
232
-
233
- input {
234
- line-height: normal
235
- }
236
-
237
- input:focus {
238
- outline: none
239
- }
240
-
241
- input[type=checkbox],
242
- input[type=radio] {
243
- -webkit-box-sizing: border-box;
244
- box-sizing: border-box;
245
- padding: 0
246
- }
247
-
248
- input[type=number]::-webkit-inner-spin-button,
249
- input[type=number]::-webkit-outer-spin-button {
250
- height: auto
251
- }
252
-
253
- input[type=search] {
254
- -webkit-box-sizing: content-box;
255
- box-sizing: content-box;
256
- -webkit-appearance: textfield
257
- }
258
-
259
- input[type=search]::-webkit-search-cancel-button,
260
- input[type=search]::-webkit-search-decoration {
261
- -webkit-appearance: none
262
- }
263
-
264
- input[type=file]::file-selector-button {
265
- padding: 8px 12px;
266
- border: none;
267
- color: #15171A;
268
- font-family: 'Inter', sans-serif;
269
- font-size: 1.45rem;
270
- font-weight: 500;
271
- cursor: pointer;
272
- background: #ebeef0;
273
- border-radius: 3px;
274
- }
275
-
276
- legend {
277
- padding: 0;
278
- border: 0
279
- }
280
-
281
- textarea {
282
- overflow: auto
283
- }
284
-
285
- table {
286
- border-spacing: 0;
287
- border-collapse: collapse
288
- }
289
-
290
- td,
291
- th {
292
- padding: 0
293
- }
294
-
295
- html {
296
- overflow-y: scroll;
297
- font-size: 62.5%;
298
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
299
- }
300
-
301
- body,
302
- html {
303
- overflow-x: hidden
304
- }
305
-
306
- body {
307
- color: #434952;
308
- font-family: 'Inter', sans-serif;
309
- font-size: 1.45rem;
310
- line-height: 1.6em;
311
- font-weight: 400;
312
- font-style: normal;
313
- letter-spacing: 0;
314
- text-rendering: optimizeLegibility;
315
- background: #fff;
316
- -webkit-font-smoothing: antialiased;
317
- -moz-osx-font-smoothing: grayscale;
318
- -moz-font-feature-settings: "liga"on
319
- }
320
-
321
- ::-moz-selection {
322
- text-shadow: none;
323
- background: #cbeafb
324
- }
325
-
326
- ::selection {
327
- text-shadow: none;
328
- background: #cbeafb
329
- }
330
-
331
- hr {
332
- display: block;
333
- margin: 2em 0;
334
- padding: 0;
335
- height: 1px;
336
- border: 0;
337
- border-top: 1px solid #e5eff5
338
- }
339
-
340
- mark {
341
- background-color: #fdffb6
342
- }
343
-
344
- audio,
345
- canvas,
346
- iframe,
347
- img,
348
- svg,
349
- video {
350
- vertical-align: middle
351
- }
352
-
353
- fieldset {
354
- margin: 0;
355
- padding: 0;
356
- border: 0
357
- }
358
-
359
- blockquote,
360
- dl,
361
- ol,
362
- p,
363
- ul {
364
- margin: 0 0 1.5em
365
- }
366
-
367
- ol,
368
- ul {
369
- padding-left: 2.5em
370
- }
371
-
372
- ol ol,
373
- ol ul,
374
- ul ol,
375
- ul ul {
376
- margin: .5em 0 1em;
377
- padding-left: 2em
378
- }
379
-
380
- ul {
381
- list-style: disc
382
- }
383
-
384
- ol {
385
- list-style: decimal
386
- }
387
-
388
- li {
389
- margin: .5em 0;
390
- line-height: 1.6em
391
- }
392
-
393
- dt {
394
- float: left;
395
- margin: 0 20px 0 0;
396
- width: 120px;
397
- color: #343f44;
398
- font-weight: 500;
399
- text-align: right
400
- }
401
-
402
- dd {
403
- margin: 0 0 5px;
404
- text-align: left
405
- }
406
-
407
- blockquote {
408
- margin: 1.6em 0;
409
- padding: 0 1.6em;
410
- border-left: .5em solid #e5eff5
411
- }
412
-
413
- blockquote p {
414
- margin: .8em 0;
415
- font-size: 1.2em;
416
- line-height: 1.55em;
417
- font-weight: 300
418
- }
419
-
420
- blockquote small {
421
- display: inline-block;
422
- margin: .8em 0 .8em 1.5em;
423
- font-size: .9em;
424
- opacity: .8
425
- }
426
-
427
- blockquote small:before {
428
- content: "\2014 \00A0"
429
- }
430
-
431
- blockquote cite {
432
- font-weight: 700
433
- }
434
-
435
- blockquote cite a {
436
- font-weight: 400
437
- }
438
-
439
- a:hover {
440
- color: #2bba3c;
441
- text-decoration: none;
442
- -webkit-transition: all .2s ease;
443
- transition: all .2s ease
444
- }
445
-
446
- .hidden {
447
- display: none !important
448
- }
449
-
450
- .visuallyhidden {
451
- position: absolute;
452
- overflow: hidden;
453
- clip: rect(0 0 0 0);
454
- margin: -1px;
455
- padding: 0;
456
- width: 1px;
457
- height: 1px;
458
- border: 0
459
- }
460
-
461
- .visuallyhidden.focusable:active,
462
- .visuallyhidden.focusable:focus {
463
- position: static;
464
- overflow: visible;
465
- clip: auto;
466
- margin: 0;
467
- width: auto;
468
- height: auto
469
- }
470
-
471
- .invisible {
472
- visibility: hidden
473
- }
474
-
475
- .sr-only {
476
- position: absolute;
477
- overflow: hidden;
478
- clip: rect(0, 0, 0, 0);
479
- margin: -1px;
480
- padding: 0;
481
- width: 1px;
482
- height: 1px;
483
- border: 0
484
- }
485
-
486
- .sr-only-focusable:focus {
487
- z-index: 900;
488
- overflow: visible;
489
- clip: auto;
490
- margin: 0;
491
- padding: 0 10px;
492
- width: auto;
493
- height: auto;
494
- color: #333;
495
- line-height: 49px;
496
- font-weight: 700;
497
- text-decoration: none;
498
- background-color: #f5f5f5
499
- }
500
-
501
- .right {
502
- float: right
503
- }
504
-
505
- .left {
506
- float: left
507
- }
508
-
509
- .clearfix:after,
510
- .clearfix:before {
511
- content: " ";
512
- display: table
513
- }
514
-
515
- .clearfix:after {
516
- clear: both
517
- }
518
-
519
- .gh-table {
520
- box-sizing: border-box;
521
- margin: 1.6em 0;
522
- max-width: 100%;
523
- width: 100%;
524
- background-color: transparent;
525
- -webkit-box-sizing: border-box;
526
- -moz-box-sizing: border-box
527
- }
528
-
529
- .gh-table td,
530
- .gh-table th {
531
- padding: 8px;
532
- border-top: 1px solid #e2edf2;
533
- line-height: 20px;
534
- text-align: left;
535
- vertical-align: top
536
- }
537
-
538
- .gh-table th {
539
- color: #7d878a
540
- }
541
-
542
- .gh-table caption+thead tr:first-child td,
543
- .gh-table caption+thead tr:first-child th,
544
- .gh-table colgroup+thead tr:first-child td,
545
- .gh-table colgroup+thead tr:first-child th,
546
- .gh-table thead:first-child tr:first-child td,
547
- .gh-table thead:first-child tr:first-child th {
548
- border-top: 0
549
- }
550
-
551
- .gh-table tbody+tbody {
552
- border-top: 2px solid #e2edf2
553
- }
554
-
555
- .gh-table .gh-table .gh-table {
556
- background-color: #fff
557
- }
558
-
559
- .gh-table tbody>tr:nth-child(odd)>td,
560
- .gh-table tbody>tr:nth-child(odd)>th {
561
- background-color: #f4f8fa
562
- }
563
-
564
- .gh-table.plain tbody>tr:nth-child(odd)>td,
565
- .gh-table.plain tbody>tr:nth-child(odd)>th {
566
- background: transparent
567
- }
568
-
569
- h1,
570
- h2,
571
- h3,
572
- h4,
573
- h5,
574
- h6 {
575
- margin-top: 0;
576
- color: #15171A;
577
- line-height: 1.15;
578
- font-weight: 800;
579
- text-rendering: optimizeLegibility
580
- }
581
-
582
- h1 {
583
- margin: 0 0 .5em;
584
- font-size: 2.6rem;
585
- font-weight: 600
586
- }
587
-
588
- @media (max-width:500px) {
589
- h1 {
590
- font-size: 2.2rem
591
- }
592
- }
593
-
594
- h2 {
595
- margin: 1.5em 0 .5em;
596
- font-size: 2rem;
597
- font-weight: 500
598
- }
599
-
600
- @media (max-width:500px) {
601
- h2 {
602
- font-size: 1.8rem
603
- }
604
- }
605
-
606
- h3 {
607
- margin: 1.5em 0 .5em;
608
- font-size: 1.8rem;
609
- font-weight: 500
610
- }
611
-
612
- @media (max-width:500px) {
613
- h3 {
614
- font-size: 1.7rem
615
- }
616
- }
617
-
618
- h4 {
619
- margin: 1.5em 0 .5em;
620
- font-size: 1.6rem;
621
- font-weight: 500
622
- }
623
-
624
- h5,
625
- h6 {
626
- margin: 1.5em 0 .5em;
627
- font-size: 1.4rem;
628
- font-weight: 500
629
- }
630
-
631
- .supermassive-h1 {
632
- margin-top: 40px;
633
- color: #fa3a57;
634
- font-size: 12vw;
635
- font-weight: 100
636
- }
637
-
638
- p code {
639
- padding: 2px 5px;
640
- line-height: 1;
641
- font-weight: 400 !important;
642
- background: #EBEEF0;
643
- border-radius: 3px;
644
- box-shadow: rgba(0,0,0,0.03) 0 0 0 1px inset;
645
- }
646
-
647
- .gh-anchor {
648
- color: inherit
649
- }
650
-
651
- .gh-anchor,
652
- .gh-anchor:hover {
653
- text-decoration: none
654
- }
655
-
656
- .gh-header {
657
- position: relative;
658
- z-index: 999;
659
- max-width: 700px;
660
- margin-right: 4rem;
661
- }
662
-
663
- .gh-header h1 {
664
- margin: 0;
665
- font-size: 4.8rem;
666
- font-weight: 700;
667
- letter-spacing: -.035em;
668
- }
669
-
670
- .gh-header a {
671
- font-size: 1.5rem;
672
- font-weight: 500;
673
- }
674
-
675
- .gh-header a:hover {
676
- color: #2bba3c;
677
- text-decoration: none;
678
- }
679
-
680
- .gh-mainhead {
681
- margin: 0;
682
- color: inherit;
683
- font-size: 4.4rem;
684
- font-weight: 300;
685
- letter-spacing: -2px
686
- }
687
-
688
- .gh-subhead {
689
- margin: 0;
690
- font-size: 4.4rem;
691
- font-weight: 600;
692
- line-height: 1.25em;
693
- color: rgba(0,0,10,.45);
694
- }
695
-
696
- .gh-subhead strong {
697
- color: #111;
698
- }
699
-
700
- @media (max-width: 940px) {
701
- .gh-subhead {
702
- max-width: 600px;
703
- font-size: 3.2rem;
704
- text-align: center;
705
- }
706
-
707
- .gh-header {
708
- margin-right: 0;
709
- }
710
- }
711
-
712
- @media (max-width:660px) {
713
- .gh-header {
714
- padding: 10vw
715
- }
716
-
717
- .gh-header h1,
718
- .gh-mainhead {
719
- font-size: 6vw
720
- }
721
- }
722
-
723
- p+p>.gh-morelink {
724
- position: relative;
725
- top: -10px
726
- }
727
-
728
- .gh-morelink svg {
729
- margin-left: 3px;
730
- height: .5em
731
- }
732
-
733
- .gh-badge {
734
- display: inline-block;
735
- padding: 2px 3px 3px;
736
- border: 1px solid #95bc37;
737
- color: #fff;
738
- font-size: .8em;
739
- line-height: 1em;
740
- font-weight: 600;
741
- text-align: center;
742
- text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
743
- white-space: nowrap;
744
- -webkit-user-select: none;
745
- -moz-user-select: none;
746
- -ms-user-select: none;
747
- user-select: none;
748
- background: -webkit-gradient(linear, left top, left bottom, from(#a4d037), to(#95bc37));
749
- background: linear-gradient(#a4d037, #95bc37);
750
- border-radius: 2px;
751
- -webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
752
- box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
753
- }
754
-
755
- .gh-badge-blue {
756
- border: 1px solid #3ea3db;
757
- background: -webkit-gradient(linear, left top, left bottom, from(#58b9ef), to(#3ea9e5));
758
- background: linear-gradient(#58b9ef, #3ea9e5)
759
- }
760
-
761
- .gh-badge-black {
762
- border: 1px solid #343130;
763
- background: -webkit-gradient(linear, left top, left bottom, from(#4e4744), to(#34383a));
764
- background: linear-gradient(#4e4744, #34383a)
765
- }
766
-
767
- .gh-badge-outline {
768
- border-color: #d8dfe1;
769
- color: #bbc6cb;
770
- font-weight: 400;
771
- background: transparent;
772
- -webkit-box-shadow: none;
773
- box-shadow: none
774
- }
775
-
776
- .gh-customerlogos {
777
- display: block;
778
- opacity: .7
779
- }
780
-
781
- .gh-customerlogos img {
782
- width: 100%
783
- }
784
-
785
- .gh-signupbox-section {
786
- border-top: 1px solid #ecf4f8;
787
- border-bottom: 1px solid #ecf4f8;
788
- background: -webkit-gradient(linear, left top, left bottom, from(#f7fafc), to(#f4f8fb));
789
- background: linear-gradient(#f7fafc, #f4f8fb)
790
- }
791
-
792
- .gh-signupbox {
793
- -webkit-box-pack: justify;
794
- -ms-flex-pack: justify;
795
- justify-content: space-between;
796
- margin: 0 -20px;
797
- padding: 20px;
798
- font-size: 1.6rem;
799
- line-height: 1.3em;
800
- background: #fff;
801
- border-radius: 6px;
802
- -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .03);
803
- box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .03)
804
- }
805
-
806
- .gh-signup-actions,
807
- .gh-signupbox {
808
- display: -webkit-box;
809
- display: -ms-flexbox;
810
- display: flex;
811
- -webkit-box-align: center;
812
- -ms-flex-align: center;
813
- align-items: center
814
- }
815
-
816
- .gh-signup-actions {
817
- -webkit-box-flex: 1;
818
- -ms-flex-positive: 1;
819
- flex-grow: 1;
820
- -ms-flex-negative: 0;
821
- flex-shrink: 0;
822
- margin-left: 20px;
823
- max-width: 300px
824
- }
825
-
826
- .gh-signup-actions .gh-btn {
827
- -webkit-box-flex: 0;
828
- -ms-flex-positive: 0;
829
- flex-grow: 0;
830
- -ms-flex-negative: 0;
831
- flex-shrink: 0
832
- }
833
-
834
- .gh-signup-actions .gh-btn-blue {
835
- -webkit-box-flex: 1;
836
- -ms-flex-positive: 1;
837
- flex-grow: 1;
838
- margin-right: 10px
839
- }
840
-
841
- .gh-signup-actions .gh-btn-blue span {
842
- width: 100%;
843
- text-align: center
844
- }
845
-
846
- @media (max-width:1040px) {
847
- .gh-signupbox {
848
- margin: 0
849
- }
850
-
851
- .gh-signupbox-text-extension {
852
- display: none
853
- }
854
- }
855
-
856
- @media (max-width:620px) {
857
- .gh-signupbox {
858
- -webkit-box-orient: vertical;
859
- -webkit-box-direction: normal;
860
- -ms-flex-direction: column;
861
- flex-direction: column;
862
- text-align: center
863
- }
864
-
865
- .gh-signup-actions {
866
- margin: 15px 0 0;
867
- max-width: none;
868
- width: 100%
869
- }
870
- }
871
-
872
- .gh-ghostpro {
873
- display: inline-block;
874
- white-space: nowrap
875
- }
876
-
877
- .gh-ghostpro svg {
878
- height: 31px
879
- }
880
-
881
- .gh-ghostpro .gh-badge {
882
- margin-left: 4px;
883
- padding-top: 4px;
884
- font-size: 1.2rem;
885
- text-transform: uppercase
886
- }
887
-
888
- .gh-btn {
889
- display: inline-block;
890
- outline: none;
891
- border: 1px solid #cbdfeb;
892
- color: #738a94;
893
- text-decoration: none !important;
894
- -webkit-user-select: none;
895
- -moz-user-select: none;
896
- -ms-user-select: none;
897
- user-select: none;
898
- fill: #738a94;
899
- border-radius: 3px;
900
- -webkit-transition: none;
901
- transition: none;
902
- -webkit-font-smoothing: subpixel-antialiased
903
- }
904
-
905
- .gh-btn span {
906
- display: block;
907
- padding: 0 14px;
908
- height: 36px;
909
- font-size: 1.5rem;
910
- line-height: 36px;
911
- font-weight: 500;
912
- text-align: center;
913
- border-radius: 4px
914
- }
915
-
916
- .gh-btn.disabled,
917
- .gh-btn[disabled],
918
- fieldset[disabled] .gh-btn {
919
- -webkit-box-shadow: none;
920
- box-shadow: none;
921
- opacity: .5;
922
- cursor: not-allowed;
923
- pointer-events: none
924
- }
925
-
926
- .gh-btn-green {
927
- padding: 1px;
928
- border: 0;
929
- color: #fff;
930
- background: #30cf43;
931
- -webkit-transition: none !important;
932
- transition: none !important
933
- }
934
-
935
- .gh-btn-green:active,
936
- .gh-btn-green:focus {
937
- background: #30cf43
938
- }
939
-
940
- .gh-btn-green:active span,
941
- .gh-btn-green:focus span {
942
- background: #30cf43;
943
- -webkit-box-shadow: none;
944
- box-shadow: none
945
- }
946
-
947
- .gh-btn-subscribe {
948
- padding: 1px;
949
- border: 0;
950
- color: #B5FF18;
951
- font-weight: 600;
952
- background: none;
953
- -webkit-transition: none !important;
954
- transition: none !important
955
- }
956
-
957
- .gh-btn-link {
958
- border-color: transparent
959
- }
960
-
961
- .gh-btn-link span {
962
- padding-left: 0;
963
- padding-right: 0
964
- }
965
-
966
- .gh-spinner {
967
- position: relative;
968
- display: inline-block;
969
- margin-right: 8px;
970
- width: 18px;
971
- height: 18px;
972
- border: 4px solid rgba(0, 0, 0, .2);
973
- border-radius: 100%;
974
- vertical-align: text-bottom;
975
- -webkit-animation: spin 1s linear infinite;
976
- animation: spin 1s linear infinite
977
- }
978
-
979
- .gh-spinner:before {
980
- content: "";
981
- display: block;
982
- margin-top: 9px;
983
- width: 4px;
984
- height: 4px;
985
- background: rgba(0, 0, 0, .6);
986
- border-radius: 100%
987
- }
988
-
989
- .gh-btn-green .gh-spinner {
990
- border-color: hsla(0, 0%, 100%, .2)
991
- }
992
-
993
- .gh-btn-green .gh-spinner:before {
994
- background: hsla(0, 0%, 100%, .6)
995
- }
996
-
997
- @-webkit-keyframes spin {
998
- 0% {
999
- -webkit-transform: rotate(0deg);
1000
- transform: rotate(0deg)
1001
- }
1002
-
1003
- 50% {
1004
- -webkit-transform: rotate(180deg);
1005
- transform: rotate(180deg)
1006
- }
1007
-
1008
- to {
1009
- -webkit-transform: rotate(1turn);
1010
- transform: rotate(1turn)
1011
- }
1012
- }
1013
-
1014
- @keyframes spin {
1015
- 0% {
1016
- -webkit-transform: rotate(0deg);
1017
- transform: rotate(0deg)
1018
- }
1019
-
1020
- 50% {
1021
- -webkit-transform: rotate(180deg);
1022
- transform: rotate(180deg)
1023
- }
1024
-
1025
- to {
1026
- -webkit-transform: rotate(1turn);
1027
- transform: rotate(1turn)
1028
- }
1029
- }
1030
-
1031
- svg.retry-animated {
1032
- stroke: #fff;
1033
- -webkit-animation: rotate-360 .5s ease-in-out forwards;
1034
- animation: rotate-360 .5s ease-in-out forwards
1035
- }
1036
-
1037
- @-webkit-keyframes rotate-360 {
1038
- 0% {
1039
- -webkit-transform: rotate(0deg);
1040
- transform: rotate(0deg)
1041
- }
1042
-
1043
- to {
1044
- -webkit-transform: rotate(1turn);
1045
- transform: rotate(1turn)
1046
- }
1047
- }
1048
-
1049
- @keyframes rotate-360 {
1050
- 0% {
1051
- -webkit-transform: rotate(0deg);
1052
- transform: rotate(0deg)
1053
- }
1054
-
1055
- to {
1056
- -webkit-transform: rotate(1turn);
1057
- transform: rotate(1turn)
1058
- }
1059
- }
1060
-
1061
- .gh-btn-lg {
1062
- -webkit-transform: scale(1.25);
1063
- transform: scale(1.25)
1064
- }
1065
-
1066
- .gh-btn-group {
1067
- margin-top: 3rem
1068
- }
1069
-
1070
- .gh-btn-group .gh-btn:first-of-type {
1071
- margin-right: 15px
1072
- }
1073
-
1074
- .gh-btn-group .gh-btn span {
1075
- font-size: 1.4rem
1076
- }
1077
-
1078
- .gh-form-group {
1079
- position: relative;
1080
- margin-bottom: 1.6em;
1081
- max-width: 500px;
1082
- width: 100%;
1083
- -webkit-user-select: text;
1084
- -moz-user-select: text;
1085
- -ms-user-select: text;
1086
- user-select: text
1087
- }
1088
-
1089
- .gh-form-group p {
1090
- margin: 4px 0 0;
1091
- color: #b1b1b1;
1092
- font-size: 1.3rem
1093
- }
1094
-
1095
- .gh-form-group h3 {
1096
- margin-bottom: 1.6em;
1097
- font-size: 1.5rem
1098
- }
1099
-
1100
- .gh-form-group label {
1101
- margin-bottom: 4px
1102
- }
1103
-
1104
- .gh-form-group-horizontal {
1105
- display: -webkit-box;
1106
- display: -ms-flexbox;
1107
- display: flex
1108
- }
1109
-
1110
- .gh-form-group-horizontal .gh-form-group+.gh-form-group {
1111
- margin-left: 15px
1112
- }
1113
-
1114
- @media (max-width:550px) {
1115
- .gh-form-group {
1116
- max-width: 100%
1117
- }
1118
- }
1119
-
1120
- .gh-input,
1121
- .gh-select,
1122
- select {
1123
- display: block;
1124
- padding: 12px;
1125
- width: 100%;
1126
- border: 1px solid #dbe3e7;
1127
- color: #15171A;
1128
- font-size: 1.4rem;
1129
- line-height: 1em;
1130
- font-weight: 500;
1131
- -webkit-user-select: text;
1132
- -moz-user-select: text;
1133
- -ms-user-select: text;
1134
- user-select: text;
1135
- border-radius: 5px;
1136
- -webkit-transition: border-color .15s linear;
1137
- transition: border-color .15s linear;
1138
- -webkit-appearance: none
1139
- }
1140
-
1141
- .gh-select,
1142
- select {
1143
- cursor: pointer
1144
- }
1145
-
1146
- ::-webkit-input-placeholder {
1147
- color: #a7b5bc;
1148
- font-weight: 200
1149
- }
1150
-
1151
- :-ms-input-placeholder {
1152
- color: #a7b5bc;
1153
- font-weight: 200
1154
- }
1155
-
1156
- textarea {
1157
- min-width: 250px;
1158
- min-height: 10rem;
1159
- max-width: 500px;
1160
- width: 100%;
1161
- height: auto;
1162
- line-height: 1.5;
1163
- -webkit-user-select: text;
1164
- -moz-user-select: text;
1165
- -ms-user-select: text;
1166
- user-select: text;
1167
- resize: vertical
1168
- }
1169
-
1170
- textarea.gh-input {
1171
- line-height: 1.5em
1172
- }
1173
-
1174
- .gh-input.focus,
1175
- .gh-input.stripe-focus,
1176
- .gh-input:focus,
1177
- .gh-select:focus,
1178
- select:focus,
1179
- textarea:focus {
1180
- outline: 0;
1181
- border-color: #bfcdd5
1182
- }
1183
-
1184
- .gh-input:-webkit-autofill {
1185
- -webkit-transition: background-color 100000000s;
1186
- transition: background-color 100000000s;
1187
- -webkit-text-fill-color: #677d87;
1188
- -webkit-animation: void-animation-out 1ms
1189
- }
1190
-
1191
- .gh-input.stripe-autofill {
1192
- background-color: #fff !important
1193
- }
1194
-
1195
- .gh-input-icon {
1196
- position: relative
1197
- }
1198
-
1199
- .gh-input-icon input {
1200
- padding-left: 35px
1201
- }
1202
-
1203
- .gh-input-icon select {
1204
- padding-right: 35px
1205
- }
1206
-
1207
- .gh-input-icon svg {
1208
- position: absolute;
1209
- top: 50%;
1210
- left: 12px;
1211
- z-index: 100;
1212
- height: 14px;
1213
- fill: #a6bac5;
1214
- -webkit-transform: translateY(-7px);
1215
- transform: translateY(-7px)
1216
- }
1217
-
1218
- .gh-select.gh-input-icon svg {
1219
- right: 12px;
1220
- left: auto
1221
- }
1222
-
1223
- .gh-input-icon-lock svg {
1224
- -webkit-transform: translateY(-8px);
1225
- transform: translateY(-8px)
1226
- }
1227
-
1228
- .gh-input-tooltip {
1229
- position: relative
1230
- }
1231
-
1232
- .gh-input-tooltip input {
1233
- padding-right: 35px
1234
- }
1235
-
1236
- .gh-input-tooltip button {
1237
- position: absolute;
1238
- top: 0;
1239
- right: 5px;
1240
- z-index: 100;
1241
- overflow: hidden;
1242
- height: 41px
1243
- }
1244
-
1245
- .gh-input-tooltip button svg {
1246
- height: 14px;
1247
- fill: #a6bac5
1248
- }
1249
-
1250
- .for-checkbox label,
1251
- .for-radio label {
1252
- display: block;
1253
- padding-bottom: 4px;
1254
- cursor: pointer
1255
- }
1256
-
1257
- .for-checkbox label p,
1258
- .for-radio label p {
1259
- overflow: auto;
1260
- color: #000;
1261
- font-weight: 400
1262
- }
1263
-
1264
- .for-checkbox label:hover p,
1265
- .for-radio label:hover p {
1266
- color: #738a94
1267
- }
1268
-
1269
- .for-checkbox input,
1270
- .for-radio input {
1271
- position: absolute;
1272
- top: 0;
1273
- right: 0;
1274
- bottom: 0;
1275
- left: -9999px
1276
- }
1277
-
1278
- .for-checkbox .input-toggle-component,
1279
- .for-radio .input-toggle-component {
1280
- position: relative;
1281
- top: 1px;
1282
- display: inline-block;
1283
- float: left;
1284
- margin-right: 7px;
1285
- width: 18px;
1286
- height: 18px;
1287
- border: 1px solid #dfe1e3;
1288
- background: #f7f7f7
1289
- }
1290
-
1291
- .for-checkbox label:hover input:not(:checked)+.input-toggle-component,
1292
- .for-radio label:hover input:not(:checked)+.input-toggle-component {
1293
- border-color: #c5d2d9
1294
- }
1295
-
1296
- .for-checkbox .input-toggle-component {
1297
- border-radius: 5px;
1298
- -webkit-transition: background .15s ease-in-out, border-color .15s ease-in-out;
1299
- transition: background .15s ease-in-out, border-color .15s ease-in-out
1300
- }
1301
-
1302
- .for-checkbox .input-toggle-component:before {
1303
- content: "";
1304
- position: absolute;
1305
- top: 4px;
1306
- left: 3px;
1307
- width: 10px;
1308
- height: 6px;
1309
- border: 2px solid #fff;
1310
- border-top: none;
1311
- border-right: none;
1312
- opacity: 0;
1313
- -webkit-transition: opacity .15s ease-in-out;
1314
- transition: opacity .15s ease-in-out;
1315
- -webkit-transform: rotate(-45deg);
1316
- transform: rotate(-45deg)
1317
- }
1318
-
1319
- .for-checkbox input:checked+.input-toggle-component {
1320
- border-color: #86ac28;
1321
- background: #a4d037
1322
- }
1323
-
1324
- .for-checkbox input:checked+.input-toggle-component:before {
1325
- opacity: 1
1326
- }
1327
-
1328
- .for-radio .input-toggle-component {
1329
- border-radius: 100px;
1330
- -webkit-transition: background .15s ease-in-out, border-color .15s ease-in-out;
1331
- transition: background .15s ease-in-out, border-color .15s ease-in-out
1332
- }
1333
-
1334
- .for-radio .input-toggle-component:before {
1335
- content: "";
1336
- position: absolute;
1337
- top: 4px;
1338
- left: 4px;
1339
- width: 8px;
1340
- height: 8px;
1341
- background: #fff;
1342
- border-radius: 100%;
1343
- opacity: 0;
1344
- -webkit-transition: opacity .15s ease-in-out;
1345
- transition: opacity .15s ease-in-out
1346
- }
1347
-
1348
- .for-radio input:checked+.input-toggle-component {
1349
- border-color: #86ac28;
1350
- background: #a4d037
1351
- }
1352
-
1353
- .for-radio input:checked+.input-toggle-component:before {
1354
- opacity: 1
1355
- }
1356
-
1357
- .gh-select {
1358
- position: relative;
1359
- display: block;
1360
- overflow: hidden;
1361
- padding: 0;
1362
- max-width: 100%;
1363
- width: 100%;
1364
- }
1365
-
1366
- .gh-select select {
1367
- padding: 8px 10px;
1368
- outline: none;
1369
- line-height: normal;
1370
- text-indent: .01px;
1371
- text-overflow: "";
1372
- background: #fff;
1373
- appearance: none;
1374
- -webkit-appearance: none;
1375
- -moz-appearance: window
1376
- }
1377
-
1378
- .gh-select select::-ms-expand {
1379
- display: none
1380
- }
1381
-
1382
- .gh-select select:-moz-focusring {
1383
- color: transparent;
1384
- text-shadow: 0 0 0 #000
1385
- }
1386
-
1387
- .gh-error .gh-input,
1388
- .gh-error select,
1389
- .stripe-error {
1390
- border-color: #f05230
1391
- }
1392
-
1393
- .gh-error .gh-input-icon svg,
1394
- .gh-error .gh-input-tooltip button svg {
1395
- fill: #f05230
1396
- }
1397
-
1398
- .gh-error-message {
1399
- display: block;
1400
- margin: 10px 0 0;
1401
- color: #f05230;
1402
- font-size: 1.2rem;
1403
- line-height: 1.4em
1404
- }
1405
-
1406
- .gh-form-group .gh-response {
1407
- position: absolute;
1408
- top: -4px;
1409
- right: 0;
1410
- margin: 0;
1411
- color: #a6b0b3;
1412
- font-size: 1.1rem;
1413
- font-weight: 400;
1414
- text-align: right
1415
- }
1416
-
1417
- .gh-form-group.gh-error .gh-response,
1418
- .gh-main-error.gh-error {
1419
- color: #f05230
1420
- }
1421
-
1422
- .gh-flow-loading {
1423
- margin-top: 5px;
1424
- font-size: 1.4rem
1425
- }
1426
-
1427
- .gh-success .gh-input,
1428
- .gh-success select {
1429
- border-color: #a4d037
1430
- }
1431
-
1432
- .gh-success .gh-input-icon svg {
1433
- fill: #8cb42a
1434
- }
1435
-
1436
- .gh-success .gh-input-tooltip button {
1437
- display: none
1438
- }
1439
-
1440
- .hamburger {
1441
- display: -webkit-box;
1442
- display: -ms-flexbox;
1443
- display: flex;
1444
- overflow: visible;
1445
- margin: 0;
1446
- padding: 2px 0;
1447
- border: 0;
1448
- color: inherit;
1449
- font: inherit;
1450
- text-transform: none;
1451
- background-color: transparent;
1452
- cursor: pointer;
1453
- -webkit-transition: opacity .15s linear, -webkit-filter .15s linear;
1454
- transition: opacity .15s linear, -webkit-filter .15s linear;
1455
- transition: opacity .15s linear, filter .15s linear;
1456
- transition: opacity .15s linear, filter .15s linear, -webkit-filter .15s linear
1457
- }
1458
-
1459
- .hamburger-box {
1460
- position: relative;
1461
- display: inline-block;
1462
- width: 20px;
1463
- height: 13px
1464
- }
1465
-
1466
- .hamburger-inner {
1467
- top: 50%;
1468
- display: block;
1469
- margin-top: -2px
1470
- }
1471
-
1472
- .hamburger-inner,
1473
- .hamburger-inner:after,
1474
- .hamburger-inner:before {
1475
- position: absolute;
1476
- width: 20px;
1477
- height: 1px;
1478
- background-color: #738a94;
1479
- border-radius: 4px;
1480
- -webkit-transition: -webkit-transform .15s ease;
1481
- transition: -webkit-transform .15s ease;
1482
- transition: transform .15s ease;
1483
- transition: transform .15s ease, -webkit-transform .15s ease
1484
- }
1485
-
1486
- .hamburger-inner:after,
1487
- .hamburger-inner:before {
1488
- content: "";
1489
- display: block
1490
- }
1491
-
1492
- .hamburger-inner:before {
1493
- top: -6px
1494
- }
1495
-
1496
- .hamburger-inner:after {
1497
- bottom: -6px
1498
- }
1499
-
1500
- .hamburger--collapse .hamburger-inner {
1501
- top: auto;
1502
- bottom: 0;
1503
- -webkit-transition-delay: .15s;
1504
- transition-delay: .15s;
1505
- -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
1506
- transition-timing-function: cubic-bezier(.55, .055, .675, .19);
1507
- -webkit-transition-duration: .15s;
1508
- transition-duration: .15s
1509
- }
1510
-
1511
- .hamburger--collapse .hamburger-inner:after {
1512
- top: -12px;
1513
- -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear;
1514
- transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear
1515
- }
1516
-
1517
- .hamburger--collapse .hamburger-inner:before {
1518
- -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
1519
- transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
1520
- transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
1521
- transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
1522
- }
1523
-
1524
- .gh-mobilehead-open .hamburger-inner,
1525
- .gh-mobilehead-open .hamburger-inner:after,
1526
- .gh-mobilehead-open .hamburger-inner:before {
1527
- background-color: #343f44
1528
- }
1529
-
1530
- .gh-mobilehead-open .hamburger-inner {
1531
- -webkit-transition-delay: .32s;
1532
- transition-delay: .32s;
1533
- -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
1534
- transition-timing-function: cubic-bezier(.215, .61, .355, 1);
1535
- -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
1536
- transform: translate3d(0, -6px, 0) rotate(-45deg)
1537
- }
1538
-
1539
- .gh-mobilehead-open .hamburger-inner:after {
1540
- top: 0;
1541
- opacity: 0;
1542
- -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
1543
- transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s
1544
- }
1545
-
1546
- .gh-mobilehead-open .hamburger-inner:before {
1547
- top: 0;
1548
- -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
1549
- transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
1550
- transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
1551
- transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
1552
- -webkit-transform: rotate(-90deg);
1553
- transform: rotate(-90deg)
1554
- }
1555
-
1556
- .gh-viewport {
1557
- position: relative;
1558
- min-height: 100%
1559
- }
1560
-
1561
- .inner {
1562
- margin: 0 auto;
1563
- max-width: 1280px;
1564
- width: 100%
1565
- }
1566
-
1567
- .inner.flex {
1568
- display: flex;
1569
- justify-content: space-between;
1570
- align-items: center;
1571
- margin: 0 auto 10vw;
1572
- }
1573
-
1574
- @media (max-width: 940px) {
1575
- .inner.flex {
1576
- flex-direction: column;
1577
- }
1578
- }
1579
-
1580
- .gh-head {
1581
- position: relative;
1582
- z-index: 900;
1583
- margin-bottom: 40px;
1584
- padding: 0 4vw;
1585
- width: 100%;
1586
- background: none;
1587
- }
1588
-
1589
- @media (max-width:600px) {
1590
- .gh-head {
1591
- padding-right: 15px;
1592
- padding-left: 15px
1593
- }
1594
- }
1595
-
1596
- .gh-navbar {
1597
- -webkit-box-pack: justify;
1598
- -ms-flex-pack: justify;
1599
- justify-content: space-between;
1600
- height: 80px;
1601
- font-size: 1.4rem;
1602
- }
1603
-
1604
- .gh-navbar,
1605
- .gh-navbar-left,
1606
- .gh-navbar-right {
1607
- display: -webkit-box;
1608
- display: -ms-flexbox;
1609
- display: flex
1610
- }
1611
-
1612
- .gh-nav-logo,
1613
- .gh-navbar,
1614
- .gh-navbar-left,
1615
- .gh-navbar-right {
1616
- -webkit-box-align: center;
1617
- -ms-flex-align: center;
1618
- align-items: center
1619
- }
1620
-
1621
- .gh-nav-logo {
1622
- max-width: 176px;
1623
- display: -webkit-box !important;
1624
- display: -ms-flexbox !important;
1625
- display: flex !important;
1626
- padding: 0 !important;
1627
- opacity: 1 !important;
1628
- }
1629
-
1630
- .gh-nav-item.gh-nav-logo:hover {
1631
- color: inherit
1632
- }
1633
-
1634
- .gh-nav-logo .ghost-svg {
1635
- width: auto;
1636
- height: 25px
1637
- }
1638
-
1639
- .gh-nav-logo-suffix {
1640
- position: relative;
1641
- margin: 0 0 0 12px;
1642
- padding: 0 0 0 11px;
1643
- font-size: 1.6rem;
1644
- font-weight: 500;
1645
- text-shadow: none;
1646
- -webkit-transition: none;
1647
- transition: none
1648
- }
1649
-
1650
- .gh-nav-logo-suffix:before {
1651
- content: "";
1652
- position: absolute;
1653
- top: 0;
1654
- left: 0;
1655
- display: block;
1656
- width: 1px;
1657
- height: 23px;
1658
- background: #CED4D9;
1659
- -webkit-transform: rotate(25deg);
1660
- transform: rotate(25deg)
1661
- }
1662
-
1663
- .gh-nav-logo .gscan-badge {
1664
- height: 36px;
1665
- margin: 0 0 2px 5px;
1666
- }
1667
-
1668
- .gh-navbar-item {
1669
- -ms-flex-negative: 0;
1670
- flex-shrink: 0;
1671
- display: block;
1672
- padding: 10px 15px;
1673
- color: #15171a;
1674
- font-size: 1.5rem;
1675
- font-weight: 500;
1676
- text-decoration: none;
1677
- opacity: .7;
1678
- -webkit-user-select: none;
1679
- -moz-user-select: none;
1680
- -ms-user-select: none;
1681
- user-select: none
1682
- }
1683
-
1684
- .gh-navbar-item-active,
1685
- .gh-navbar-item:hover {
1686
- color: #15171a;
1687
- text-decoration: none;
1688
- opacity: 1;
1689
- }
1690
-
1691
- .gh-navbar-item:hover .gh-nav-logo-suffix {
1692
- color: inherit
1693
- }
1694
-
1695
- .gh-navbar-btn {
1696
- margin-left: 1.6rem;
1697
- color: #fff;
1698
- border: 1px solid #15171a;
1699
- background: #15171a;
1700
- -webkit-transition: all .5s ease;
1701
- transition: all .5s ease
1702
- }
1703
-
1704
- .gh-navbar-btn span {
1705
- min-width: 66px;
1706
- text-align: center;
1707
- }
1708
-
1709
- .gh-navbar-btn:hover {
1710
- border-color: #15171a;
1711
- color: #fff;
1712
- -webkit-transition: all .2s ease;
1713
- transition: all .2s ease
1714
- }
1715
-
1716
- .gh-mobilehead {
1717
- position: absolute;
1718
- top: 0;
1719
- left: 0;
1720
- z-index: 200;
1721
- display: none;
1722
- overflow: hidden;
1723
- width: 100%;
1724
- height: 48px;
1725
- border-bottom: 1px solid rgba(0, 0, 0, .05);
1726
- background: #fff;
1727
- -webkit-box-shadow: #fff 0 -1px 0 0 inset, rgba(0, 0, 0, .02) 0 1px 5px;
1728
- box-shadow: inset 0 -1px 0 0 #fff, 0 1px 5px rgba(0, 0, 0, .02);
1729
- -webkit-transition: all .5s ease-out, background 1s ease-out;
1730
- transition: all .5s ease-out, background 1s ease-out;
1731
- -webkit-transition-delay: .2s;
1732
- transition-delay: .2s;
1733
- -webkit-backdrop-filter: blur(3px);
1734
- }
1735
-
1736
- .gh-mobilenavbar {
1737
- position: relative;
1738
- z-index: 10;
1739
- display: -webkit-box;
1740
- display: -ms-flexbox;
1741
- display: flex;
1742
- -webkit-box-pack: justify;
1743
- -ms-flex-pack: justify;
1744
- justify-content: space-between;
1745
- -webkit-box-align: center;
1746
- -ms-flex-align: center;
1747
- align-items: center;
1748
- height: 48px;
1749
- font-size: 13px
1750
- }
1751
-
1752
- .gh-nav-burger {
1753
- display: block;
1754
- padding: 15px;
1755
- color: #738a94;
1756
- font-size: 25px;
1757
- line-height: 1
1758
- }
1759
-
1760
- .gh-nav-burger,
1761
- .gh-nav-burger:hover {
1762
- text-decoration: none
1763
- }
1764
-
1765
- .gh-mobilenavbar .gh-nav-logo {
1766
- position: absolute;
1767
- top: 5px;
1768
- right: 50%;
1769
- display: block;
1770
- max-width: 144px;
1771
- padding: 13px 0;
1772
- -webkit-transform: translateX(50%);
1773
- transform: translateX(50%)
1774
- }
1775
-
1776
- .gh-mobilenavbar .ghost-svg {
1777
- width: auto;
1778
- height: 23px
1779
- }
1780
-
1781
- .gh-mobilemenu {
1782
- padding: 30vh 14vw
1783
- }
1784
-
1785
- .gh-mobilemenu a {
1786
- display: block;
1787
- color: #111;
1788
- font-size: 3.6rem;
1789
- line-height: 4.8rem;
1790
- font-weight: 600;
1791
- text-align: center;
1792
- opacity: 0;
1793
- -webkit-transition: opacity .2s cubic-bezier(.4, .01, .165, .99), -webkit-transform .3s cubic-bezier(.4, .01, .165, .99);
1794
- transition: opacity .2s cubic-bezier(.4, .01, .165, .99), -webkit-transform .3s cubic-bezier(.4, .01, .165, .99);
1795
- transition: transform .3s cubic-bezier(.4, .01, .165, .99), opacity .2s cubic-bezier(.4, .01, .165, .99);
1796
- transition: transform .3s cubic-bezier(.4, .01, .165, .99), opacity .2s cubic-bezier(.4, .01, .165, .99), -webkit-transform .3s cubic-bezier(.4, .01, .165, .99);
1797
- -webkit-transition-delay: .4s;
1798
- transition-delay: .4s;
1799
- -webkit-transform: scale(1.1) translateY(-25px);
1800
- transform: scale(1.1) translateY(-25px)
1801
- }
1802
-
1803
- .gh-mobilemenu a:first-child {
1804
- -webkit-transition-delay: .56s;
1805
- transition-delay: .56s
1806
- }
1807
-
1808
- .gh-mobilemenu a:nth-child(2) {
1809
- -webkit-transition-delay: .49s;
1810
- transition-delay: .49s
1811
- }
1812
-
1813
- .gh-mobilemenu a:nth-child(3) {
1814
- -webkit-transition-delay: .42s;
1815
- transition-delay: .42s
1816
- }
1817
-
1818
- .gh-mobilemenu a:nth-child(4) {
1819
- -webkit-transition-delay: .35s;
1820
- transition-delay: .35s
1821
- }
1822
-
1823
- .gh-mobilemenu a:nth-child(5) {
1824
- -webkit-transition-delay: .28s;
1825
- transition-delay: .28s
1826
- }
1827
-
1828
- .gh-mobilemenu a:nth-child(6) {
1829
- -webkit-transition-delay: .21s;
1830
- transition-delay: .21s
1831
- }
1832
-
1833
- .gh-mobilemenu a:nth-child(7) {
1834
- -webkit-transition-delay: .14s;
1835
- transition-delay: .14s
1836
- }
1837
-
1838
- .gh-mobilemenu a:nth-child(8) {
1839
- -webkit-transition-delay: .07s;
1840
- transition-delay: .07s
1841
- }
1842
-
1843
- .gh-mobilemenu a:hover {
1844
- color: #fb2d8d;
1845
- text-decoration: none
1846
- }
1847
-
1848
- .gh-mobilehead-open {
1849
- position: fixed;
1850
- top: 0;
1851
- right: 0;
1852
- left: 0;
1853
- z-index: 9999;
1854
- overflow: hidden;
1855
- margin: 0;
1856
- height: 100vh;
1857
- -webkit-transition: all .3s ease-in, background .5s ease-in;
1858
- transition: all .3s ease-in, background .5s ease-in;
1859
- -webkit-transition-delay: .3s;
1860
- transition-delay: .3s
1861
- }
1862
-
1863
- .gh-mobilehead-open .gh-mobilemenu a {
1864
- opacity: 1;
1865
- -webkit-transition: opacity .9s cubic-bezier(.4, .01, .165, .99), -webkit-transform .6s cubic-bezier(.4, .01, .165, .99);
1866
- transition: opacity .9s cubic-bezier(.4, .01, .165, .99), -webkit-transform .6s cubic-bezier(.4, .01, .165, .99);
1867
- transition: transform .6s cubic-bezier(.4, .01, .165, .99), opacity .9s cubic-bezier(.4, .01, .165, .99);
1868
- transition: transform .6s cubic-bezier(.4, .01, .165, .99), opacity .9s cubic-bezier(.4, .01, .165, .99), -webkit-transform .6s cubic-bezier(.4, .01, .165, .99);
1869
- -webkit-transform: scale(1) translateY(0);
1870
- transform: scale(1) translateY(0)
1871
- }
1872
-
1873
- .gh-mobilehead-open .gh-mobilemenu a:nth-child(8) {
1874
- -webkit-transition-delay: .56s;
1875
- transition-delay: .56s
1876
- }
1877
-
1878
- .gh-mobilehead-open .gh-mobilemenu a:nth-child(7) {
1879
- -webkit-transition-delay: .49s;
1880
- transition-delay: .49s
1881
- }
1882
-
1883
- .gh-mobilehead-open .gh-mobilemenu a:nth-child(6) {
1884
- -webkit-transition-delay: .42s;
1885
- transition-delay: .42s
1886
- }
1887
-
1888
- .gh-mobilehead-open .gh-mobilemenu a:nth-child(5) {
1889
- -webkit-transition-delay: .35s;
1890
- transition-delay: .35s
1891
- }
1892
-
1893
- .gh-mobilehead-open .gh-mobilemenu a:nth-child(4) {
1894
- -webkit-transition-delay: .28s;
1895
- transition-delay: .28s
1896
- }
1897
-
1898
- .gh-mobilehead-open .gh-mobilemenu a:nth-child(3) {
1899
- -webkit-transition-delay: .21s;
1900
- transition-delay: .21s
1901
- }
1902
-
1903
- .gh-mobilehead-open .gh-mobilemenu a:nth-child(2) {
1904
- -webkit-transition-delay: .14s;
1905
- transition-delay: .14s
1906
- }
1907
-
1908
- .gh-mobilehead-open .gh-mobilemenu a:first-child {
1909
- -webkit-transition-delay: .07s;
1910
- transition-delay: .07s
1911
- }
1912
-
1913
- @media (max-width:660px) {
1914
- .gh-viewport {
1915
- padding-top: 68px
1916
- }
1917
-
1918
- .gh-head {
1919
- display: none
1920
- }
1921
-
1922
- .gh-mobilehead {
1923
- display: block
1924
- }
1925
- }
1926
-
1927
- .gh-main {
1928
- padding: 0 4vw
1929
- }
1930
-
1931
- .inner.flex::before {
1932
- position: absolute;
1933
- display: block;
1934
- content: "";
1935
- top: -560px;
1936
- right: -160px;
1937
- width: 960px;
1938
- height: 960px;
1939
- border-radius: 50%;
1940
- z-index: 0;
1941
- background: #f5f6f6;
1942
- opacity: 0.5;
1943
- }
1944
-
1945
- @media (max-width: 940px) {
1946
- .inner.flex::before {
1947
- display: none;
1948
- }
1949
- }
1950
-
1951
- .gh-section {
1952
- margin: 0 -4vw;
1953
- padding: 60px 4vw
1954
- }
1955
-
1956
- @media (max-width:600px) {
1957
- .gh-section {
1958
- padding: 10vw 4vw
1959
- }
1960
- }
1961
-
1962
- .gh-section-white {
1963
- background: #fff
1964
- }
1965
-
1966
- .gh-section-dark {
1967
- color: #fff;
1968
- text-shadow: rgba(0, 0, 0, .1) 0 1px 2px
1969
- }
1970
-
1971
- .gh-section-dark h2 {
1972
- color: #fff
1973
- }
1974
-
1975
- .gh-section-dark h3 {
1976
- color: #fff;
1977
- font-size: 1.8rem
1978
- }
1979
-
1980
- .gh-section-dark p {
1981
- opacity: .8
1982
- }
1983
-
1984
- .gh-section-dark a {
1985
- color: #5fbdf2
1986
- }
1987
-
1988
- .gh-section-dark a.gh-anchor {
1989
- color: #fff
1990
- }
1991
-
1992
- .gh-section h3 .gh-badge {
1993
- margin-left: 4px;
1994
- padding: 2px;
1995
- font-size: .7em;
1996
- vertical-align: top
1997
- }
1998
-
1999
- .gh-section-head {
2000
- display: -webkit-box;
2001
- display: -ms-flexbox;
2002
- display: flex;
2003
- -webkit-box-orient: vertical;
2004
- -webkit-box-direction: normal;
2005
- -ms-flex-direction: column;
2006
- flex-direction: column;
2007
- -webkit-box-align: center;
2008
- -ms-flex-align: center;
2009
- align-items: center;
2010
- margin-bottom: 1em;
2011
- color: #fff;
2012
- text-align: center
2013
- }
2014
-
2015
- .gh-section-head h2 {
2016
- margin: 1em 0 .3em;
2017
- color: #fff;
2018
- font-size: 3.6rem;
2019
- font-weight: 700;
2020
- }
2021
-
2022
- @media (max-width:660px) {
2023
- .gh-section-head h2 {
2024
- font-size: 4.8vw
2025
- }
2026
- }
2027
-
2028
- .gh-section-head p {
2029
- max-width: 800px;
2030
- margin: .8rem 0 0;
2031
- color: rgba(255,255,255,.6);
2032
- font-size: 2rem;
2033
- line-height: 1.4em;
2034
- font-weight: 400;
2035
- }
2036
-
2037
- @media (max-width:660px) {
2038
- .gh-section-head p {
2039
- font-size: 1.6rem
2040
- }
2041
- }
2042
-
2043
- .gh-foot {
2044
- padding: 3vw 4vw 5vw;
2045
- font-size: 1.3rem;
2046
- -webkit-user-select: none;
2047
- -moz-user-select: none;
2048
- -ms-user-select: none;
2049
- user-select: none
2050
- }
2051
-
2052
- .gh-foot a {
2053
- color: rgba(255,255,255,.8);
2054
- text-decoration: none
2055
- }
2056
-
2057
- .gh-foot a:hover {
2058
- color: #fff;
2059
- text-decoration: none
2060
- }
2061
-
2062
- .gh-foot-content {
2063
- padding-top: 20px;
2064
- border-top: 1px solid hsla(0,0%,100%,.11);
2065
- }
2066
-
2067
- .gh-foot-content,
2068
- .gh-foot-nav {
2069
- display: -webkit-box;
2070
- display: -ms-flexbox;
2071
- display: flex;
2072
- -webkit-box-pack: justify;
2073
- -ms-flex-pack: justify;
2074
- justify-content: space-between;
2075
- align-items: center;
2076
- }
2077
-
2078
- .gh-foot-nav {
2079
- padding-left: 60px;
2080
- width: 100%
2081
- }
2082
-
2083
- .gh-foot-col {
2084
- padding: 0 10px
2085
- }
2086
-
2087
- .gh-foot-col h4 {
2088
- margin: 5px 0 10px;
2089
- font-size: 1.4rem
2090
- }
2091
-
2092
- .gh-foot-col ul {
2093
- margin: 0;
2094
- padding: 0;
2095
- list-style: none
2096
- }
2097
-
2098
- .gh-foot-col ul a {
2099
- display: block;
2100
- padding: 3px 0;
2101
- min-width: 90px
2102
- }
2103
-
2104
- .gh-foot-col li {
2105
- margin: 0
2106
- }
2107
-
2108
- .gh-foot-col .gh-badge {
2109
- position: relative;
2110
- top: -1px
2111
- }
2112
-
2113
- @media (max-width:965px) {
2114
- .gh-foot-col:last-of-type {
2115
- display: none
2116
- }
2117
- }
2118
-
2119
- @media (max-width:800px) {
2120
- .gh-foot {
2121
- text-align: center
2122
- }
2123
-
2124
- .gh-foot-nav {
2125
- -webkit-box-ordinal-group: 2;
2126
- -ms-flex-order: 1;
2127
- order: 1;
2128
- padding: 0;
2129
- max-width: none
2130
- }
2131
-
2132
- .gh-foot-col {
2133
- padding: 0 10px
2134
- }
2135
-
2136
- .gh-foot-col:last-of-type {
2137
- display: block
2138
- }
2139
- }
2140
-
2141
- @media (max-width:550px) {
2142
- .gh-foot-nav {
2143
- display: none
2144
- }
2145
- }
2146
-
2147
- .gh-foot-floating .gh-foot {
2148
- padding-top: 2vw
2149
- }
2150
-
2151
- .gh-foot-floating .gh-foot-content,
2152
- .gh-foot-floating .gh-foot-mast {
2153
- border-top: none
2154
- }
2155
-
2156
- .gh-foot-min {
2157
- padding: 0 4vw 4vw;
2158
- }
2159
-
2160
- .gh-foot-min .gh-foot-content {
2161
- display: -webkit-box;
2162
- display: -ms-flexbox;
2163
- display: flex;
2164
- -webkit-box-align: center;
2165
- -ms-flex-align: center;
2166
- align-items: center;
2167
- padding: 20px 0;
2168
- border-top: none
2169
- }
2170
-
2171
- .gh-foot-min-nav {
2172
- display: -webkit-box;
2173
- display: -ms-flexbox;
2174
- display: flex;
2175
- -webkit-box-align: center;
2176
- -ms-flex-align: center;
2177
- align-items: center;
2178
- margin-left: -15px
2179
- }
2180
-
2181
- .gh-foot-min-logo {
2182
- display: flex;
2183
- align-items: center;
2184
- }
2185
-
2186
- .gh-foot-min-logo .gscan-badge {
2187
- height: 22px;
2188
- margin: 0 0 2px 4px;
2189
- }
2190
-
2191
- .gh-foot-min-back {
2192
- margin-right: -15px
2193
- }
2194
-
2195
- .gh-foot-min-item {
2196
- padding: 0 15px
2197
- }
2198
-
2199
- @media (max-width:660px) {
2200
- .gh-foot-min .gh-foot-content {
2201
- -webkit-box-orient: horizontal;
2202
- -webkit-box-direction: normal;
2203
- -ms-flex-direction: row;
2204
- flex-direction: row
2205
- }
2206
-
2207
- .gh-foot-min-item:nth-child(1n+2) {
2208
- display: none
2209
- }
2210
- }
2211
-
2212
- pre[class*=language-] {
2213
- overflow: auto;
2214
- margin: 0;
2215
- padding: 2.4rem 3.2rem;
2216
- border-radius: 8px
2217
- }
2218
-
2219
- :not(pre)>code[class*=language-],
2220
- pre[class*=language-] {
2221
- border: none;
2222
- background: #2a3644
2223
- }
2224
-
2225
- :not(pre)>code[class*=language-] {
2226
- padding: .3em .4em;
2227
- color: #343f44;
2228
- font-size: .9em;
2229
- text-shadow: none;
2230
- white-space: normal;
2231
- background: #e5eff5;
2232
- border-radius: .3em
2233
- }
2234
-
2235
- a>code[class*=language-] {
2236
- color: #3eb0ef
2237
- }
2238
-
2239
- @-webkit-keyframes bounce {
2240
-
2241
- 0%,
2242
- 5% {
2243
- -webkit-transform: translate3d(0, 2px, 0) scale(1);
2244
- transform: translate3d(0, 2px, 0) scale(1)
2245
- }
2246
-
2247
- to {
2248
- background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .75)), to(hsla(0, 0%, 100%, .96)));
2249
- background: linear-gradient(180deg, hsla(0, 0%, 100%, .75) 0, hsla(0, 0%, 100%, .96));
2250
- -webkit-box-shadow: rgba(0, 0, 0, .35) 0 0 1px, rgba(0, 0, 0, .1) 0 5px 6px;
2251
- box-shadow: 0 0 1px rgba(0, 0, 0, .35), 0 5px 6px rgba(0, 0, 0, .1);
2252
- -webkit-transform: translate3d(0, -2px, 0) scale(1);
2253
- transform: translate3d(0, -2px, 0) scale(1)
2254
- }
2255
- }
2256
-
2257
- @keyframes bounce {
2258
-
2259
- 0%,
2260
- 5% {
2261
- -webkit-transform: translate3d(0, 2px, 0) scale(1);
2262
- transform: translate3d(0, 2px, 0) scale(1)
2263
- }
2264
-
2265
- to {
2266
- background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .75)), to(hsla(0, 0%, 100%, .96)));
2267
- background: linear-gradient(180deg, hsla(0, 0%, 100%, .75) 0, hsla(0, 0%, 100%, .96));
2268
- -webkit-box-shadow: rgba(0, 0, 0, .35) 0 0 1px, rgba(0, 0, 0, .1) 0 5px 6px;
2269
- box-shadow: 0 0 1px rgba(0, 0, 0, .35), 0 5px 6px rgba(0, 0, 0, .1);
2270
- -webkit-transform: translate3d(0, -2px, 0) scale(1);
2271
- transform: translate3d(0, -2px, 0) scale(1)
2272
- }
2273
- }
2274
-
2275
- body {
2276
- background: #fff;
2277
- }
2278
-
2279
- .gh-nav-logo,
2280
- .gh-nav-logo:hover {
2281
- color: #30cf43;
2282
- }
2283
-
2284
- .gh-gscan-head {
2285
- margin-bottom: 6vw;
2286
- text-align: center
2287
- }
2288
-
2289
- .gh-subhead.warning {
2290
- margin-top: .5em;
2291
- color: #f05230
2292
- }
2293
-
2294
- .gh-input-icon.select-arrow {
2295
- position: absolute;
2296
- display: none;
2297
- bottom: 15px;
2298
- right: 38px
2299
- }
2300
-
2301
- .gh-input-icon.select-arrow svg {
2302
- width: 14px;
2303
- height: 8px;
2304
- fill: #677d87;
2305
- -webkit-transition: all .1s ease-out;
2306
- transition: all .1s ease-out
2307
- }
2308
-
2309
- .gh-input-icon.select-arrow svg g {
2310
- stroke: #677d87
2311
- }
2312
-
2313
- .gh-input-icon.select-arrow.active {
2314
- display: inherit
2315
- }
2316
-
2317
- .report-body {
2318
- display: -webkit-box;
2319
- display: -ms-flexbox;
2320
- display: flex;
2321
- -webkit-box-orient: horizontal;
2322
- -webkit-box-direction: normal;
2323
- -ms-flex-flow: row wrap;
2324
- flex-flow: row wrap;
2325
- -webkit-box-align: start;
2326
- -ms-flex-align: start;
2327
- align-items: flex-start
2328
- }
2329
-
2330
- .gh-section.report {
2331
- padding-top: 24px;
2332
- }
2333
-
2334
- .report-section {
2335
- padding: 0
2336
- }
2337
-
2338
- .report-section.results {
2339
- width: 60%
2340
- }
2341
-
2342
- .report-section.meta,
2343
- .report-section.results {
2344
- -webkit-box-flex: 1;
2345
- -ms-flex-positive: 1;
2346
- flex-grow: 1
2347
- }
2348
-
2349
- .report-section.meta {
2350
- overflow: hidden;
2351
- margin-top: 25px;
2352
- padding: 20px;
2353
- width: 40%;
2354
- border: 1px solid #e5eff5;
2355
- border-radius: 5px
2356
- }
2357
-
2358
- .image-container {
2359
- margin: -20px -20px 20px;
2360
- border-bottom: 1px solid #e5eff5
2361
- }
2362
-
2363
- .info {
2364
- -webkit-box-flex: 2;
2365
- -ms-flex-positive: 2;
2366
- flex-grow: 2;
2367
- width: 100%
2368
- }
2369
-
2370
- .report-meta ul {
2371
- margin: 0;
2372
- padding: 0;
2373
- list-style: none
2374
- }
2375
-
2376
- .image-container img {
2377
- max-width: 100%
2378
- }
2379
-
2380
- .report-heading {
2381
- display: flex;
2382
- -webkit-box-pack: justify;
2383
- -ms-flex-pack: justify;
2384
- justify-content: space-between;
2385
- -webkit-box-align: end;
2386
- -ms-flex-align: end;
2387
- align-items: flex-end;
2388
- margin-bottom: 4vw;
2389
- color: rgba(0,0,10,.45);
2390
- margin: 4rem 0 3.2rem;
2391
- padding: 0
2392
- }
2393
-
2394
- .result-summary .title {
2395
- padding-right: 40px;
2396
- font-size: 4.4rem;
2397
- font-weight: 600;
2398
- line-height: 1.6em;
2399
- }
2400
-
2401
- .result-summary .title strong {
2402
- color: #15171A;
2403
- font-weight: 700;
2404
- text-transform: capitalize;
2405
- }
2406
-
2407
- .result-summary .title span {
2408
- text-transform: uppercase;
2409
- }
2410
-
2411
- @media (max-width: 940px) {
2412
- .result-summary .title {
2413
- font-size: 3.2rem;
2414
- }
2415
- }
2416
-
2417
- @media (max-width: 500px) {
2418
- .result-summary .title {
2419
- padding-right: 0;
2420
- }
2421
- }
2422
-
2423
- .result-summary p {
2424
- margin: 0 0 .8em;
2425
- color: #a0a3b7;
2426
- font-size: 1.4rem;
2427
- font-weight: 700;
2428
- letter-spacing: .015em;
2429
- line-height: 1.4em;
2430
- text-transform: uppercase;
2431
- }
2432
-
2433
- .report h3,
2434
- .report h4 {
2435
- line-height: 1.6
2436
- }
2437
-
2438
- .report h3 {
2439
- display: block;
2440
- font-size: 2.4rem;
2441
- font-weight: 700;
2442
- padding: 0;
2443
- margin: 0
2444
- }
2445
-
2446
- .report h4 {
2447
- margin: 0;
2448
- font-size: 16px;
2449
- font-weight: 400;
2450
- opacity: 1
2451
- }
2452
-
2453
- .details {
2454
- width: 100%;
2455
- margin-top: 12px;
2456
- margin-bottom: 8px;
2457
- padding: 20px;
2458
- background: #F9F9FA;
2459
- border-radius: 3px;
2460
- }
2461
-
2462
- .details,
2463
- .details p {
2464
- font-size: 1.3rem;
2465
- line-height: 1.6em
2466
- }
2467
-
2468
- .details p,
2469
- .details ul {
2470
- margin-bottom: 0
2471
- }
2472
-
2473
- .details h4 {
2474
- font-size: 1.3rem;
2475
- font-weight: 700;
2476
- margin-top: 24px;
2477
- color: #15171a;
2478
- display: inline-block;
2479
- }
2480
-
2481
- .level-group {
2482
- margin: 8rem 0;
2483
- }
2484
-
2485
- .level-group-header p {
2486
- font-size: 1.45rem;
2487
- font-weight: 500;
2488
- }
2489
-
2490
- .level-group.passes {
2491
- display: flex;
2492
- justify-content: space-between;
2493
- flex-wrap: wrap;
2494
- }
2495
-
2496
- .level-group.passes .details {
2497
- padding-top: 0
2498
- }
2499
-
2500
- @media (max-width: 660px) {
2501
- .level-group.passes {
2502
- flex-direction: column;
2503
- }
2504
- }
2505
-
2506
- .toggle-details .hide {
2507
- display: none
2508
- }
2509
-
2510
- .toggle-details {
2511
- position: relative;
2512
- display: inline-block;
2513
- overflow: hidden;
2514
- margin-top: 2px;
2515
- padding: 0;
2516
- height: 20px;
2517
- color: #7C8B9A;
2518
- font-size: 1.4rem;
2519
- font-weight: 500;
2520
- opacity: 1;
2521
- cursor: pointer
2522
- }
2523
-
2524
- .toggle-details:hover {
2525
- color: #15171A;
2526
- text-decoration: none;
2527
- }
2528
-
2529
- .details.hide {
2530
- display: none
2531
- }
2532
-
2533
- .indicator {
2534
- display: inline-block;
2535
- margin-right: 6px;
2536
- width: 30px;
2537
- height: 30px;
2538
- color: #fff;
2539
- line-height: 1.5;
2540
- font-weight: 700;
2541
- text-align: center;
2542
- background: transparent;
2543
- border-radius: 100%
2544
- }
2545
-
2546
- .health-meter {
2547
- flex-shrink: 0;
2548
- }
2549
-
2550
- .score {
2551
- display: inline-block;
2552
- margin-top: 12px;
2553
- padding: 12px 16px;
2554
- border-radius: 3px;
2555
- color: #111;
2556
- font-size: 2rem;
2557
- font-weight: 600;
2558
- }
2559
-
2560
- .score strong {
2561
- font-size: 8rem;
2562
- font-weight: 800;
2563
- }
2564
-
2565
- @media (max-width: 940px) {
2566
- .score {
2567
- padding: 12px 0;
2568
- }
2569
-
2570
- .score strong {
2571
- font-size: 6rem;
2572
- }
2573
- }
2574
-
2575
- .progress-bar {
2576
- width: 100%;
2577
- height: 12px;
2578
- margin-bottom: 2rem;
2579
- border: none;
2580
- background: #EBEEF0;
2581
- border-radius: 6px;
2582
- box-shadow: none;
2583
-
2584
- }
2585
- .progress-bar-value {
2586
- height: 12px;
2587
- overflow: hidden;
2588
- color: rgba(255, 255, 255, 0);
2589
- white-space: nowrap;
2590
- border-radius: 5px;
2591
- animation: progress-bar 2s;
2592
- }
2593
-
2594
- .progress-bar-value.passing {
2595
- background: linear-gradient(135deg,#60d20d 5%,#009b7f);
2596
- }
2597
-
2598
- .progress-bar-value.warning {
2599
- background: linear-gradient(135deg,#ffca00 5%,#ff8300);
2600
- }
2601
-
2602
- .progress-bar-value.error {
2603
- background: linear-gradient(135deg,#fb2d8d 5%,#f50b23);
2604
- }
2605
-
2606
- @keyframes progress-bar {
2607
- 0% { width: 0; }
2608
- }
2609
-
2610
- .tags li {
2611
- display: inline;
2612
- list-style-type: none
2613
- }
2614
-
2615
- .tags li:after {
2616
- content: ","
2617
- }
2618
-
2619
- .tags li:last-child:after {
2620
- content: "."
2621
- }
2622
-
2623
- button[type=submit].button-add:disabled,
2624
- button[type=submit].button-add:disabled:hover {
2625
- color: #b3b9ba;
2626
- background: #eeefef;
2627
- cursor: not-allowed
2628
- }
2629
-
2630
- .rule-group {
2631
- background: #fff;
2632
- }
2633
-
2634
- .rule {
2635
- display: flex;
2636
- justify-content: space-between;
2637
- flex-wrap: wrap;
2638
- padding: 20px 0 16px 24px;
2639
- border-bottom: 1px solid #EBEEF0;
2640
- background: none;
2641
- -webkit-transition: all .3s ease;
2642
- transition: all .3s ease
2643
- }
2644
-
2645
- .rule-group article:last-of-type {
2646
- border-bottom: none
2647
- }
2648
-
2649
- .rule>p {
2650
- position: relative;
2651
- margin: 0 0 .8rem;
2652
- color: #15171A;
2653
- }
2654
-
2655
- .rule>p:after {
2656
- content: "";
2657
- position: absolute;
2658
- top: 8px;
2659
- left: -24px;
2660
- display: block;
2661
- height: 8px;
2662
- width: 8px;
2663
- border-radius: 4px;
2664
- }
2665
-
2666
- .level-group.errors .rule>p:after {
2667
- background: #F50B23
2668
- }
2669
-
2670
- .level-group.warnings .rule>p:after {
2671
- background: #FFB41F
2672
- }
2673
-
2674
- .level-group.recommendations .rule>p:after {
2675
- background: #ABB4BE
2676
- }
2677
-
2678
- .level-group.passes .rule>p:after {
2679
- background: #30CF43;
2680
- top: 7px
2681
- }
2682
-
2683
- .level-group.passes .details {
2684
- padding: 0
2685
- }
2686
-
2687
- .gh-section-gscan-uploader {
2688
- min-height: 70vh
2689
- }
2690
-
2691
- .gh-gscan-uploader {
2692
- position: relative;
2693
- z-index: 999;
2694
- -webkit-box-align: center;
2695
- -ms-flex-align: center;
2696
- align-items: center;
2697
- -webkit-box-pack: center;
2698
- -ms-flex-pack: center;
2699
- justify-content: center;
2700
- min-width: 360px;
2701
- margin-top: 2rem;
2702
- }
2703
-
2704
- .gh-gscan-uploader,
2705
- .gh-gscan-uploader-form {
2706
- display: -webkit-box;
2707
- display: -ms-flexbox;
2708
- display: flex
2709
- }
2710
-
2711
- .gh-gscan-uploader-form {
2712
- -webkit-box-orient: vertical;
2713
- -webkit-box-direction: normal;
2714
- -ms-flex-direction: column;
2715
- flex-direction: column;
2716
- width: 400px;
2717
- padding: 56px 48px;
2718
- background: #fff;
2719
- border-radius: 3px;
2720
- box-shadow:
2721
- 0 2.8px 2.2px rgba(0, 0, 0, 0.02),
2722
- 0 6.7px 5.3px rgba(0, 0, 0, 0.024),
2723
- 0 12.5px 10px rgba(0, 0, 0, 0.032),
2724
- 0 22.3px 17.9px rgba(0, 0, 0, 0.032),
2725
- 0 41.8px 56px rgba(0, 0, 0, 0.04),
2726
- 0 100px 120px rgba(0, 0, 0, 0.06)
2727
- ;
2728
- }
2729
-
2730
- @media (max-width: 500px) {
2731
- .gh-gscan-uploader-form {
2732
- padding: 40px;
2733
- box-shadow: none;
2734
- }
2735
- }
2736
-
2737
- .gh-gscan-uploader-form .gh-input svg {
2738
- margin-bottom: 1rem;
2739
- }
2740
-
2741
- .gh-gscan-uploader-form label {
2742
- display: block;
2743
- margin: 0 0 8px;
2744
- font-size: 1.3rem;
2745
- line-height: 1.3em;
2746
- font-weight: 400
2747
- }
2748
-
2749
- .gh-gscan-uploader-form .gh-select {
2750
- line-height: 1em;
2751
- padding: 12px
2752
- }
2753
-
2754
- .gh-gscan-uploader-form .gh-btn {
2755
- border: none;
2756
- color: #fff;
2757
- background: linear-gradient(135deg,#ed26d3 5%,#ff1433);
2758
- }
2759
-
2760
- .gh-gscan-uploader-form .gh-btn span {
2761
- height: 40px;
2762
- font-size: 1.6rem;
2763
- font-weight: 600;
2764
- line-height: 40px;
2765
- background: linear-gradient(135deg,#ed26d3 5%,#ff1433);
2766
- }
2767
-
2768
- .gh-gscan-uploader-button {
2769
- min-width: 280px;
2770
- padding: 32px 12px;
2771
- border: 1px dashed #CED4D9;
2772
- font-weight: 500 !important;
2773
- text-align: center;
2774
- background: #F9F9FA;
2775
- cursor: pointer;
2776
- }
2777
-
2778
- @media (max-width:940px) {
2779
- .report-heading {
2780
- -webkit-box-orient: horizontal;
2781
- -webkit-box-direction: normal;
2782
- -ms-flex-flow: row wrap;
2783
- flex-flow: row wrap;
2784
- -webkit-box-pack: center;
2785
- -ms-flex-pack: center;
2786
- justify-content: flex-start;
2787
- }
2788
-
2789
- .result-summary {
2790
- -webkit-box-flex: 1;
2791
- -ms-flex: 1 1 380px;
2792
- flex: 1 1 380px;
2793
- margin-bottom: .2em
2794
- }
2795
- }
2796
-
2797
- .gh-section-themenewsletter {
2798
- padding: 6vw 4vw;
2799
- background: #000;
2800
- }
2801
-
2802
- .newsletter-form-container {
2803
- position: relative;
2804
- z-index: 900;
2805
- width: 85%;
2806
- max-width: 400px;
2807
- margin: 4vw auto;
2808
- color: #7C8B9A;
2809
- text-shadow: none;
2810
- border-radius: 10px;
2811
- -webkit-transform: scale(1.15);
2812
- transform: scale(1.15);
2813
- }
2814
-
2815
- .newsletter-form {
2816
- width: 100%
2817
- }
2818
-
2819
- .newsletter-form-group {
2820
- display: -webkit-box;
2821
- display: -ms-flexbox;
2822
- display: flex;
2823
- -webkit-box-pack: center;
2824
- -ms-flex-pack: center;
2825
- justify-content: center;
2826
- -webkit-box-align: center;
2827
- -ms-flex-align: center;
2828
- align-items: center;
2829
- background: #1e2025;
2830
- border-radius: 3px;
2831
- }
2832
-
2833
- .newsletter-form-group svg {
2834
- width: 24px;
2835
- height: 24px;
2836
- margin: 2px 0 0 12px;
2837
- }
2838
-
2839
- .newsletter-form-group svg path {
2840
- stroke: rgba(255,255,255,.6);
2841
- }
2842
-
2843
- .newsletter-form-group .gh-input {
2844
- width: 100%;
2845
- padding: 12px 8px;
2846
- color: #fff;
2847
- background: none;
2848
- border: none;
2849
- }
2850
-
2851
- .newsletter-form-group .gh-btn {
2852
- -ms-flex-negative: 0;
2853
- flex-shrink: 0;
2854
- margin: 4px;
2855
- }
2856
-
2857
- .newsletter-form small {
2858
- display: block;
2859
- margin: 10px 0 0;
2860
- color: rgba(255,255,255,.6);
2861
- font-size: 1rem;
2862
- line-height: 1.5em;
2863
- font-weight: 600;
2864
- text-align: center;
2865
- }
2866
-
2867
- .newsletter-confirmed-message,
2868
- .newsletter-success-message {
2869
- display: none;
2870
- text-align: center;
2871
- border: 1px solid #a4d037;
2872
- background: #fff;
2873
- border-radius: 10px
2874
- }
2875
-
2876
- .successfully-confirmed .newsletter-confirmed-message,
2877
- .successfully-subscribed .newsletter-success-message {
2878
- display: block
2879
- }
2880
-
2881
- .gh-foot {
2882
- background: #15171a;
2883
- }
2884
-
2885
- .gh-foot-support {
2886
- display: -webkit-box;
2887
- display: -ms-flexbox;
2888
- display: flex;
2889
- }
2890
-
2891
- .gh-support-email,
2892
- .gh-support-slack {
2893
- display: block;
2894
- position: relative;
2895
- margin: 40px 0;
2896
- padding: 25px 80px 55px 0;
2897
- width: 50%;
2898
- text-align: left
2899
- }
2900
-
2901
- .gh-foot-support svg {
2902
- position: absolute;
2903
- top: 30px;
2904
- left: 35px;
2905
- width: 50px;
2906
- height: auto
2907
- }
2908
-
2909
- .gh-support-email svg {
2910
- fill: #a4d037
2911
- }
2912
-
2913
- .gh-support-slack svg {
2914
- fill: #ad26b4
2915
- }
2916
-
2917
- .gh-foot-support h4 {
2918
- margin-top: 0;
2919
- color: #fff;
2920
- font-size: 3.2rem;
2921
- font-weight: 600;
2922
- letter-spacing: -.025em;
2923
- line-height: 1.25em;
2924
- }
2925
-
2926
- .gh-foot-support p {
2927
- margin-bottom: 0;
2928
- color: rgba(255,255,255,.6);
2929
- font-size: 2rem;
2930
- font-weight: 400;
2931
- line-height: 1.45em
2932
- }
2933
-
2934
- .gh-support-email a {
2935
- color: #B5FF18;
2936
- font-weight: 700;
2937
- }
2938
-
2939
- .gh-support-slack a {
2940
- color: #ff247d;
2941
- font-weight: 700;
2942
- }
2943
-
2944
- .gh-foot-support a:hover {
2945
- color: #fff;
2946
- }
2947
-
2948
- @media (max-width:800px) {
2949
- .gh-foot-support {
2950
- -webkit-box-orient: vertical;
2951
- -webkit-box-direction: normal;
2952
- -ms-flex-direction: column;
2953
- flex-direction: column
2954
- }
2955
-
2956
- .gh-support-email,
2957
- .gh-support-slack {
2958
- width: 100%
2959
- }
2960
- }