@font-face {
  font-family: 'MarkPro';
  src: url(110ade07ebe4d37e51510ebbd7eccd1a.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-style: italic;
  src: url(f3d62011aead44e24741345129880292.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 500;
  src: url(fd95c70a87ce9de3d6b2344c17020fc9.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 500;
  font-style: italic;
  src: url(4014b0f0cfa5c0728ddc56d176e1dea3.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 700;
  src: url(a5c3b522d25742d2632e1022224004eb.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 700;
  font-style: italic;
  src: url(f7785c1c574929dd046f0f956c23ca35.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 800;
  src: url(5a9483ffde450c74ffc97f033a091cf0.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 800;
  font-style: italic;
  src: url(d8bceed149ae099ffbdd3bb4f251ee56.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 900;
  src: url(81b8ac4a032923b184c1a66dc7525947.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 900;
  font-style: italic;
  src: url(b6ef596cab4a54f4a3835fd6023298ba.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 300;
  src: url(b03a7d103901e23b34759ce3dc406c43.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 300;
  font-style: italic;
  src: url(7d0af24baf9c47a25e4d78e09a50b365.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 200;
  src: url(3f0add554369ff86fba49e1343e4555b.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 200;
  font-style: italic;
  src: url(6ac783b153cf05859f7198c93e49bafd.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 100;
  src: url(5a1b67592a6395ea0b4f05faf6b28eeb.ttf) format('truetype');
}

@font-face {
  font-family: 'MarkPro';
  font-weight: 100;
  font-style: italic;
  src: url(391626ec7d608aa7c1593c09ebbb7277.ttf) format('truetype');
}

*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;font-size:16px;font-family:'MarkPro', sans-serif;background-color:#28373c;position:relative;width:500px;height:1000px;overflow:hidden}.videoBackground{position:absolute;top:0;left:0;right:0;width:100%;height:66vh;opacity:0.1;display:flex;justify-content:center;align-items:stretch;overflow:hidden}.videoBackground video{height:100%}.videoBackground .fade{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg, rgba(40,55,60,0) 0%, #28373c 80%, #28373c 100%)}.statusBar{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;position:relative;z-index:1;height:2rem}.statusBar__time{margin:0;font-size:1rem;font-weight:600}.statusBar__icons{display:flex;justify-content:flex-end;align-items:center}.statusBar__icons>*{margin-left:0.5rem}.statusBar__icons__more{opacity:0.2}.liveArea{position:relative;z-index:1;width:100%;padding:0 1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;letter-spacing:0.05em}.liveArea .header{position:relative;display:grid;place-items:center center;width:100%}.liveArea .header .logo{width:5rem;height:auto;margin:-1rem}.liveArea .header .liveIcon{position:absolute;top:50%;right:0;font-size:2rem;color:red;transform:translateY(-50%)}.liveArea .title{font-size:1.75rem;font-weight:700;text-align:center;color:#fff;margin:2rem 0 0 0}.liveArea .matches{font-size:1.25rem;width:100%}.liveArea .matches .match{margin:2rem 0 0 0;padding:1rem 1.5rem;background-color:rgba(0,0,0,0.16);border-radius:100rem;display:flex;justify-content:space-between;align-items:stretch;color:#fff}.liveArea .matches .match p{margin:0}.liveArea .matches .match .live{display:flex;justify-content:flex-start;margin-bottom:.5em}.liveArea .matches .match .live.active::before{display:block;content:'';background-color:#f00;border-radius:50%;margin:0 0.25em 0 0;width:1em;height:1em}.liveArea .matches .match .set{color:rgba(255,255,255,0.5)}.liveArea .matches .match .teams{flex:1;min-width:0;padding:0 0 0 1em}.liveArea .matches .match .teams .team{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liveArea .matches .match .teams .team:first-child{margin-bottom:.5em}.liveArea .matches .match .points{display:flex;justify-content:flex-end;align-items:stretch}.liveArea .matches .match .points .round{margin-left:1em;font-weight:500;text-align:center}.liveArea .matches .match .points .round>p:first-child{margin-bottom:.5em}.liveArea .matches .loading{display:flex;justify-content:center;align-items:center;padding:3rem 0}.liveArea .matches .loading .spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}.liveArea .matches .loading .path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;stroke:#009ee3;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}.liveArea .button{display:flex;justify-content:space-between;align-items:center;font-family:inherit;font-size:1em;font-weight:500;color:#fff;padding:1em;border-radius:100em;border:none;background-color:#009ee3;margin:1em 0 0 0}.liveArea .button .icon{margin-right:0.5em}.liveArea .allMatchesButton{padding:0.75em 1em}.news{position:relative;z-index:1;margin:2rem 0 0 0;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%)}.news .header{display:flex;justify-content:space-between;align-items:flex-end;color:#fff;padding:0 1rem;margin:0 0 1rem 0}.news .header .title{font-weight:600;font-size:2rem;margin:0}.news .header .more{font-size:1.125rem;font-weight:500;color:#009ee3;margin:0}.news .slider{width:100%;overflow:hidden;display:flex;justify-content:flex-start;align-items:stretch}.news .slider .slide{flex-shrink:0;width:calc(100% - 3.5rem);height:auto;min-height:100px;background-color:#aaa;border-radius:2rem;margin:0 0.75rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.news .slider .slide:first-child{margin:0 0.75rem 0 1rem}.news .slider .slide:nth-child(2){transform:scale(0.9) translateX(-23px)}.news .slider .slide img{width:100%;height:auto}.news .scrollBar{height:0.75em;margin:1.5rem 5rem 0;background-color:#009ee3;border-radius:1em;display:flex;justify-content:flex-end;align-items:stretch}.news .scrollBar::after{content:'';display:block;height:100%;width:66.6%;border-radius:1em;background-color:#fff}.blackPlaceholder{width:100%;height:100vh;background:#000}.navigation{position:absolute;bottom:0;left:0;right:0;background-color:#28373c;border-radius:2rem 2rem 0 0;color:#fff;z-index:5;padding:0.75rem 0 1.75rem;display:flex;justify-content:space-around;align-items:center;width:500px}.navigation::after{content:'';display:block;position:absolute;bottom:0.5rem;left:50%;transform:translateX(-50%);height:0.25rem;width:10rem;background-color:rgba(255,255,255,0.1);border-radius:1rem}.navigation .item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:3rem}.navigation .item .icon{font-size:1.5rem}.navigation .item .name{font-size:1.125rem;margin:0.25em 0 0 0}.navigation .item.active{color:#009ee3}.navigation .item.button{background-color:#009ee3;border-radius:50%;padding:0.75rem}.navigation .item.button .icon{display:grid;place-items:center;height:1.5rem;width:1.5rem}