-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathchart-rewind.html
More file actions
214 lines (188 loc) · 57.8 KB
/
Copy pathchart-rewind.html
File metadata and controls
214 lines (188 loc) · 57.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
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!doctype html>
<html lang='en' data-version='1531826600886'>
<head>
<title>World Cup 2018: How Every Country is Searching</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<meta name='description' content='The most searched players, national teams, and recaps of every match.' />
<meta name='news_keywords' content='worldcup,football' />
<meta property='og:title' content='World Cup 2018: How Every Country is Searching' />
<meta property='og:site_name' content='Google Trends' />
<meta property='og:url' content='https://googletrends.github.io/world-cup-2018/' />
<meta property='og:description' content='The most searched players, national teams, and recaps of every match.' />
<meta property='og:type' content='article' />
<meta property='og:locale' content='en_US' />
<meta property='og:image' content='https://googletrends.github.io/world-cup-2018/assets/social/social-facebook.png' />
<meta property='og:image:type' content='image/png' />
<meta property='og:image:width' content='1200' />
<meta property='og:image:height' content='628' />
<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:site' content='https://trends.google.com' />
<meta name='twitter:creator' content='@GoogleNewsInit' />
<meta name='twitter:title' content='World Cup 2018: How Every Country is Searching' />
<meta name='twitter:description' content='The most searched players, national teams, and recaps of every match.' />
<meta name='twitter:image:src' content='https://googletrends.github.io/world-cup-2018/assets/social/social-twitter.png' />
<link rel='canonical' href='https://googletrends.github.io/world-cup-2018/' />
<style>.fill-0{fill:red}.stroke-0{stroke:red}.bg-0{background-color:red}.fill-1{fill:orange}.stroke-1{stroke:orange}.bg-1{background-color:orange}.fill-2{fill:green}.stroke-2{stroke:green}.bg-2{background-color:green}.fill-3{fill:#00f}.stroke-3{stroke:#00f}.bg-3{background-color:#00f}.fill-4{fill:purple}.stroke-4{stroke:purple}.bg-4{background-color:purple}.fill-5{fill:brown}.stroke-5{stroke:brown}.bg-5{background-color:brown}*{-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}a img{border:none}blockquote{quotes:none}blockquote:after,blockquote:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}.hide-accessible{width:1px;height:1px;overflow:hidden;position:absolute}.hide-invisible{visibility:hidden}.hide-display{display:none}.skip-to-main{border:none;width:1px;height:1px;overflow:hidden;position:absolute}.skip-to-main:focus{width:auto;height:auto;background-color:#f4f4f4;padding:.5em;z-index:1}.prose{max-width:40rem;margin:0 auto;padding:0 1rem}.prose__hed{font-weight:700}.media-overlay{position:absolute;top:0;left:0;width:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDMDBGQ0Y5NEI4NjExRTM5RTg2QTY1RTUyQjIxNEQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDMDBGQ0ZBNEI4NjExRTM5RTg2QTY1RTUyQjIxNEQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REMwMEZDRjc0Qjg2MTFFMzlFODZBNjVFNTJCMjE0RDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REMwMEZDRjg0Qjg2MTFFMzlFODZBNjVFNTJCMjE0RDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6C0EmkAAAAGElEQVR42mJiYGD4DwQMTECCEchhAAgwAEcGBv9dngKPAAAAAElFTkSuQmCC)}.graphic__hed{font-weight:500}.graphic__dek{margin:0;margin-bottom:1.5rem}.graphic__chart{width:100%}.graphic__key{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.graphic__key li{padding:0;margin-left:.75em;letter-spacing:.05em;text-transform:uppercase;font-weight:700;line-height:1}.graphic__key li:before{content:'';display:inline-block;width:.8em;height:.8em;background-color:#282828;margin-right:.25em}.xxx-small{font-size:10px;line-height:1.5}.xx-small{font-size:11px;line-height:1.5}.x-small{font-size:12px;line-height:1.5}.small{font-size:14px;line-height:1.5}.root{font-size:16px;line-height:1.7}.medium{font-size:17px;line-height:1.7}.large{font-size:24px;line-height:1.5}.x-large{font-size:32px;line-height:1.5}.xx-large{font-size:40px;line-height:1.2}.xxx-large{font-size:48px;line-height:1.2}.xxxx-large{font-size:64px;line-height:1.2}body{-webkit-font-feature-settings:'kern' 1,'onum' 0,'liga' 0,'tnum' 1;font-feature-settings:'kern' 1,'onum' 0,'liga' 0,'tnum' 1;font-family:Roboto,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#fff;color:#282828;font-size:16px}h1{font-size:40px;line-height:1.2;margin-top:1.5rem}h2{font-size:32px;line-height:1.5;margin-top:1.5rem}h3{font-size:24px;line-height:1.5;margin-top:1.5rem}h4{font-size:17px;line-height:1.7;margin-top:1.5rem}h5{font-size:16px;line-height:1.7;margin-top:1.5rem}h6{font-size:14px;line-height:1.5;margin-top:1.5rem}p{margin:1.5rem 0;font-size:16px;line-height:1.7}a{text-decoration:none;border-bottom:1px solid #282828;color:#282828}a:hover,a:visited{color:#282828}b,strong{font-weight:700}em,i{font-style:italic}ul{list-style-type:none}li{list-style-type:none;font-size:16px}img,video{display:block;width:100%}button{cursor:pointer;border:none;outline:0;margin:0;padding:0;font-size:1rem;font-size:16px}sub,sup{font-size:.75rem;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}/*! nouislider - 11.0.3 - 2018-01-21 14:04:07 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%,0);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.slider.noUi-target{-webkit-box-shadow:none;box-shadow:none;border:none;background-color:transparent}.slider.noUi-horizontal{cursor:pointer;height:20px;background:0 0}.slider.noUi-horizontal .noUi-pips{padding-top:0;margin-top:-5px;z-index:0}.slider.noUi-horizontal .noUi-pips:after{content:'';display:block;width:100%;height:2px;background:#969696;top:0;margin-top:-5px;position:absolute;border-radius:2px}.slider.noUi-horizontal .noUi-pips .noUi-marker{height:5px;width:1px;margin-left:0;display:none}.slider.noUi-horizontal .noUi-pips .noUi-marker-large,.slider.noUi-horizontal .noUi-pips .noUi-marker-sub{display:block;height:10px;width:10px;margin-left:0;-webkit-transform:translate(-50%,-9px);-ms-transform:translate(-50%,-9px);transform:translate(-50%,-9px);border:2px solid #969696;border-radius:50%;background:#f0f0f0;position:absolute;z-index:2}.slider.noUi-horizontal .noUi-pips .noUi-value-large,.slider.noUi-horizontal .noUi-pips .noUi-value-sub{font-size:12px;color:#969696;font-weight:600;margin-top:2px;text-transform:uppercase}.slider.noUi-horizontal .noUi-pips .noUi-value-sub:nth-of-type(odd){display:none}.slider.noUi-horizontal .noUi-pips .noUi-value-sub:nth-of-type(1){display:none}.slider.noUi-horizontal .noUi-base{height:100%}.slider.noUi-horizontal .noUi-origin{z-index:2}.slider.noUi-horizontal .noUi-handle{outline:0;width:20px;height:20px;top:0;border:2px solid #f0f0f0;background-color:#5b5b5b;border-radius:50%;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;-webkit-transform:translate(-7px,0);-ms-transform:translate(-7px,0);transform:translate(-7px,0);z-index:10000}.slider.noUi-horizontal .noUi-handle:before{display:none}.slider.noUi-horizontal .noUi-handle:after{display:none}#globe .chart__display{-ms-flex-wrap:wrap;flex-wrap:wrap}#globe .country{fill:#c9c9c9;stroke:#fff;stroke-width:.5px;cursor:pointer;cursor:hand}#globe .country-highlight{fill:#5b5b5b}#globe .vis{position:relative;overflow:hidden}#globe .vis:before{content:'Click to zoom the map';position:absolute;top:50%;left:0;right:0;margin:0 auto;color:#fff;text-align:center;width:200px;background:rgba(0,0,0,.6);font-weight:500;z-index:10000;font-family:Roboto;padding:.5rem .2rem;border-radius:40px}#globe .mouseovered:before{display:none}#globe .vis__flag{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}#globe .vis__flag.is-hide{opacity:0}#globe .vis__flag .flag{display:block;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);pointer-events:all;cursor:pointer;cursor:hand}#globe .g-voronoi{fill-opacity:0;stroke:none;cursor:pointer;cursor:hand}#globe .tooltip{pointer-events:none;position:absolute;top:-10000px;left:0;background:#fff;padding:.25rem .5rem;max-width:150px;-webkit-box-shadow:1px 1px 9px 2px rgba(0,0,0,.25);box-shadow:1px 1px 9px 2px rgba(0,0,0,.25);border-radius:5px;padding:.5rem .5rem;-webkit-transform:translate(1rem,1rem);-ms-transform:translate(1rem,1rem);transform:translate(1rem,1rem)}#globe .tooltip p{font-size:14px;line-height:1.5;margin:0;line-height:1.2}#globe .tooltip p .team,#globe .tooltip p .view{font-weight:600}#globe .zoomed-in:after{content:'Zoom Out';position:absolute;bottom:1rem;right:1rem;margin:0 auto;pointer-events:none;color:#000;text-align:center;width:45px;background:#fff;font-weight:500;z-index:10000;font-size:14px;font-family:Roboto;padding:.5rem .2rem;border-radius:5px;border:2px solid #ccc}#globe .slider.noUi-horizontal .noUi-pips .noUi-value{display:none}#globe .slider.noUi-horizontal .noUi-pips .noUi-value:nth-of-type(158){display:block}#globe .slider.noUi-horizontal .noUi-pips .noUi-value:nth-of-type(2){display:block}#matchup .chart__display{position:relative}#matchup .chart__display:before{content:'';background-image:-webkit-linear-gradient(135deg,transparent 46%,#d2d2d2 49%,#d2d2d2 51%,transparent 55%);background-image:-o-linear-gradient(135deg,transparent 46%,#d2d2d2 49%,#d2d2d2 51%,transparent 55%);background-image:linear-gradient(-45deg,transparent 46%,#d2d2d2 49%,#d2d2d2 51%,transparent 55%);background-size:10px 10px;position:absolute;z-index:-1;width:calc(100% - 7rem);height:100%;top:0;left:7rem;border-left:2px solid #000}#matchup .vis{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem;-ms-flex-pack:distribute;justify-content:space-around}#matchup .team{height:2rem;position:relative;margin-top:.5rem}#matchup .team .percent{color:#fff;font-weight:600;text-align:left;margin:0;padding:0 .5em;padding-right:0;line-height:2rem;bottom:-2px;right:3px;line-height:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);font-size:24px;font-weight:900;color:#fff;position:absolute}#matchup .team:last-of-type .percent{right:auto;left:3px}#matchup .team:last-of-type .percent{text-align:right}#matchup .match{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#matchup .match__time{font-weight:600;color:#5b5b5b;font-size:14px;width:7rem;margin-top:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex}#matchup .match__time span{line-height:2rem;text-align:right;width:100%;margin-right:10px;font-size:18px;color:#000;font-weight:400}#matchup .match__teams{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;border-left:2px solid #000}#matchup .match__label{font-weight:600;color:#5b5b5b;font-size:14px;width:100%}#matchup .match__label span{display:inline-block;text-align:right;padding-right:15px;font-size:16px;font-weight:600;padding-top:6px;line-height:1;vertical-align:top;min-width:75px}#matchup .match__label span:last-of-type{text-align:left;padding-right:0;padding-left:15px;position:relative}#matchup .match__label span:last-of-type:before{content:'vs.';position:absolute;left:0;top:5px;color:#000;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);font-weight:400}#player .chart__display{position:relative}#player .chart__display:before{content:'';background-image:-webkit-linear-gradient(135deg,transparent 46%,#d2d2d2 49%,#d2d2d2 51%,transparent 55%);background-image:-o-linear-gradient(135deg,transparent 46%,#d2d2d2 49%,#d2d2d2 51%,transparent 55%);background-image:linear-gradient(-45deg,transparent 46%,#d2d2d2 49%,#d2d2d2 51%,transparent 55%);background-size:10px 10px;position:absolute;z-index:-1;width:calc(100% - 8rem);height:100%;top:0;left:7.5rem}#player .countries{fill:#c9c9c9;stroke:#fff;stroke-width:.5px}#player .vis{width:100%}#player .vis .player{display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}#player .player__bar{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:auto}#player .player__bar .bar__rect{width:0;height:50%;margin-top:1rem;background:#969696;position:relative;text-align:right}#player .player__bar .bar__rect p{position:absolute;bottom:-5px;right:3px;line-height:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);font-size:24px;font-weight:900;color:#fff}#player .player__bar .sprite{position:absolute;top:-1rem;left:100%;width:70px;height:64px;background-size:cover}#player .player__bar .sprite.is-flip{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}#player .player__label{font-size:14px;font-weight:600;line-height:1;height:100%;width:7.5rem;padding-right:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-right:2px solid #000}#player .player__label .name{display:inline-block;vertical-align:middle;margin-left:.5rem;color:#656565;text-align:right}#player .player__label .flag{display:inline-block;height:100%;width:auto;height:1rem}#player .slider.noUi-horizontal .noUi-pips .noUi-value{display:none}#player .slider.noUi-horizontal .noUi-pips .noUi-value:nth-of-type(158){display:block}#player .slider.noUi-horizontal .noUi-pips .noUi-value:nth-of-type(2){display:block}#rewind .chart__title{font-size:16px;color:#333;font-weight:500;padding-top:7px;padding-bottom:5px}#rewind .chart__display{display:-webkit-box;display:-ms-flexbox;display:flex}#rewind .chart__display.is-hidden{display:none}#rewind .team path{fill:none;stroke-width:3px}#rewind .match-goals .goal-line{stroke:#000;stroke-opacity:.1;shape-rendering:crispEdges;stroke-width:4px}#rewind .match-goals .goal-text-annotation{fill:#000;fill-opacity:.7;-webkit-transform:translate(3px,10px);-ms-transform:translate(3px,10px);transform:translate(3px,10px);dominant-baseline:middle;text-transform:uppercase;font-weight:600;font-size:10px}#rewind .match-goals .goal-line-annotation{stroke:#000;stroke-opacity:.9;shape-rendering:crispEdges;stroke-width:1px;-webkit-transform:translate(0,10px);-ms-transform:translate(0,10px);transform:translate(0,10px)}#rewind .match-time text{font-family:Roboto,sans-serif;font-size:12px;text-anchor:middle;fill:#4e4e57;font-weight:600;alignment-baseline:before-edge;dominant-baseline:before-edge;letter-spacing:1px;text-transform:uppercase;-webkit-transform:translate(0,-6px);-ms-transform:translate(0,-6px);transform:translate(0,-6px)}#rewind .match-time rect{fill:rgba(53,63,78,.05)}#rewind .match-time .match-start{text-anchor:start;font-size:12px;letter-spacing:0;fill:#7d7d7d;-webkit-transform:translate(-3px,20px);-ms-transform:translate(-3px,20px);transform:translate(-3px,20px)}#rewind .match-time .match-end{text-anchor:end;font-size:12px;letter-spacing:0;fill:#7d7d7d;-webkit-transform:translate(6px,20px);-ms-transform:translate(6px,20px);transform:translate(6px,20px)}#rewind .match-time .line-start{stroke:#969696;stroke-width:1px;shape-rendering:crispEdges;-webkit-transform:translate(1px,0);-ms-transform:translate(1px,0);transform:translate(1px,0);stroke-dasharray:2,2}#rewind .match-time .line-end{stroke:#969696;stroke-width:1px;shape-rendering:crispEdges;-webkit-transform:translate(-1px,0);-ms-transform:translate(-1px,0);transform:translate(-1px,0);stroke-dasharray:2,2}#rewind .panel__other{padding:0;border-top:1px solid #c9c9c9;max-height:10rem;overflow-y:scroll;padding-top:5px}#rewind .panel__other.is-hidden{display:none}#rewind .panel__other .date{margin:0;padding:0}#rewind .panel__other .match{cursor:pointer;padding:.2rem .5em;margin-top:-1px;position:relative;overflow:visible;padding-left:1.2rem}#rewind .panel__other .match:before{content:'';position:absolute;border:1px solid #969696;height:10px;width:10px;left:0;top:50%;border-radius:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);background:#fff;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.2);box-shadow:inset 0 0 1px rgba(0,0,0,.2)}#rewind .panel__other .match:first-of-type{margin-top:0;padding-top:.3rem}#rewind .panel__other .match:hover:before{background:#969696;border-color:#969696}#rewind .panel__other li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;border:none}#rewind .panel__other img.flag{width:1rem}#rewind .panel__other .name{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 .5em;font-size:12px;font-weight:500;line-height:1;color:#5b5b5b}#rewind .panel__other .score{margin:0;text-align:right;font-weight:600;font-size:12px;color:#5b5b5b}#rewind .panel{width:9rem;padding-left:1rem}#rewind .panel__overline{font-size:12px;letter-spacing:1px;font-weight:600;text-transform:uppercase;color:#4e4e57;text-align:center}#rewind .panel__overline.is-hidden{display:none}#rewind .panel__score{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1rem}#rewind .panel__score .score{width:calc(50% - 1px);text-align:center}#rewind .panel__score .score:first-of-type{border-right:1px solid #c9c9c9}#rewind .panel__score .score .score__val{font-size:24px;line-height:1;font-weight:500;color:#fff;line-height:1.5}#rewind .panel__score .score .score__team{color:#fff;border-bottom:1px solid #c9c9c9;font-size:12px;font-weight:500;line-height:1;min-height:35px;background-color:#f0f0f0;color:#5b5b5b;vertical-align:bottom;position:relative;border-top:1px solid #c9c9c9}#rewind .panel__score .score .score__team span{position:absolute;bottom:2px;left:0;right:0;margin:0 auto;padding:0 .5rem;word-wrap:break-word}#rewind .g-axis text{font-size:12px;font-weight:600;fill:#969696}#rewind .axis--y path{display:none}#rewind .axis--y line{stroke:#c9c9c9;stroke-dasharray:4px 4px}#rewind .axis--y .tick:nth-child(2) text{display:none}#rewind .axis--y .tick:nth-child(2) line{stroke-dasharray:0 0;stroke-width:2px}#rewind .slider.noUi-horizontal .noUi-pips .noUi-value{display:none}#rewind .slider.noUi-horizontal .noUi-pips .noUi-value:nth-of-type(126){display:block}#rewind .slider.noUi-horizontal .noUi-pips .noUi-value:nth-of-type(2){display:block}#round .vis{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#round .round{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;padding:0 .25em;width:20%}#round .round .round__teams{visibility:visible;counter-reset:section}#round .round .future-round{position:relative}#round .round .future-round .tbd-mask{height:100%;width:100%;position:absolute;background:#969696}#round .round .future-round .team{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#round .round .future-round .team:first-of-type:before,#round .round .future-round .team:nth-of-type(2):before,#round .round .future-round .team:nth-of-type(3):before{content:''}#round .round .future-round .team .team__label{font-size:14px;text-align:center;position:relative;line-height:1.3;color:#5b5b5b}#round .round .future-round .team .team__label span{line-height:1;margin:0}#round .round .future-round .team .team__share{display:none}#round .round__label{line-height:1;font-size:14px;text-align:center;font-weight:500;color:#5b5b5b;padding-top:10px;height:36px;margin:0;border-bottom:2px solid #5b5b5b}#round .team{background-color:#e8e8e8;border-bottom:1px solid #c9c9c9;position:relative;cursor:pointer}#round .team:first-of-type:before,#round .team:nth-of-type(2):before,#round .team:nth-of-type(3):before{counter-increment:section;content:"#" counter(section);position:absolute;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);top:4px;left:-3px;font-size:11px;font-weight:600;color:#969696}#round .team.is-hidden:hover{background-color:#c9c9c9}#round .team.is-hidden .team__label{line-height:1;bottom:0;top:auto;bottom:0;left:0}#round .team.is-hidden .team__label .name{vertical-align:bottom;line-height:1}#round .team.is-hidden .team__share{background:0 0;line-height:1}#round .team.is-highlight .team__label{visibility:visible}#round .team.is-highlight .team__share{visibility:visible}#round .team.is-highlight .flag{display:inline-block}#round .team.is-text-only .team__label{visibility:visible;font-size:11px;font-weight:400;color:#5b5b5b}#round .team.is-text-only .team__share{visibility:visible;font-size:11px;font-weight:400;color:#5b5b5b}#round .team__label{visibility:hidden;font-size:12px;font-weight:500;padding:0 .25rem;position:relative;color:#000;position:absolute;z-index:100;pointer-events:none}#round .team__label .name{margin-right:6px;vertical-align:top;line-height:1.7}#round .team__label .flag{display:none;height:100%;width:auto;-webkit-transform:translate(0,2px);-ms-transform:translate(0,2px);transform:translate(0,2px);width:20px;height:15px}#round .team__share{font-size:12px;font-weight:500;letter-spacing:-.5px;padding:0 .25rem;visibility:hidden;position:absolute;color:#000;font-family:Roboto;bottom:0;right:0;background:rgba(255,255,255,.42);border-top-left-radius:2px;z-index:1000}#round .team__share .lang{display:none}#round .team:first-of-type .team__share .lang.is-visible{display:inline-block}#round .team:first-of-type .team__share .percent{display:inline-block;margin-left:2px;font-size:11px;font-weight:500;letter-spacing:.2px}#round .team:hover .team__label{visibility:visible}#round .team:hover .team__share{visibility:visible}#dashboard footer{background-color:#f6f6f6;width:100%;padding-top:60px;padding-bottom:0;margin-top:90px;padding-bottom:100px}#dashboard footer .footer-content{max-width:1200px;width:calc(100% - 150px);margin:0 auto}#dashboard footer .footer-content .footer-head{font-size:1rem;font-weight:600;margin-bottom:0;text-transform:uppercase;letter-spacing:.8px}#dashboard footer .footer-content .footer-text{font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:34px;max-width:500px;width:100%}#dashboard footer .footer-content .share-section{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px;border-bottom:1px solid #cacaca;padding-bottom:10px}#dashboard footer .footer-content .share-section .twitter-button{margin-left:10px}#dashboard footer .footer-content .share-section .share-text{font-size:14px;margin:0;line-height:22px;margin-right:20px;text-transform:uppercase;font-weight:600;letter-spacing:.8px}#dashboard footer .google-logo--footer{width:10rem}#dashboard .frames{width:1px;max-width:60rem;margin:0 auto;padding:0 1rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#dashboard .frames .embed-wrapper{max-width:60rem;margin:0 auto}#dashboard .frames .title-section{font-size:32px;font-family:'Product Sans',Helvetica,sans-serif;color:#fff;font-weight:600;margin:0 auto}#dashboard .frames .title-section .tournament-hed{display:inline-block}#dashboard .frames .title-section .tournament-hed .lang--en select{font-size:24px;display:block;margin-top:10px}#dashboard .frames .title-section .pre-tournament-hed{display:none}#dashboard .frames .title-section select{background:rgba(40,93,33,.62);border-radius:3px;padding:0 1rem;font-size:40px;color:#fff;border:none;border-bottom:3px solid rgba(255,255,255,.57)}#dashboard .frames .updated-stamp{color:#fff;font-family:'Product Sans',Helvetica,sans-serif;font-weight:500;margin-top:1.5rem;margin-bottom:1rem}#dashboard .frames .sprite-run{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:60rem;margin:3rem auto;-ms-flex-pack:distribute;justify-content:space-around}#dashboard .frames .sprite-run div{width:64px;height:64px;background-repeat:no-repeat;background-size:cover;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#dashboard .frames .sprite-run .sprite-1{background-image:url(assets/sprites/run--blue.png)}#dashboard .frames .sprite-run .sprite-2{background-image:url(assets/sprites/run--red.png);background-position-x:-76px}#dashboard .frames .sprite-run .sprite-3{background-image:url(assets/sprites/run--yellow.png);background-position-x:-146px}#dashboard .frames .sprite-run .sprite-4{background-image:url(assets/sprites/run--blue.png);background-position-x:-210px}#dashboard .frames .sprite-run .sprite-5{background-image:url(assets/sprites/run--red.png);background-position-x:-290px}#dashboard .frames .sprite-run .sprite-6{background-image:url(assets/sprites/run--yellow.png);background-position-x:-350px}#dashboard .frames .google-world-cup-embed{position:relative;width:100%;height:544px;background:#f0f0f0;border-top:4px solid #1b5e20;margin-bottom:3rem}#dashboard .frames .google-world-cup-embed .iframe-wrapper{position:relative;width:100%;display:block;height:100%}#dashboard .frames .google-world-cup-embed iframe{width:100%;height:100%}#dashboard.pre-tournament .title-section .tournament-hed{display:none}#dashboard.pre-tournament .title-section .pre-tournament-hed{display:inline-block;max-width:55rem}#dashboard .rail{font-family:Roboto,Helvetica,sans-serif;width:270px;margin-right:30px}#dashboard .rail .country-wrapper{background:#1b5e20;padding:1rem 1rem;border-top:3px solid #fff}#dashboard .rail .country-wrapper .continents-select{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}#dashboard .rail .country-wrapper .continents-select span{display:none}#dashboard .rail .country-wrapper .continents-select span.is-visible{display:block}#dashboard .rail .country-wrapper .continents-select span select{background-color:#4d804f;border:none;font-size:14px;font-family:Roboto,Helvetica,sans-serif;color:#fff;font-weight:500;text-align:center;cursor:pointer;border-bottom:2px solid #193a14;height:30px}#dashboard .rail .country-wrapper .continents-select .continents-select-label{font-size:11px;margin:0;font-weight:600;margin-right:15px;font-family:Roboto,Helvetica,sans-serif;text-align:right;text-transform:uppercase;line-height:1.3;color:#fff;margin-top:2px}#dashboard .rail .country-wrapper .continents{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#dashboard .rail .country-wrapper .continents .continent-wrapper{margin:0;padding-right:.5rem;width:50%;margin-bottom:.5rem}#dashboard .rail .country-wrapper .continents .continent-wrapper .continent-name{font-weight:600;color:rgba(232,255,229,.71);margin:0;text-transform:capitalize;font-size:14px}#dashboard .rail .country-wrapper .continents .continent-wrapper .country-name{margin:0;color:#fff;font-weight:500;font-size:13px;padding-left:5px;margin-left:-5px;cursor:pointer}#dashboard .rail .country-wrapper .continents .continent-wrapper .country-name:hover{text-decoration:underline}#dashboard .rail .country-wrapper .continents .continent-wrapper .country-name-selected{font-weight:600;background:#4d804f;border-radius:3px}#dashboard .rail .title p{margin:0;color:#fff;font-size:21px;margin-bottom:.5rem;font-weight:500;font-family:'Product Sans',Helvetica,sans-serif}#dashboard{background-image:url(assets/img/WC_BG.png);background-size:1100px;background-repeat:repeat}#dashboard header{position:relative;background-color:#1b5e20;height:3rem;margin-bottom:2rem;width:100%}#dashboard header .google-link{width:142px;display:block;position:absolute;top:.9rem;left:1rem;border:none}#dashboard header .header__tools{position:absolute;top:0;right:0}#dashboard header .header__tools select{border:none;background-color:#f0f0f0;font-size:.8em;vertical-align:top;height:27px;display:block;margin-right:1rem;margin-top:.7rem;background-color:#fff;border-bottom:1px solid #ddd;color:#969696;font-weight:500;font-family:Roboto,Helvetica,sans-serif;background-color:#4d804f;border:none;font-size:14px;font-family:Roboto,Helvetica,sans-serif;color:#fff;font-weight:500;text-align:center;cursor:pointer;border-bottom:2px solid #193a14}#dashboard .lang{display:none}#dashboard .lang.is-visible{display:inline}#dashboard #content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1200px;width:calc(100% - 150px)}.pre-tournament #content .frames .title-section{text-align:center}.pre-tournament #content .updated-stamp{text-align:center}.pre-tournament #content .rail{display:none}body{font-family:Roboto,Helvetica,sans-serif;background-color:#f0f0f0}.world-cup-embed{padding:1rem}.world-cup-embed #content{margin:0}.world-cup-embed select{border:none;background-color:#fff;font-size:.85rem;vertical-align:top;height:27px;font-family:Roboto,Helvetica,sans-serif;border-bottom:1px solid #ddd}.world-cup-embed select.lang{background-color:#fff;border-bottom:1px solid #ddd;color:#969696;font-weight:500;font-family:Roboto,Helvetica,sans-serif;width:5rem}.world-cup-embed .header{position:relative;margin-bottom:.5rem}.world-cup-embed .header__hed{margin:0;font-size:24px;font-weight:600;line-height:1;padding-bottom:.5rem;font-family:'Product Sans',Helvetica,sans-serif;padding-top:.5rem;padding-right:6rem}.world-cup-embed .header__dek{margin:0;font-size:17px;line-height:27px;font-size:.9rem}.world-cup-embed .header__dek span select{margin-left:10px}.world-cup-embed .header__tools{position:absolute;top:0;right:0}.world-cup-embed .footer{position:absolute;bottom:0;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem 1rem .5rem 1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.world-cup-embed .footer__tools{position:relative}.world-cup-embed .footer__tools a{border:none;width:1rem;line-height:1;display:inline-block}.world-cup-embed .footer__tools svg{stroke:#969696;width:100%}.world-cup-embed .footer__logo{display:block;width:142px;border:none}.world-cup-embed .footer .tools__embed{position:absolute;top:0;right:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);display:block;width:10rem}.world-cup-embed .footer .tools__embed.is-hide{display:none}.world-cup-embed .footer .tools__popup{position:absolute;top:0;right:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);display:block;width:10rem}.world-cup-embed .footer .tools__popup.is-hide{display:none}.world-cup-embed .chart p{margin:0}.world-cup-embed .chart__title{margin:0;padding-top:1rem;font-size:14px;line-height:1.5;font-weight:600;color:#969696}.world-cup-embed .chart__title:empty{display:none}.world-cup-embed .chart__display{display:-webkit-box;display:-ms-flexbox;display:flex}.world-cup-embed .chart__display svg text{font-size:12px;line-height:1}.world-cup-embed p.no-matchups{font-size:24px;text-align:center;margin-top:11rem}.world-cup-embed span.lang{display:none}.world-cup-embed span.lang.is-visible{display:inline}.world-cup-embed tspan.lang{opacity:0}.world-cup-embed tspan.lang.is-visible{opacity:1}.world-cup-embed .date{width:100%;max-width:calc(100% - 30px);display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem 0;padding-top:.5rem;padding-bottom:2rem;margin:0;font-family:Roboto}.world-cup-embed .date__text{margin:0;line-height:1.4;height:20px;font-size:16px;font-weight:600;color:#333;width:5.5rem;text-align:left;padding-right:20px}.world-cup-embed .date .arrows{margin-left:1rem}.world-cup-embed .date .arrows .arrow{border:solid #282828;border-width:0 3px 3px 0;display:inline-block;padding:3px}.world-cup-embed .date .arrows .arrow-right{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.world-cup-embed .date .arrows .arrow-left{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.world-cup-embed .date__slider{line-height:1;height:20px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}@media only screen and (min-width:30em){body{font-size:17px}p{font-size:17px;line-height:1.7}li{font-size:17px}button{font-size:17px}}@media only screen and (min-width:40em){#dashboard .frames .title-section{font-size:48px}.world-cup-embed select.lang{width:auto}.world-cup-embed .header__hed{font-size:32px;padding-right:0}}@media (max-width:900px){#dashboard .rail{margin-left:20px;margin-right:10px}#dashboard #content{width:100%}}@media (max-width:800px){#dashboard .rail{width:150px}#dashboard .rail .country-wrapper{padding:1rem .5rem}#dashboard .rail .country-wrapper .title{text-align:center}#dashboard .rail .country-wrapper .title p,#dashboard .rail .country-wrapper .title span{line-height:1.4}#dashboard .rail .country-wrapper .continents .continent-wrapper{width:100%}#dashboard .rail .country-wrapper .continents .continent-wrapper .continent-name{text-align:center}#dashboard .rail .country-wrapper .continents .continent-wrapper .country-name{text-align:center}#dashboard .rail .country-wrapper .continents .continents-select{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#dashboard .rail .country-wrapper .continents .continents-select .continents-select-label{width:100%;text-align:center;margin:0 auto;margin-bottom:5px}#dashboard .rail .country-wrapper .continents .continents-select span select{font-size:12px}}@media (max-width:650px){#globe .vis:before{content:'Touch to zoom the map'}}@media (max-width:550px){#dashboard .frames .title-section .tournament-hed .lang--en select{font-size:18px}#dashboard .frames .title-section select{padding:0}#dashboard .rail{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#dashboard .rail .country-wrapper{padding:1rem 1rem}#dashboard .rail .country-wrapper .title{text-align:left}#dashboard .rail .country-wrapper .title p,#dashboard .rail .country-wrapper .title span{line-height:1.4}#dashboard .rail .country-wrapper .continents .continent-wrapper{width:25%}#dashboard .rail .country-wrapper .continents .continents-select{margin:0 auto}#dashboard .rail .country-wrapper .continents .continents-select .continents-select-label{margin-top:10px}#dashboard .rail .country-wrapper .continents .continents-select span{margin:0 auto}}@media (max-width:500px){.slider.noUi-horizontal .noUi-pips .noUi-value-sub{display:none}#matchup .team .percent{font-size:18px;bottom:-2px}#matchup .match__label span{font-size:14px}#rewind .chart__display{-ms-flex-wrap:wrap;flex-wrap:wrap}#rewind .panel{width:100%}#rewind .panel .panel__score{display:none}#rewind .panel .panel__overline{margin-top:1rem}#rewind .panel .panel__other{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}#rewind .panel__overline:first-of-type{display:none}#round .round .future-round .team .team__label span{display:block;font-size:12px}#round .round__label{font-size:12px;height:30px}#round .team.is-highlight:hover .team__label .name{display:block}#round .team.is-highlight:hover .team__label .flag{display:none}#round .team.is-highlight:hover .team__share{display:none}#round .team.is-highlight .team__label .name{display:none}#round .team.is-text-only:hover .team__label .name{display:block;font-size:12px;color:#000;font-weight:500}#round .team.is-text-only:hover .team__label .flag{display:none}#round .team.is-text-only:hover .team__share{display:none}#round .team.is-text-only .team__share{display:none}#round .team.is-text-only .team__label .name{display:none}#round .team.is-hidden:hover .team__share{display:none}#round .team:first-of-type .team__share .lang.is-visible{display:none}#round .team:first-of-type .team__share .percent{display:none}#dashboard footer .footer-content{width:90%}}@media (max-width:450px){.world-cup-embed .footer__logo{width:100px;height:20px;margin-top:8px}}@media (max-width:400px){#round .round__label{font-size:11px;height:30px;word-wrap:break-word}}</style>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<style>
@font-face {
font-family: 'Product Sans';
font-style: normal;
font-weight: 300;
src: url('assets/fonts/product-sans/product_light.woff2') format('woff2');
}
@font-face {
font-family: 'Product Sans';
font-style: normal;
font-weight: 400;
src: url('assets/fonts/product-sans/product_regular.woff2') format('woff2');
}
@font-face {
font-family: 'Product Sans';
font-style: normal;
font-weight: 500;
src: url('assets/fonts/product-sans/product_medium.woff2') format('woff2');
}
@font-face {
font-family: 'Product Sans';
font-style: normal;
font-weight: 700;
src: url('assets/fonts/product-sans/product_bold.woff2') format('woff2');
}
</style>
<script>!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=28)}([,,,,,function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},,,,,,,,,,,,,,function(e,t,n){"use strict";Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var n=Object(this),r=n.length>>>0;if(0===r)return!1;for(var o=0|t,i=Math.max(o>=0?o:r-Math.abs(o),0);i<r;){if(n[i]===e)return!0;i++}return!1}})},function(e,t,n){"use strict";Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(e){if(null==this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var t,n=Object(this),r=n.length>>>0,o=arguments[1],i=0;i<r;i++)if(t=n[i],e.call(o,t,i,n))return t}})},function(e,t,n){"use strict";Array.prototype.findIndex||Object.defineProperty(Array.prototype,"findIndex",{value:function(e){if(null==this)throw new TypeError("Array.prototype.findIndex called on null or undefined");if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var t,n=Object(this),r=n.length>>>0,o=arguments[1],i=0;i<r;i++)if(t=n[i],e.call(o,t,i,n))return i;return-1},enumerable:!1,configurable:!1,writable:!1})},function(e,t,n){"use strict";String.prototype.endsWith||(String.prototype.endsWith=function(e,t){var n=this.toString();("number"!=typeof t||!isFinite(t)||Math.floor(t)!==t||t>n.length)&&(t=n.length),t-=e.length;var r=n.lastIndexOf(e,t);return-1!==r&&r===t})},function(e,t,n){"use strict";String.prototype.startsWith||(String.prototype.startsWith=function(e,t){return this.substr(t||0,e.length)===e})},function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function u(){throw new Error("clearTimeout has not been defined")}function c(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:u}catch(e){r=u}}();var a,s=[],f=!1,l=-1;function d(){f&&a&&(f=!1,a.length?s=a.concat(s):l=-1,s.length&&p())}function p(){if(!f){var e=c(d);f=!0;for(var t=s.length;t;){for(a=s,s=[];++l<t;)a&&a[l].run();l=-1,t=s.length}a=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===u||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];s.push(new h(e,t)),1!==s.length||f||c(p)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},function(e,t,n){(function(e,t){!function(e,n){"use strict";if(!e.setImmediate){var r,o,i,u,c,a=1,s={},f=!1,l=e.document,d=Object.getPrototypeOf&&Object.getPrototypeOf(e);d=d&&d.setTimeout?d:e,"[object process]"==={}.toString.call(e.process)?r=function(e){t.nextTick(function(){h(e)})}:function(){if(e.postMessage&&!e.importScripts){var t=!0,n=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=n,t}}()?(u="setImmediate$"+Math.random()+"$",c=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(u)&&h(+t.data.slice(u.length))},e.addEventListener?e.addEventListener("message",c,!1):e.attachEvent("onmessage",c),r=function(t){e.postMessage(u+t,"*")}):e.MessageChannel?((i=new MessageChannel).port1.onmessage=function(e){h(e.data)},r=function(e){i.port2.postMessage(e)}):l&&"onreadystatechange"in l.createElement("script")?(o=l.documentElement,r=function(e){var t=l.createElement("script");t.onreadystatechange=function(){h(e),t.onreadystatechange=null,o.removeChild(t),t=null},o.appendChild(t)}):r=function(e){setTimeout(h,0,e)},d.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var o={callback:e,args:t};return s[a]=o,r(a),a++},d.clearImmediate=p}function p(e){delete s[e]}function h(e){if(f)setTimeout(h,0,e);else{var t=s[e];if(t){f=!0;try{!function(e){var t=e.callback,r=e.args;switch(r.length){case 0:t();break;case 1:t(r[0]);break;case 2:t(r[0],r[1]);break;case 3:t(r[0],r[1],r[2]);break;default:t.apply(n,r)}}(t)}finally{p(e),f=!1}}}}}("undefined"==typeof self?void 0===e?this:e:self)}).call(this,n(5),n(24))},function(e,t,n){(function(e){var r=void 0!==e&&e||"undefined"!=typeof self&&self||window,o=Function.prototype.apply;function i(e,t){this._id=e,this._clearFn=t}t.setTimeout=function(){return new i(o.call(setTimeout,r,arguments),clearTimeout)},t.setInterval=function(){return new i(o.call(setInterval,r,arguments),clearInterval)},t.clearTimeout=t.clearInterval=function(e){e&&e.close()},i.prototype.unref=i.prototype.ref=function(){},i.prototype.close=function(){this._clearFn.call(r,this._id)},t.enroll=function(e,t){clearTimeout(e._idleTimeoutId),e._idleTimeout=t},t.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},t._unrefActive=t.active=function(e){clearTimeout(e._idleTimeoutId);var t=e._idleTimeout;t>=0&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},n(25),t.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==e&&e.setImmediate||this&&this.setImmediate,t.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==e&&e.clearImmediate||this&&this.clearImmediate}).call(this,n(5))},function(e,t,n){"use strict";(function(t){var n=setTimeout;function r(){}function o(e){if(!(this instanceof o))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],s(e,this)}function i(e,t){for(;3===e._state;)e=e._value;0!==e._state?(e._handled=!0,o._immediateFn(function(){var n=1===e._state?t.onFulfilled:t.onRejected;if(null!==n){var r;try{r=n(e._value)}catch(e){return void c(t.promise,e)}u(t.promise,r)}else(1===e._state?u:c)(t.promise,e._value)})):e._deferreds.push(t)}function u(e,t){try{if(t===e)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if(t instanceof o)return e._state=3,e._value=t,void a(e);if("function"==typeof n)return void s((r=n,i=t,function(){r.apply(i,arguments)}),e)}e._state=1,e._value=t,a(e)}catch(t){c(e,t)}var r,i}function c(e,t){e._state=2,e._value=t,a(e)}function a(e){2===e._state&&0===e._deferreds.length&&o._immediateFn(function(){e._handled||o._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;t<n;t++)i(e,e._deferreds[t]);e._deferreds=null}function s(e,t){var n=!1;try{e(function(e){n||(n=!0,u(t,e))},function(e){n||(n=!0,c(t,e))})}catch(e){if(n)return;n=!0,c(t,e)}}o.prototype.catch=function(e){return this.then(null,e)},o.prototype.then=function(e,t){var n=new this.constructor(r);return i(this,new function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n}(e,t,n)),n},o.prototype.finally=function(e){var t=this.constructor;return this.then(function(n){return t.resolve(e()).then(function(){return n})},function(n){return t.resolve(e()).then(function(){return t.reject(n)})})},o.all=function(e){return new o(function(t,n){if(!e||void 0===e.length)throw new TypeError("Promise.all accepts an array");var r=Array.prototype.slice.call(e);if(0===r.length)return t([]);var o=r.length;function i(e,u){try{if(u&&("object"==typeof u||"function"==typeof u)){var c=u.then;if("function"==typeof c)return void c.call(u,function(t){i(e,t)},n)}r[e]=u,0==--o&&t(r)}catch(e){n(e)}}for(var u=0;u<r.length;u++)i(u,r[u])})},o.resolve=function(e){return e&&"object"==typeof e&&e.constructor===o?e:new o(function(t){t(e)})},o.reject=function(e){return new o(function(t,n){n(e)})},o.race=function(e){return new o(function(t,n){for(var r=0,o=e.length;r<o;r++)e[r].then(t,n)})},o._immediateFn="function"==typeof t&&function(e){t(e)}||function(e){n(e,0)},o._unhandledRejectionFn=function(e){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)},e.exports=o}).call(this,n(26).setImmediate)},function(e,t,n){"use strict";var r,o=(r=n(27))&&r.__esModule?r:{default:r};n(23),n(22),n(21),n(20),n(19),window.Promise||(window.Promise=o.default)}]);</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87089723-11"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-87089723-11');
</script>
</head>
<body id='rewind' class='world-cup-embed'>
<main id='content'>
<header class='header'>
<h1 class='header__hed'>
<span class='lang lang--en'>Match Rewind</span>
<span class='lang lang--fr'>Revivez le match</span>
<span class='lang lang--de'>Spielrückblick</span>
<span class='lang lang--es'>Reviva el partido</span>
<span class='lang lang--pt'>Reviva a partida</span>
</h1>
<p class='header__dek'>
<span class='lang lang--en'>How did search interest in <select class=view data-lang=en></select> change for each team during the match?</span>
<span class='lang lang--fr'><select class=view data-lang=fr></select> : Comment a évolué l’intensité des recherches pour les deux équipes au cours du match ?</span>
<span class='lang lang--de'><select class=view data-lang=de></select>: Das Suchinteresse an den Teams während des Spielverlaufs</span>
<span class='lang lang--es'>¿Cómo fue la evolución del interés de búsqueda en <select class=view data-lang=es></select> para cada equipo durante el partido?</span>
<span class='lang lang--pt'>Como foi a evolução do interesse de busca em <select class=view data-lang=pt></select> para ambos os times durante a partida?</span>
</p>
<div class='header__tools'>
<select class='lang'></select>
</div> </header>
<div class='chart'>
<p class='chart__title'>
<span class='lang lang--en'>Search Interest for <span class=team-0></span> vs. <span class=team-1></span></span>
<span class='lang lang--fr'>Intensité des recherches pendant le match : <span class=team-0></span> - <span class=team-1></span></span>
<span class='lang lang--de'>Suchinteresse während des Spiels: <span class=team-0></span> vs. <span class=team-1></span></span>
<span class='lang lang--es'>Interés de búsqueda de <span class=team-0></span> vs <span class=team-1></span></span>
<span class='lang lang--pt'>Interesse de busca em <span class=team-0></span> vs <span class=team-1></span></span>
</p>
<div class='date'>
<p class='date__text'>June 14</p>
<div class='date__slider slider'>
</div>
</div>
<div class='chart__display'>
<svg>
<g class='g-axis'>
<g class='axis axis--x'></g>
<g class='axis axis--y'></g>
</g>
<g class='g-vis'>
<g class='match-time'>
<rect></rect>
<line class="line-start"></line>
<line class="line-end"></line>
<text class="match-title">
<tspan x='0' y='0' dx='0' dy='0' class='lang lang--en'>The Match</tspan>
<tspan x='0' y='0' dx='0' dy='0' class='lang lang--fr'>Le match</tspan>
<tspan x='0' y='0' dx='0' dy='0' class='lang lang--de'>Das Spiel</tspan>
<tspan x='0' y='0' dx='0' dy='0' class='lang lang--es'>El partido</tspan>
<tspan x='0' y='0' dx='0' dy='0' class='lang lang--pt'>O jogo</tspan>
</text>
<text class="match-start">
<tspan class='lang lang--en'>Match Start</tspan>
<tspan class='lang lang--fr'>Début du match</tspan>
<tspan class='lang lang--de'>Anfang des Spiels</tspan>
<tspan class='lang lang--es'>Inicio del partido</tspan>
<tspan class='lang lang--pt'>Começo do jogo</tspan>
</text>
<text class="match-end">
<tspan class='lang lang--en'>Match End</tspan>
<tspan class='lang lang--fr'>Fin du match</tspan>
<tspan class='lang lang--de'>Ende des Spiels</tspan>
<tspan class='lang lang--es'>Fin del partido</tspan>
<tspan class='lang lang--pt'>Fim do jogo</tspan>
</text>
</g>
<g class='match-goals'></g>
<!-- <g class='match-annotations-start'>
<text></text>
</g> -->
</g>
</svg>
<div class='panel'>
<p class='panel__overline'>
<span class='lang lang--en'>Score</span>
<span class='lang lang--fr'>Résultat</span>
<span class='lang lang--de'>Spielergebnis</span>
<span class='lang lang--es'>Resultado</span>
<span class='lang lang--pt'>Resultado</span>
</p>
<div class='panel__score'>
<div class='score score--0'>
<p class='score__team'></p>
<p class='score__val'></p>
</div>
<div class='score score--1'>
<p class='score__team'></p>
<p class='score__val'></p>
</div>
</div>
<p class='panel__overline panel__overline--other'>
<span class='lang lang--en'>Other Matches</span>
<span class='lang lang--fr'>Autres matchs</span>
<span class='lang lang--de'>Andere Spiele</span>
<span class='lang lang--es'>Otros partidos</span>
<span class='lang lang--pt'>Outros jogos</span>
</p>
<div class='panel__other'></div>
</div>
</div>
</div>
<footer class='footer'>
<a class='footer__logo' href='https://trends.google.com/trends/' target='_blank'>
<img src='assets/img/google-trends.png' alt='Google Trends'>
</a>
<div class='footer__tools'>
<a target='_blank' class='tools__twitter'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
</a>
<a class='tools__link' href='#'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
</a>
<a class='tools__code' href='#'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
</a>
<input class='tools__embed is-hide'>
<input class='tools__popup is-hide'>
</div>
</footer>
</main>
<script src='assets/scripts/d3.v4.12.0+jetpack.min.js'></script>
<script src='bundle-rewind.js?version=1531826600886' async></script>
</body>
</html>