-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathchart-matchup.html
More file actions
135 lines (113 loc) · 54.5 KB
/
Copy pathchart-matchup.html
File metadata and controls
135 lines (113 loc) · 54.5 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
<!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='matchup' class='world-cup-embed'>
<main id='content'>
<header class='header'>
<h1 class='header__hed'>
<span class='lang lang--en'>Upcoming Matchups</span>
<span class='lang lang--fr'>Matchs à venir</span>
<span class='lang lang--de'>Anstehende Spiele</span>
<span class='lang lang--es'>Próximos partidos</span>
<span class='lang lang--pt'>Próximos jogos</span>
<span class='hed__date'></span>
</h1>
<p class='header__dek'>
<span class='lang lang--en'>What matchups are attracting the most search interest in <select class=view data-lang=en></select>?</span>
<span class='lang lang--fr'><select class=view data-lang=fr></select> : Quels sont les matchs qui suscitent les recherches les plus intenses ?</span>
<span class='lang lang--de'>Welche Spiele sorgen für das größte Suchinteresse in <select class=view data-lang=de></select>?</span>
<span class='lang lang--es'>¿Cuáles son los partidos que están generando un mayor interés de búsqueda en <select class=view data-lang=es></select>?</span>
<span class='lang lang--pt'>Quais jogos estão atraindo maior interesse de busca em <select class=view data-lang=pt></select>?</span>
</p>
<div class='header__tools'>
<select class='lang'></select>
</div> </header>
<div class='chart'>
<div class='chart__display'>
<div class='vis'></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-matchup.js?version=1531826600886' async></script>
</body>
</html>