UNPKG

qompile

Version:

Compile HTML plus dynamic styles and convert to HTML and CSS

47 lines (44 loc) • 62.8 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
<!DOCTYPE html><html><head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Nested Elements</title> <style> /* Nested Elements */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10pt; font-family: sans-serif; -webkit-text-size-adjust: 100%; } body { margin: 1em; } article { padding: 2em; background: #eee; border-radius: .3em; margin: 0 0 1em 0; } article:before { content: '< 200px wide'; } /* Layout */ @media (min-width: 600px) { main, aside { float: left; width: calc(60% - .5em); margin-right: 1em; } aside { width: calc(40% - .5em); margin-right: 0; } } </style> <style>@media(min-width:241px) and (max-width:271px){[data-articleel200eloffsetWidtheloffsetWidth300at241="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at241="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at241="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at241="1"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at241="2"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at241="2"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at241="3"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at241="3"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at241="4"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at241="4"]{background:#87cefa}}@media(min-width:271px) and (max-width:301px){[data-articleel200eloffsetWidtheloffsetWidth300at271="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at271="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at271="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at271="1"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at271="2"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at271="2"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at271="3"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at271="3"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at271="4"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at271="4"]{background:#87cefa}}@media(min-width:301px) and (max-width:331px){[data-articleel200eloffsetWidtheloffsetWidth300at301="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at301="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at301="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at301="1"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at301="2"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at301="2"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at301="3"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at301="3"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at301="4"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at301="4"]{background:#87cefa}}@media(min-width:331px) and (max-width:361px){[data-articleel300eloffsetWidtheloffsetWidth400at331="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at331="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at331="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at331="1"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at331="2"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at331="2"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at331="3"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at331="3"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at331="4"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at331="4"]{background:pink}}@media(min-width:361px) and (max-width:391px){[data-articleel300eloffsetWidtheloffsetWidth400at361="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at361="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at361="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at361="1"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at361="2"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at361="2"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at361="3"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at361="3"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at361="4"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at361="4"]{background:pink}}@media(min-width:391px) and (max-width:421px){[data-articleel300eloffsetWidtheloffsetWidth400at391="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at391="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at391="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at391="1"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at391="2"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at391="2"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at391="3"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at391="3"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at391="4"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at391="4"]{background:pink}}@media(min-width:421px) and (max-width:451px){[data-articleel300eloffsetWidtheloffsetWidth400at421="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at421="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at421="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at421="1"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at421="2"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at421="2"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at421="3"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at421="3"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at421="4"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at421="4"]{background:pink}}@media(min-width:451px) and (max-width:481px){[data-articleel400eloffsetWidtheloffsetWidth500at451="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at451="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at451="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at451="1"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at451="2"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at451="2"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at451="3"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at451="3"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at451="4"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at451="4"]{background:#90ee90}}@media(min-width:481px) and (max-width:511px){[data-articleel400eloffsetWidtheloffsetWidth500at481="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at481="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at481="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at481="1"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at481="2"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at481="2"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at481="3"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at481="3"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at481="4"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at481="4"]{background:#90ee90}}@media(min-width:511px) and (max-width:541px){[data-articleel400eloffsetWidtheloffsetWidth500at511="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at511="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at511="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at511="1"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at511="2"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at511="2"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at511="3"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at511="3"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at511="4"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at511="4"]{background:#90ee90}}@media(min-width:541px) and (max-width:571px){[data-articleel500eloffsetWidtheloffsetWidth600at541="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at541="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at541="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at541="1"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at541="2"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at541="2"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at541="3"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at541="3"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at541="4"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at541="4"]{background:coral}}@media(min-width:571px) and (max-width:601px){[data-articleel500eloffsetWidtheloffsetWidth600at571="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at571="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at571="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at571="1"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at571="2"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at571="2"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at571="3"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at571="3"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at571="4"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at571="4"]{background:coral}}@media(min-width:601px) and (max-width:631px){[data-articleel200eloffsetWidtheloffsetWidth300at601="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at601="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at601="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at601="1"]{background:#87cefa}[data-articleel300eloffsetWidtheloffsetWidth400at601="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at601="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at601="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at601="1"]{background:pink}[data-articleel500eloffsetWidtheloffsetWidth600at601="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at601="0"]{background:coral}}@media(min-width:631px) and (max-width:661px){[data-articleel200eloffsetWidtheloffsetWidth300at631="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at631="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at631="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at631="1"]{background:#87cefa}[data-articleel300eloffsetWidtheloffsetWidth400at631="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at631="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at631="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at631="1"]{background:pink}[data-articleel600eloffsetWidtheloffsetWidth700at631="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at631="0"]{background:#7b68ee}}@media(min-width:661px) and (max-width:691px){[data-articleel200eloffsetWidtheloffsetWidth300at661="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at661="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at661="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at661="1"]{background:#87cefa}[data-articleel300eloffsetWidtheloffsetWidth400at661="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at661="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at661="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at661="1"]{background:pink}[data-articleel600eloffsetWidtheloffsetWidth700at661="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at661="0"]{background:#7b68ee}}@media(min-width:691px) and (max-width:721px){[data-articleel200eloffsetWidtheloffsetWidth300at691="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at691="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at691="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at691="1"]{background:#87cefa}[data-articleel300eloffsetWidtheloffsetWidth400at691="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at691="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at691="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at691="1"]{background:pink}[data-articleel600eloffsetWidtheloffsetWidth700at691="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at691="0"]{background:#7b68ee}}@media(min-width:721px) and (max-width:751px){[data-articleel200eloffsetWidtheloffsetWidth300at721="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at721="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at721="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at721="1"]{background:#87cefa}[data-articleel400eloffsetWidtheloffsetWidth500at721="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at721="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at721="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at721="1"]{background:#90ee90}[data-articleel600eloffsetWidtheloffsetWidth700at721="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at721="0"]{background:#7b68ee}}@media(min-width:751px) and (max-width:781px){[data-articleel200eloffsetWidtheloffsetWidth300at751="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at751="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at751="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at751="1"]{background:#87cefa}[data-articleel400eloffsetWidtheloffsetWidth500at751="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at751="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at751="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at751="1"]{background:#90ee90}[data-articleel700eloffsetWidthat751="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat751="0"]{background:khaki}}@media(min-width:781px) and (max-width:811px){[data-articleel200eloffsetWidtheloffsetWidth300at781="0"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at781="0"]{background:#87cefa}[data-articleel200eloffsetWidtheloffsetWidth300at781="1"]:before{content:"200px"}[data-articleel200eloffsetWidtheloffsetWidth300at781="1"]{background:#87cefa}[data-articleel400eloffsetWidtheloffsetWidth500at781="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at781="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at781="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at781="1"]{background:#90ee90}[data-articleel700eloffsetWidthat781="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat781="0"]{background:khaki}}@media(min-width:811px) and (max-width:841px){[data-articleel300eloffsetWidtheloffsetWidth400at811="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at811="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at811="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at811="1"]{background:pink}[data-articleel400eloffsetWidtheloffsetWidth500at811="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at811="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at811="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at811="1"]{background:#90ee90}[data-articleel700eloffsetWidthat811="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat811="0"]{background:khaki}}@media(min-width:841px) and (max-width:871px){[data-articleel300eloffsetWidtheloffsetWidth400at841="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at841="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at841="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at841="1"]{background:pink}[data-articleel400eloffsetWidtheloffsetWidth500at841="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at841="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at841="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at841="1"]{background:#90ee90}[data-articleel700eloffsetWidthat841="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat841="0"]{background:khaki}}@media(min-width:871px) and (max-width:901px){[data-articleel300eloffsetWidtheloffsetWidth400at871="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at871="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at871="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at871="1"]{background:pink}[data-articleel500eloffsetWidtheloffsetWidth600at871="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at871="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at871="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at871="1"]{background:coral}[data-articleel700eloffsetWidthat871="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat871="0"]{background:khaki}}@media(min-width:901px) and (max-width:931px){[data-articleel300eloffsetWidtheloffsetWidth400at901="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at901="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at901="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at901="1"]{background:pink}[data-articleel500eloffsetWidtheloffsetWidth600at901="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at901="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at901="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at901="1"]{background:coral}[data-articleel700eloffsetWidthat901="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat901="0"]{background:khaki}}@media(min-width:931px) and (max-width:961px){[data-articleel300eloffsetWidtheloffsetWidth400at931="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at931="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at931="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at931="1"]{background:pink}[data-articleel500eloffsetWidtheloffsetWidth600at931="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at931="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at931="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at931="1"]{background:coral}[data-articleel700eloffsetWidthat931="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat931="0"]{background:khaki}}@media(min-width:961px) and (max-width:991px){[data-articleel300eloffsetWidtheloffsetWidth400at961="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at961="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at961="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at961="1"]{background:pink}[data-articleel500eloffsetWidtheloffsetWidth600at961="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at961="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at961="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at961="1"]{background:coral}[data-articleel700eloffsetWidthat961="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat961="0"]{background:khaki}}@media(min-width:991px) and (max-width:1021px){[data-articleel300eloffsetWidtheloffsetWidth400at991="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at991="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at991="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at991="1"]{background:pink}[data-articleel500eloffsetWidtheloffsetWidth600at991="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at991="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at991="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at991="1"]{background:coral}[data-articleel700eloffsetWidthat991="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat991="0"]{background:khaki}}@media(min-width:1021px) and (max-width:1051px){[data-articleel300eloffsetWidtheloffsetWidth400at1021="0"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at1021="0"]{background:pink}[data-articleel300eloffsetWidtheloffsetWidth400at1021="1"]:before{content:"300px"}[data-articleel300eloffsetWidtheloffsetWidth400at1021="1"]{background:pink}[data-articleel500eloffsetWidtheloffsetWidth600at1021="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1021="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1021="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1021="1"]{background:coral}[data-articleel700eloffsetWidthat1021="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1021="0"]{background:khaki}}@media(min-width:1051px) and (max-width:1081px){[data-articleel400eloffsetWidtheloffsetWidth500at1051="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1051="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1051="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1051="1"]{background:#90ee90}[data-articleel600eloffsetWidtheloffsetWidth700at1051="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1051="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1051="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1051="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1051="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1051="0"]{background:khaki}}@media(min-width:1081px) and (max-width:1111px){[data-articleel400eloffsetWidtheloffsetWidth500at1081="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1081="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1081="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1081="1"]{background:#90ee90}[data-articleel600eloffsetWidtheloffsetWidth700at1081="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1081="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1081="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1081="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1081="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1081="0"]{background:khaki}}@media(min-width:1111px) and (max-width:1141px){[data-articleel400eloffsetWidtheloffsetWidth500at1111="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1111="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1111="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1111="1"]{background:#90ee90}[data-articleel600eloffsetWidtheloffsetWidth700at1111="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1111="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1111="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1111="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1111="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1111="0"]{background:khaki}}@media(min-width:1141px) and (max-width:1171px){[data-articleel400eloffsetWidtheloffsetWidth500at1141="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1141="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1141="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1141="1"]{background:#90ee90}[data-articleel600eloffsetWidtheloffsetWidth700at1141="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1141="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1141="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1141="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1141="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1141="0"]{background:khaki}}@media(min-width:1171px) and (max-width:1201px){[data-articleel400eloffsetWidtheloffsetWidth500at1171="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1171="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1171="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1171="1"]{background:#90ee90}[data-articleel600eloffsetWidtheloffsetWidth700at1171="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1171="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1171="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1171="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1171="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1171="0"]{background:khaki}}@media(min-width:1201px) and (max-width:1231px){[data-articleel400eloffsetWidtheloffsetWidth500at1201="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1201="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1201="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1201="1"]{background:#90ee90}[data-articleel600eloffsetWidtheloffsetWidth700at1201="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1201="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1201="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1201="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1201="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1201="0"]{background:khaki}}@media(min-width:1231px) and (max-width:1261px){[data-articleel400eloffsetWidtheloffsetWidth500at1231="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1231="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1231="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1231="1"]{background:#90ee90}[data-articleel700eloffsetWidthat1231="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1231="0"]{background:khaki}[data-articleel700eloffsetWidthat1231="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1231="1"]{background:khaki}[data-articleel700eloffsetWidthat1231="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1231="2"]{background:khaki}}@media(min-width:1261px) and (max-width:1291px){[data-articleel400eloffsetWidtheloffsetWidth500at1261="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1261="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1261="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1261="1"]{background:#90ee90}[data-articleel700eloffsetWidthat1261="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1261="0"]{background:khaki}[data-articleel700eloffsetWidthat1261="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1261="1"]{background:khaki}[data-articleel700eloffsetWidthat1261="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1261="2"]{background:khaki}}@media(min-width:1291px) and (max-width:1321px){[data-articleel400eloffsetWidtheloffsetWidth500at1291="0"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1291="0"]{background:#90ee90}[data-articleel400eloffsetWidtheloffsetWidth500at1291="1"]:before{content:"400px"}[data-articleel400eloffsetWidtheloffsetWidth500at1291="1"]{background:#90ee90}[data-articleel700eloffsetWidthat1291="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1291="0"]{background:khaki}[data-articleel700eloffsetWidthat1291="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1291="1"]{background:khaki}[data-articleel700eloffsetWidthat1291="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1291="2"]{background:khaki}}@media(min-width:1321px) and (max-width:1351px){[data-articleel500eloffsetWidtheloffsetWidth600at1321="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1321="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1321="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1321="1"]{background:coral}[data-articleel700eloffsetWidthat1321="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1321="0"]{background:khaki}[data-articleel700eloffsetWidthat1321="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1321="1"]{background:khaki}[data-articleel700eloffsetWidthat1321="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1321="2"]{background:khaki}}@media(min-width:1351px) and (max-width:1381px){[data-articleel500eloffsetWidtheloffsetWidth600at1351="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1351="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1351="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1351="1"]{background:coral}[data-articleel700eloffsetWidthat1351="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1351="0"]{background:khaki}[data-articleel700eloffsetWidthat1351="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1351="1"]{background:khaki}[data-articleel700eloffsetWidthat1351="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1351="2"]{background:khaki}}@media(min-width:1381px) and (max-width:1411px){[data-articleel500eloffsetWidtheloffsetWidth600at1381="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1381="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1381="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1381="1"]{background:coral}[data-articleel700eloffsetWidthat1381="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1381="0"]{background:khaki}[data-articleel700eloffsetWidthat1381="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1381="1"]{background:khaki}[data-articleel700eloffsetWidthat1381="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1381="2"]{background:khaki}}@media(min-width:1411px) and (max-width:1441px){[data-articleel500eloffsetWidtheloffsetWidth600at1411="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1411="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1411="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1411="1"]{background:coral}[data-articleel700eloffsetWidthat1411="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1411="0"]{background:khaki}[data-articleel700eloffsetWidthat1411="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1411="1"]{background:khaki}[data-articleel700eloffsetWidthat1411="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1411="2"]{background:khaki}}@media(min-width:1441px) and (max-width:1471px){[data-articleel500eloffsetWidtheloffsetWidth600at1441="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1441="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1441="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1441="1"]{background:coral}[data-articleel700eloffsetWidthat1441="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1441="0"]{background:khaki}[data-articleel700eloffsetWidthat1441="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1441="1"]{background:khaki}[data-articleel700eloffsetWidthat1441="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1441="2"]{background:khaki}}@media(min-width:1471px) and (max-width:1501px){[data-articleel500eloffsetWidtheloffsetWidth600at1471="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1471="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1471="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1471="1"]{background:coral}[data-articleel700eloffsetWidthat1471="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1471="0"]{background:khaki}[data-articleel700eloffsetWidthat1471="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1471="1"]{background:khaki}[data-articleel700eloffsetWidthat1471="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1471="2"]{background:khaki}}@media(min-width:1501px) and (max-width:1531px){[data-articleel500eloffsetWidtheloffsetWidth600at1501="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1501="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1501="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1501="1"]{background:coral}[data-articleel700eloffsetWidthat1501="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1501="0"]{background:khaki}[data-articleel700eloffsetWidthat1501="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1501="1"]{background:khaki}[data-articleel700eloffsetWidthat1501="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1501="2"]{background:khaki}}@media(min-width:1531px) and (max-width:1561px){[data-articleel500eloffsetWidtheloffsetWidth600at1531="0"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1531="0"]{background:coral}[data-articleel500eloffsetWidtheloffsetWidth600at1531="1"]:before{content:"500px"}[data-articleel500eloffsetWidtheloffsetWidth600at1531="1"]{background:coral}[data-articleel700eloffsetWidthat1531="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1531="0"]{background:khaki}[data-articleel700eloffsetWidthat1531="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1531="1"]{background:khaki}[data-articleel700eloffsetWidthat1531="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1531="2"]{background:khaki}}@media(min-width:1561px) and (max-width:1591px){[data-articleel600eloffsetWidtheloffsetWidth700at1561="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1561="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1561="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1561="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1561="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1561="0"]{background:khaki}[data-articleel700eloffsetWidthat1561="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1561="1"]{background:khaki}[data-articleel700eloffsetWidthat1561="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1561="2"]{background:khaki}}@media(min-width:1591px) and (max-width:1621px){[data-articleel600eloffsetWidtheloffsetWidth700at1591="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1591="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1591="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1591="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1591="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1591="0"]{background:khaki}[data-articleel700eloffsetWidthat1591="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1591="1"]{background:khaki}[data-articleel700eloffsetWidthat1591="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1591="2"]{background:khaki}}@media(min-width:1621px) and (max-width:1651px){[data-articleel600eloffsetWidtheloffsetWidth700at1621="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1621="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1621="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1621="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1621="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1621="0"]{background:khaki}[data-articleel700eloffsetWidthat1621="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1621="1"]{background:khaki}[data-articleel700eloffsetWidthat1621="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1621="2"]{background:khaki}}@media(min-width:1651px) and (max-width:1681px){[data-articleel600eloffsetWidtheloffsetWidth700at1651="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1651="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1651="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1651="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1651="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1651="0"]{background:khaki}[data-articleel700eloffsetWidthat1651="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1651="1"]{background:khaki}[data-articleel700eloffsetWidthat1651="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1651="2"]{background:khaki}}@media(min-width:1681px) and (max-width:1711px){[data-articleel600eloffsetWidtheloffsetWidth700at1681="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1681="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1681="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1681="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1681="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1681="0"]{background:khaki}[data-articleel700eloffsetWidthat1681="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1681="1"]{background:khaki}[data-articleel700eloffsetWidthat1681="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1681="2"]{background:khaki}}@media(min-width:1711px) and (max-width:1741px){[data-articleel600eloffsetWidtheloffsetWidth700at1711="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1711="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1711="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1711="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1711="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1711="0"]{background:khaki}[data-articleel700eloffsetWidthat1711="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1711="1"]{background:khaki}[data-articleel700eloffsetWidthat1711="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1711="2"]{background:khaki}}@media(min-width:1741px) and (max-width:1771px){[data-articleel600eloffsetWidtheloffsetWidth700at1741="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1741="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1741="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1741="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1741="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1741="0"]{background:khaki}[data-articleel700eloffsetWidthat1741="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1741="1"]{background:khaki}[data-articleel700eloffsetWidthat1741="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1741="2"]{background:khaki}}@media(min-width:1771px) and (max-width:1801px){[data-articleel600eloffsetWidtheloffsetWidth700at1771="0"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1771="0"]{background:#7b68ee}[data-articleel600eloffsetWidtheloffsetWidth700at1771="1"]:before{content:"600px"}[data-articleel600eloffsetWidtheloffsetWidth700at1771="1"]{background:#7b68ee}[data-articleel700eloffsetWidthat1771="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1771="0"]{background:khaki}[data-articleel700eloffsetWidthat1771="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1771="1"]{background:khaki}[data-articleel700eloffsetWidthat1771="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1771="2"]{background:khaki}}@media(min-width:1801px) and (max-width:1831px){[data-articleel700eloffsetWidthat1801="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1801="0"]{background:khaki}[data-articleel700eloffsetWidthat1801="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1801="1"]{background:khaki}[data-articleel700eloffsetWidthat1801="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1801="2"]{background:khaki}[data-articleel700eloffsetWidthat1801="3"]:before{content:"700px"}[data-articleel700eloffsetWidthat1801="3"]{background:khaki}[data-articleel700eloffsetWidthat1801="4"]:before{content:"700px"}[data-articleel700eloffsetWidthat1801="4"]{background:khaki}}@media(min-width:1831px) and (max-width:1861px){[data-articleel700eloffsetWidthat1831="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1831="0"]{background:khaki}[data-articleel700eloffsetWidthat1831="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1831="1"]{background:khaki}[data-articleel700eloffsetWidthat1831="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1831="2"]{background:khaki}[data-articleel700eloffsetWidthat1831="3"]:before{content:"700px"}[data-articleel700eloffsetWidthat1831="3"]{background:khaki}[data-articleel700eloffsetWidthat1831="4"]:before{content:"700px"}[data-articleel700eloffsetWidthat1831="4"]{background:khaki}}@media(min-width:1861px) and (max-width:1891px){[data-articleel700eloffsetWidthat1861="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1861="0"]{background:khaki}[data-articleel700eloffsetWidthat1861="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1861="1"]{background:khaki}[data-articleel700eloffsetWidthat1861="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1861="2"]{background:khaki}[data-articleel700eloffsetWidthat1861="3"]:before{content:"700px"}[data-articleel700eloffsetWidthat1861="3"]{background:khaki}[data-articleel700eloffsetWidthat1861="4"]:before{content:"700px"}[data-articleel700eloffsetWidthat1861="4"]{background:khaki}}@media(min-width:1891px) and (max-width:1921px){[data-articleel700eloffsetWidthat1891="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1891="0"]{background:khaki}[data-articleel700eloffsetWidthat1891="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1891="1"]{background:khaki}[data-articleel700eloffsetWidthat1891="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1891="2"]{background:khaki}[data-articleel700eloffsetWidthat1891="3"]:before{content:"700px"}[data-articleel700eloffsetWidthat1891="3"]{background:khaki}[data-articleel700eloffsetWidthat1891="4"]:before{content:"700px"}[data-articleel700eloffsetWidthat1891="4"]{background:khaki}}@media(min-width:1921px) and (max-width:1951px){[data-articleel700eloffsetWidthat1921="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1921="0"]{background:khaki}[data-articleel700eloffsetWidthat1921="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1921="1"]{background:khaki}[data-articleel700eloffsetWidthat1921="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1921="2"]{background:khaki}[data-articleel700eloffsetWidthat1921="3"]:before{content:"700px"}[data-articleel700eloffsetWidthat1921="3"]{background:khaki}[data-articleel700eloffsetWidthat1921="4"]:before{content:"700px"}[data-articleel700eloffsetWidthat1921="4"]{background:khaki}}@media(min-width:1951px) and (max-width:1981px){[data-articleel700eloffsetWidthat1951="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1951="0"]{background:khaki}[data-articleel700eloffsetWidthat1951="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1951="1"]{background:khaki}[data-articleel700eloffsetWidthat1951="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1951="2"]{background:khaki}[data-articleel700eloffsetWidthat1951="3"]:before{content:"700px"}[data-articleel700eloffsetWidthat1951="3"]{background:khaki}[data-articleel700eloffsetWidthat1951="4"]:before{content:"700px"}[data-articleel700eloffsetWidthat1951="4"]{background:khaki}}@media(min-width:1981px) and (max-width:2000px){[data-articleel700eloffsetWidthat1981="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat1981="0"]{background:khaki}[data-articleel700eloffsetWidthat1981="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat1981="1"]{background:khaki}[data-articleel700eloffsetWidthat1981="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat1981="2"]{background:khaki}[data-articleel700eloffsetWidthat1981="3"]:before{content:"700px"}[data-articleel700eloffsetWidthat1981="3"]{background:khaki}[data-articleel700eloffsetWidthat1981="4"]:before{content:"700px"}[data-articleel700eloffsetWidthat1981="4"]{background:khaki}}@media(min-width:2000px){[data-articleel700eloffsetWidthat2000="0"]:before{content:"700px"}[data-articleel700eloffsetWidthat2000="0"]{background:khaki}[data-articleel700eloffsetWidthat2000="1"]:before{content:"700px"}[data-articleel700eloffsetWidthat2000="1"]{background:khaki}[data-articleel700eloffsetWidthat2000="2"]:before{content:"700px"}[data-articleel700eloffsetWidthat2000="2"]{background:khaki}[data-articleel700eloffsetWidthat2000="3"]:before{content:"700px"}[data-articleel700eloffsetWidthat2000="3"]{background:khaki}[data-articleel700eloffsetWidthat2000="4"]:before{content:"700px"}[data-articleel700eloffsetWidthat2000="4"]{background:khaki}}</style></head><body><h1>Nesting Container-Query Enabled Elements</h1> <header> <h2>Header</h2> <article data-articleel200eloffsetwidtheloffsetwidth300at241="0" data-articleel200eloffsetwidtheloffsetwidth300at271="0" data-articleel200eloffsetwidtheloffsetwidth300at301="0" data-articleel300eloffsetwidtheloffsetwidth400at331="0" data-articleel300eloffsetwidtheloffsetwidth400at361="0" data-articleel300eloffsetwidtheloffsetwidth400at391="0" data-articleel300eloffsetwidtheloffsetwidth400at421="0" data-articleel400eloffsetwidtheloffsetwidth500at451="0" data-articleel400eloffsetwidtheloffsetwidth500at481="0" data-articleel400eloffsetwidtheloffsetwidth500at511="0" data-articleel500eloffsetwidtheloffsetwidth600at541="0" data-articleel500eloffsetwidtheloffsetwidth600at571="0" data-articleel500eloffsetwidtheloffsetwidth600at601="0" data-articleel600eloffsetwidtheloffsetwidth700at631="0" data-articleel600eloffsetwidtheloffsetwidth700at661="0" data-articleel600eloffsetwidtheloffsetwidth700at691="0" data-articleel600eloffsetwidtheloffsetwidth700at721="0" data-articleel700eloffsetwidthat751="0" data-articleel700eloffsetwidthat781="0" data-articleel700eloffsetwidthat811="0" data-articleel700eloffsetwidthat841="0" data-articleel700eloffsetwidthat871="0" data-articleel700eloffsetwidthat901="0" data-articleel700eloffsetwidthat931="0" data-articleel700eloffsetwidthat961="0" data-articleel700eloffsetwidthat991="0" data-articleel700eloffsetwidthat1021="0" data-articleel700eloffsetwidthat1051="0" data-articleel700eloffsetwidthat1081="0" data-articleel700eloffsetwidthat1111="0" data-articleel700eloffsetwidthat1141="0" data-articleel700eloffsetwidthat1171="0" data-articleel700eloffsetwidthat1201="0" data-articleel700eloffsetwidthat1231="0" data-articleel700eloffsetwidthat1261="0" data-articleel700eloffsetwidthat1291="0" data-articleel700eloffsetwidthat1321="0" data-articleel700eloffsetwidthat1351="0" data-articleel700eloffsetwidthat1381="0" data-articleel700eloffsetwidthat1411="0" data-articleel700eloffsetwidthat1441="0" data-articleel700eloffsetwidthat1471="0" data-articleel700eloffsetwidthat1501="0" data-articleel700eloffsetwidthat1531="0" data-articleel700eloffsetwidthat1561="0" data-articleel700eloffsetwidthat1591="0" data-articleel700eloffsetwidthat1621="0" data-articleel700eloffsetwidthat1651="0" data-articleel700eloffsetwidthat1681="0" data-articleel700eloffsetwidthat1711="0" data-articleel700eloffsetwidthat1741="0" data-articleel700eloffsetwidthat1771="0" data-articleel700eloffsetwidthat1801="0" data-articleel700eloffsetwidthat1831="0" data-articleel700eloffsetwidthat1861="0" data-articleel700eloffsetwidthat1891="0" data-articl