*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}h1,.h1{font:700 5rem/1.5 "Inter",sans-serif;letter-spacing:-0.025em;margin-bottom:.5em;text-transform:uppercase}h2,.h2{font:700 4rem/1.5 "Inter",sans-serif;letter-spacing:-0.025em;margin-bottom:.5em;text-transform:uppercase}h3,.h3{font:700 3.5rem/1.5 "Inter",sans-serif;letter-spacing:-0.025em;margin-bottom:.5em;text-transform:uppercase}h4,.h4{font:700 3rem/1.5 "Inter",sans-serif;letter-spacing:-0.025em;margin-bottom:.5em;text-transform:uppercase}h5,.h5{font:900 1.25rem/1.5 "Inter",sans-serif;letter-spacing:-0.015em;margin-bottom:.5em;text-transform:uppercase}h6,.h6{font:700 1rem/1.5 "Inter",sans-serif;letter-spacing:-0.025em;margin-bottom:.5em;text-transform:uppercase}body{background:#121217;color:#fff;font-family:"Inter",sans-serif}html{scroll-padding-top:64px}a:-webkit-any-link{color:#3491fd}.container{width:100%;max-width:1580px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width: 1200px){.container{padding-left:4rem;padding-right:4rem}}.container-fluid{padding-left:4rem;padding-left:1.5rem;padding-right:1.5rem}@media(min-width: 1200px){.container-fluid{padding-left:4rem;padding-right:4rem}}.select{position:relative;box-sizing:border-box;width:100%;max-width:150px;box-sizing:border-box;cursor:pointer;pointer-events:none;border:1px solid rgba(255,255,255,.7);border-radius:9999px}.select:after{content:"";position:absolute;right:0;top:50%;transform:translate(-10px, -50%);width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 class=%27icon icon-tabler icon-tabler-chevron-down%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 stroke-width=%272%27 stroke=%27%23fff%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27%3E%3C/path%3E%3Cpath d=%27M6 9l6 6l6 -6%27%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}.select select{-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;padding:.5rem 2rem .5rem 1rem;padding:.25rem 2rem .25rem 1.25rem;margin:0;width:100%;cursor:inherit;pointer-events:all;font:inherit;color:inherit;border-radius:inherit}.btn-primary{padding:.5rem 1.25rem;border:1px solid currentColor;background:rgba(0,0,0,0);font:700 .75rem/1 "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(to right, #03c39a, #3491fd);background-blend-mode:overlay;background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);position:relative;border-image:linear-gradient(to right, #03c39a, #3491fd) 1 1 1;transition:all .2s}.btn-primary:hover{box-shadow:0 0 5px 2px rgba(255,255,255,.2)}.btn-secondary{padding:.5rem 1.25rem;border:1px solid currentColor;background:rgba(0,0,0,0);font:700 .75rem/1 "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;cursor:pointer;border-radius:999px;border-color:#62208d;color:#62208d}.btn-default{padding:.5rem 1.25rem;border:1px solid currentColor;background:rgba(0,0,0,0);font:700 .75rem/1 "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .2s}.btn-default:hover{color:#1e1e24;background:#fff;border-color:#fff}.Match-item{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.Match-item .header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;margin-bottom:.35rem}@media(min-width: 576px){.Match-item .header{flex-direction:row;justify-content:space-between;gap:2rem;margin-bottom:0}}.Match-item .header .datetime{display:flex;gap:.5rem;color:rgba(255,255,255,.9);letter-spacing:.02em}.Match-item .header .status,.Match-item .header .date,.Match-item .header .time{font-size:.875rem}.Match-item .header .status{font-size:.75rem;font-weight:700;letter-spacing:-0.025em;text-transform:uppercase;color:rgba(255,255,255,.9)}.Match-item .grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;align-items:center;gap:.5rem 1rem}.Match-item .grid .away{text-align:center}@media(min-width: 576px){.Match-item .grid .away{text-align:right}}.Match-item .grid .home{text-align:center}@media(min-width: 576px){.Match-item .grid .home{text-align:left}}.Match-item .grid .mid{justify-self:center}.Match-item .grid .mid .mid-container{display:flex;padding:.25rem 1rem;gap:.5rem;background:#1e1e24;border-radius:10px;font-weight:700}.Match-item.winner-1 .home{font-weight:700}.Match-item.winner-1 .away{color:rgba(255,255,255,.7)}.Match-item.winner-2 .away{font-weight:700}.Match-item.winner-2 .home{color:rgba(255,255,255,.7)}.Match-item[data-status=notstarted] .mid .mid-container{color:rgba(255,255,255,.5)}.Loading{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Error{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Error .headline{color:rgba(255,255,255,.8);font-weight:700}.Error .icon{width:2rem;height:2rem;color:rgba(255,255,255,.6);margin-bottom:.5rem}.Error p{text-align:center;color:rgba(255,255,255,.6);font-size:.75rem}.Slider{overflow:hidden;grid-column:1/-1}.Slider .swiper{--swiper-theme-color: white}.Slider .swiper-slide{width:100% !important;border-radius:10px}.Slider .swiper-slide.salah{background-color:#911712;background-image:linear-gradient(45deg, hsl(2, 78%, 32%) 0%, hsl(12, 34%, 28%) 57%, hsl(185, 90%, 15%) 100%)}.Slider .swiper-slide.haaland{background-color:#6caddf;background-image:linear-gradient(45deg, hsl(206, 64%, 65%) 0%, hsl(210, 82%, 38%) 57%, hsl(214, 100%, 11%) 100%)}.Slider .swiper-slide.messi{background-color:#d5557e;background-image:linear-gradient(45deg, hsl(0, 0%, 13%) 0%, hsl(341, 40%, 43%) 38%, hsl(340, 66%, 67%) 74%, hsl(338, 76%, 84%) 100%)}.Slider .swiper-slide .wrapper{min-height:300px;height:100%;display:grid;grid-template-rows:auto 1fr;padding:1rem;grid-template-columns:1fr}@media(min-width: 576px){.Slider .swiper-slide .wrapper{grid-template-columns:.33fr 1fr;grid-template-rows:auto}}@media(min-width: 1200px){.Slider .swiper-slide .wrapper{grid-template-columns:.33fr .67fr}}.Slider .swiper-slide .wrapper .content{align-self:flex-start}@media(min-width: 576px){.Slider .swiper-slide .wrapper .content{align-self:flex-end;margin:0 0 1rem 2rem}}.Slider .swiper-slide .wrapper .headline{font:900 2rem/1 "Inter",sans-serif;letter-spacing:-0.025em;text-transform:uppercase;margin-bottom:.5em}@media(min-width: 576px){.Slider .swiper-slide .wrapper .headline{font-size:2.5rem}}.Slider .swiper-slide .wrapper .image-container{position:relative;height:100%}.Slider .swiper-slide .wrapper .image-container .player-img{align-self:flex-end;position:absolute;bottom:-1rem;right:-1rem;height:100%;object-fit:cover;object-position:left top;margin-left:auto}@media(min-width: 768px){.Slider .swiper-slide .wrapper .image-container .player-img{margin-right:20%;right:0}}.Standings{grid-column:span 12}.Standings .team-standings-row,.Standings .table-row-header{display:grid;grid-template-columns:2rem 3fr repeat(7, 2rem);gap:.25rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}@media(min-width: 576px){.Standings .team-standings-row,.Standings .table-row-header{grid-template-columns:2rem repeat(11, 1fr)}}.Standings .team-standings-row .cell-item[data-name=Club],.Standings .table-row-header .cell-item[data-name=Club]{grid-column:2/5;word-break:break-word}.Standings .team-standings-row .cell-item:first-child,.Standings .table-row-header .cell-item:first-child{padding-left:.5rem}.Standings .team-standings-row .cell-item[data-name=GA],.Standings .team-standings-row .cell-item[data-name=GD],.Standings .team-standings-row .cell-item[data-name=GF],.Standings .table-row-header .cell-item[data-name=GA],.Standings .table-row-header .cell-item[data-name=GD],.Standings .table-row-header .cell-item[data-name=GF]{display:none}@media(min-width: 576px){.Standings .team-standings-row .cell-item[data-name=GA],.Standings .team-standings-row .cell-item[data-name=GD],.Standings .team-standings-row .cell-item[data-name=GF],.Standings .table-row-header .cell-item[data-name=GA],.Standings .table-row-header .cell-item[data-name=GD],.Standings .table-row-header .cell-item[data-name=GF]{display:initial}}.Standings .team-standings-row:hover{background:#1d1d25}.Standings .table-row-header{position:sticky;top:64px;background:#121217}.Standings .table-row-header .cell-item{background:none;border:none;display:inline-flex;gap:.5rem;align-items:center;cursor:pointer;text-align:left;color:rgba(255,255,255,.5);font-size:.8rem}.News{grid-column:span 12}@media(min-width: 768px){.News{grid-column:span 6}}.News .header-image-wrapper{display:grid;grid-template-areas:"stack";place-items:center;height:150px;margin-bottom:1rem;position:relative}.News .header-image-wrapper:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}.News .header-image-wrapper .headline{grid-area:stack;position:relative;z-index:1;font-size:2rem;margin-bottom:0}.News .header-image-wrapper .header-image{grid-area:stack;height:150px;width:100%;object-fit:cover;border-radius:10px}.News .news-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.News .news-list .news-item{padding-bottom:.5rem;position:relative;display:flex;flex-direction:column}.News .news-list .news-item:nth-child(1n+1):before{background:#03c39a}.News .news-list .news-item:nth-child(2n+1):before{background:#f8fc99}.News .news-list .news-item:nth-child(3n+1):before{background:#3491fd}.News .news-list .news-item:nth-child(4n+1):before{background:#62208d}.News .news-list .news-item:hover:before{transform:scale(1)}.News .news-list .news-item:before{content:"";position:absolute;bottom:0;width:100%;height:2px;transform:scale(0.2, 1);transform-origin:left;transition:all .2s}.News .news-list .news-item .headline{text-underline-offset:.2em;font-weight:700}.News .news-list .news-item .date{margin-top:auto}.Featured-players{grid-column:span 12;display:grid;grid-template-columns:repeat(12, 1fr);gap:1rem}.Featured-players .headline-card{padding:1rem 0;display:grid;align-items:center;grid-column:span 12}@media(min-width: 576px){.Featured-players .headline-card{grid-column:span 2}}.Featured-players .headline-card .h5{margin-bottom:0}.Featured-players .players-list{display:grid;grid-template-columns:1fr;gap:1rem;grid-column:span 12}@media(min-width: 576px){.Featured-players .players-list{grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media(min-width: 768px){.Featured-players .players-list{grid-template-columns:repeat(5, 1fr)}}.Featured-players .player-card{display:flex;flex-direction:column;justify-content:center;border-radius:10px;padding:1rem;color:#1e1e24;color:#fff;background-image:linear-gradient(45deg, hsl(240, 12%, 8%) 15%, hsl(240, 11%, 11%) 74%, hsl(240, 10%, 14%) 90%, hsl(240, 9%, 18%) 97%, hsl(240, 8%, 21%) 100%);border:1px solid rgba(255,255,255,.3)}.Featured-players .player-card .rating{font:500 .75rem/1.3 "Inter",sans-serif;margin-bottom:.5em}.Featured-players .player-card .rating span{font-weight:600}.Featured-players .player-card .club{font-size:.75rem;font-weight:300;letter-spacing:.015em}.Globe{grid-column:span 12;position:relative}@media(min-width: 768px){.Globe{grid-column:span 6}}.Globe:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #121217 90%);pointer-events:none;touch-action:none}.Globe .scene-container{padding-top:85%;height:0 !important;width:100% !important;overflow:hidden;position:relative}.Globe .scene-container canvas{width:100% !important;height:100% !important;inset:0;position:absolute}.Week-matches{grid-column:span 12}.Week-matches>.header{display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;margin-bottom:1rem}.Week-matches>.header .headline{margin-bottom:0}.Week-matches>.header .match-round{font-size:.875rem;text-transform:uppercase;font-weight:300;letter-spacing:.05em;color:rgba(255,255,255,.7)}.Week-matches .matches-list{display:grid;grid-template-columns:1fr;gap:.5rem}.Week-matches .Match-filter-btn{cursor:pointer}.Top-players{grid-column:span 12}.Top-players .headline{grid-column:span 12}.Top-players .swiper{margin-bottom:2rem}.Top-players .swiper .swiper-slide{width:235px}.Top-players .Stat-box{grid-column:span 12}@media(min-width: 576px){.Top-players .Stat-box{grid-column:span 6}}@media(min-width: 768px){.Top-players .Stat-box{grid-column:span 4}}.Top-players .Stat-box summary{cursor:pointer;user-select:none}.Top-players .Stat-box .card{border:1px solid rgba(255,255,255,.2);border-radius:10px;overflow:hidden}.Top-players .Stat-box .card .Top-player{display:grid;grid-template-columns:.7fr .3fr;gap:1rem;padding:.875rem;justify-content:space-between;min-height:6.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.Top-players .Stat-box .card .Top-player .row{display:flex;flex-direction:column}.Top-players .Stat-box .card .Top-player .row .name{line-height:1.2;letter-spacing:-0.01em}.Top-players .Stat-box .card .Top-player .row .name p:first-child{font-size:.875rem;font-weight:600}.Top-players .Stat-box .card .Top-player .row .name p:last-child,.Top-players .Stat-box .card .Top-player .row .name p:only-child{font-weight:700;font-size:1.5rem;margin-bottom:.1rem}.Top-players .Stat-box .card .Top-player .row .team{margin-top:auto;font-size:.875rem;font-weight:300;color:rgba(255,255,255,.7)}.Top-players .Stat-box .card .Top-player .stat{font-weight:700;font-size:1.5rem;align-self:center}.Top-players .Stat-box .card .player-list{padding:.875rem}.Top-players .Stat-box .card .player-list .Player-item{display:grid;grid-template-columns:.7fr .3fr;gap:1rem;justify-content:space-between}.Top-players .Stat-box .card .player-list .Player-item:not(:last-child){margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.Top-players .Stat-box .card .player-list .Player-item:nth-child(4){border-bottom:0;padding-bottom:0}@media(min-width: 576px){.Top-players .Stat-box .card .player-list .Player-item:nth-child(4){padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}}.Top-players .Stat-box .card .player-list .Player-item:nth-child(n+5){display:none}@media(min-width: 576px){.Top-players .Stat-box .card .player-list .Player-item:nth-child(n+5){display:grid}}.Top-players .Stat-box .card .player-list .Player-item .row{display:flex;flex-direction:column}.Top-players .Stat-box .card .player-list .Player-item .row .name{font-weight:700}.Top-players .Stat-box .card .player-list .Player-item .row .team{font-size:.75rem;font-weight:300;color:rgba(255,255,255,.7)}.Tab-slider{grid-column:span 12;list-style-type:none;display:flex;flex:1;min-height:400px;overflow:hidden}.Tab-slider .tabs-list{list-style-type:none;display:flex;flex:1;position:relative;flex-flow:column}@media(min-width: 768px){.Tab-slider .tabs-list{position:static;flex-flow:row}}.Tab-slider .tabs-list .tab-item{display:flex}@media(min-width: 768px){.Tab-slider .tabs-list .tab-item{position:relative}}.Tab-slider .tabs-list .tab-item .tab-trigger{display:flex;justify-content:center;padding:21px 6px;box-sizing:border-box;transition:box-shadow .3s,transform .3s;z-index:1;background-color:inherit;background:#1e1e24;border:1px solid rgba(255,255,255,.5);font:700 24px/1.5 "Inter",sans-serif;color:#fff;cursor:pointer}.Tab-slider .tabs-list .tab-item .tab-trigger span{text-orientation:mixed;writing-mode:vertical-rl;pointer-events:none}.Tab-slider .tabs-list .tab-item .tab-trigger:hover{z-index:2;box-shadow:0 0 10px rgba(255,255,255,.3)}.Tab-slider .tabs-list .tab-item .tab-panel{flex:1 1 0;display:flex;position:absolute;left:0;top:0;bottom:0;right:0;z-index:0;visibility:hidden;border:1px solid rgba(255,255,255,.5);background:#121217;transition:width .6s}.Tab-slider .tabs-list .tab-item .tab-panel .container-fluid{width:100%;display:flex;padding-left:4.5rem}.Tab-slider .tabs-list .tab-item .tab-panel .wrapper{flex:1;display:flex;align-items:center;justify-content:center}.Tab-slider .tabs-list .tab-item .tab-panel .content .quote{font:400 1.1rem/1.25 "Inter",sans-serif;margin-bottom:.5em}@media(min-width: 768px){.Tab-slider .tabs-list .tab-item .tab-panel .content .quote{font-size:1.5rem}}.Tab-slider .tabs-list .tab-item .tab-panel .content .quote:before{content:open-quote;position:absolute;left:4rem;top:0;font-size:8rem;line-height:1;font-family:sans-serif}@media(min-width: 768px){.Tab-slider .tabs-list .tab-item .tab-panel .content .quote:before{font-size:20rem}}.Tab-slider .tabs-list .tab-item .tab-panel .content .quote:after{content:close-quote;width:0;height:0;font-size:0}.Tab-slider .tabs-list .tab-item .tab-panel .content .quoter{text-transform:uppercase;font-weight:700;letter-spacing:-0.01em}.Tab-slider .tabs-list .tab-item .tab-panel .content .quoter:before{content:"—";margin-right:.5rem}.Tab-slider .tabs-list .tab-item .tab-panel .container{display:flex;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;align-items:center;justify-content:center;flex:1}.Tab-slider .tabs-list .tab-item .tab-panel .container .wrap{width:100%}.Tab-slider .tabs-list .tab-item .tab-panel .container .std-content{position:relative;z-index:1;flex:1;padding:70px 0 40px;margin:0 auto}.Tab-slider .tabs-list .tab-item.open{width:100%}.Tab-slider .tabs-list .tab-item.open .tab-trigger{background:#121217}.Tab-slider .tabs-list .tab-item.open .tab-panel{visibility:visible}.Tab-slider .tabs-list .tab-item:first-child .tab-panel.has-image .wrap .std-content{margin-left:56px}.App .container--dash-grid{display:block}@media(min-width: 1200px){.App .container--dash-grid{display:grid;grid-template-areas:"sidebar dashboard";min-height:100vh;grid-template-rows:auto;grid-template-columns:300px auto;grid-gap:2rem 1rem}}.App .container--dash-grid .Sidebar{grid-area:sidebar;margin-bottom:1rem}@media(min-width: 1200px){.App .container--dash-grid .Sidebar{margin-bottom:0}}.App .container--dash-grid .Dashboard{grid-area:dashboard}.Header{padding:1rem 0;background:#1e1e24;margin-bottom:1rem;position:sticky;top:0;z-index:10}@media(min-width: 768px){.Header{margin-bottom:2rem}}.Header .nav{display:flex;align-items:center;gap:1rem}@media(min-width: 768px){.Header .nav{gap:2rem}}.Header .nav .logo{text-decoration:none;display:inline-flex;align-items:center;font:700 1.5rem/1 "Inter",sans-serif;text-transform:uppercase;letter-spacing:-0.025em;background:linear-gradient(to right, #03c39a, #3491fd);background-blend-mode:overlay;background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.Header .nav .logo .soccer-icon{color:#03c39a;width:2rem;height:2rem}.Header .nav .nav-list{display:none;align-items:center;gap:1rem;list-style-type:none}@media(min-width: 768px){.Header .nav .nav-list{display:flex}}.Header .nav .nav-list--buttons{margin-left:auto}.Header .nav #hamburger-btn{display:block}@media(min-width: 768px){.Header .nav #hamburger-btn{display:none}}.Sidebar .sticky{position:sticky;top:calc(1rem + 64px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem}.Sidebar .list-label{margin-bottom:0;cursor:pointer;user-select:none}.Sidebar .tournament-list{list-style-type:none;margin-left:1rem;margin-top:1rem}.Sidebar .tournament-list .tournament-item:not(:last-child) .btn{margin-bottom:.5rem}.Sidebar .tournament-list .tournament-item .btn{background:none;border:none;cursor:pointer;color:#fff;padding:.5rem 0;padding-left:.5rem;width:100%;position:relative;text-align:left;border-radius:5px}.Sidebar .tournament-list .tournament-item .btn .bar{content:"";position:absolute;left:0;top:0;bottom:0;display:block;width:6px;border-radius:3px;transform:translate(-100%, 0)}.Sidebar .tournament-list .tournament-item .btn:hover{background:#1e1e24}.Dashboard{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:1rem;row-gap:2rem;grid-auto-rows:min-content;margin-bottom:2rem}
