UNPKG

qompile

Version:

Compile HTML plus dynamic styles and convert to HTML and CSS

74 lines (70 loc) • 113 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html><html data-theme="dark"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Element Query-Powered Grid</title> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic" rel="stylesheet"> <link href="https://staticasset.s3.amazonaws.com/basic.css" rel="stylesheet"> <style> body { max-width: 100%; } p { margin: 1em 0; } div { min-height: 80px; text-align: center; padding: 1em; background: rgba(255,255,255,.1); border: 1px solid lime; } /* Element Query Grid */ [data-grid], [data-grid] *, [data-grid] *:before, [data-grid] *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-kerning: auto; } [data-grid] { font-size: 12pt; line-height: 1.4; font-weight: 400; font-family: 'Open Sans', 'Source Sans Pro', Roboto, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, 'Lucida Grande', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, Arial, sans-serif; -webkit-text-size-adjust: 100%; } [data-grid]:after, [data-grid] [data-row]:after { content: ''; display: block; clear: both; } [data-grid] [class*=-col-], [data-grid] [class*=-split-] { float: left; } [data-grid] [class^=col-1] { width: 10%; } [data-grid] [class^=col-2] { width: 20%; } [data-grid] [class^=col-3] { width: 30%; } [data-grid] [class^=col-4] { width: 40%; } [data-grid] [class^=col-5] { width: 50%; } [data-grid] [class^=col-6] { width: 60%; } [data-grid] [class^=col-7] { width: 70%; } [data-grid] [class^=col-8] { width: 80%; } [data-grid] [class^=col-9] { width: 90%; } [data-grid] [class^=col-10] { width: 100%; } [data-grid] [class^=split-1] { width: calc(100%/1); } [data-grid] [class^=split-2] { width: calc(100%/2); } [data-grid] [class^=split-3] { width: calc(100%/3); } [data-grid] [class^=split-4] { width: calc(100%/4); } [data-grid] [class^=split-5] { width: calc(100%/5); } [data-grid] [class^=split-6] { width: calc(100%/6); } [data-grid] [class^=split-7] { width: calc(100%/7); } [data-grid] [class^=split-8] { width: calc(100%/8); } [data-grid] [class^=split-9] { width: calc(100%/9); } [data-grid] [class^=split-10] { width: calc(100%/10); } </style> <style>@media(min-width:1px) and (max-width:101px){[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-col-10],[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at1="0"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at1="0"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-col-10],[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at1="1"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at1="1"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-col-10],[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at1="2"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at1="2"] [class*=hide-small]{display:none}}@media(min-width:101px) and (max-width:201px){[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-col-10],[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at101="0"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at101="0"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-col-10],[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at101="1"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at101="1"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-col-10],[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at101="2"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at101="2"] [class*=hide-small]{display:none}}@media(min-width:201px) and (max-width:301px){[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-col-10],[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at201="0"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at201="0"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-col-10],[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at201="1"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at201="1"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-col-10],[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at201="2"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at201="2"] [class*=hide-small]{display:none}}@media(min-width:301px) and (max-width:401px){[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-col-10],[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at301="0"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at301="0"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-col-10],[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at301="1"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at301="1"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-col-10],[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at301="2"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at301="2"] [class*=hide-small]{display:none}}@media(min-width:401px) and (max-width:501px){[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-col-10],[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at401="0"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at401="0"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-col-10],[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at401="1"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at401="1"] [class*=hide-small]{display:none}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-1]{width:10%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-2]{width:20%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-3]{width:30%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-4]{width:40%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-5]{width:50%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-6]{width:60%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-7]{width:70%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-8]{width:80%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-9]{width:90%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-col-10],[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-1]{width:100%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-2]{width:50%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-3]{width:33.33333%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-4]{width:25%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-5]{width:20%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-6]{width:16.66667%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-7]{width:14.28571%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-8]{width:12.5%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-9]{width:11.11111%}[data-datagrideleloffsetWidth400at401="2"] [class*=small-split-10]{width:10%}[data-datagrideleloffsetWidth400at401="2"] [class*=hide-small]{display:none}}@media(min-width:501px) and (max-width:601px){[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="0"] [class*=hide-medium]{display:none}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="1"] [class*=hide-medium]{display:none}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at501="2"] [class*=hide-medium]{display:none}}@media(min-width:601px) and (max-width:701px){[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="0"] [class*=hide-medium]{display:none}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="1"] [class*=hide-medium]{display:none}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at601="2"] [class*=hide-medium]{display:none}}@media(min-width:701px) and (max-width:801px){[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="0"] [class*=hide-medium]{display:none}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="1"] [class*=hide-medium]{display:none}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at701="2"] [class*=hide-medium]{display:none}}@media(min-width:801px) and (max-width:901px){[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="0"] [class*=hide-medium]{display:none}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-6]{width:16.66667%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-7]{width:14.28571%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-8]{width:12.5%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-9]{width:11.11111%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=medium-split-10]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="1"] [class*=hide-medium]{display:none}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-1]{width:10%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-2]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-3]{width:30%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-4]{width:40%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-5]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-6]{width:60%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-7]{width:70%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-8]{width:80%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-9]{width:90%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-col-10],[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-split-1]{width:100%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-split-2]{width:50%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-split-3]{width:33.33333%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-split-4]{width:25%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-split-5]{width:20%}[data-datagridel400eloffsetWidtheloffsetWidth800at801="2"] [class*=medium-split-6]{width:16.66667%}[data-datagride