:root{--primary-color:#2b2b2c;--secondary-color:rgba(34,169,227,.25);--flair-color:#22a9e3;--text-color:#fffcfc;--shade-color:rgba(10,9,9,.05);--fixture-shade-color:rgba(34,169,227,.25);--error-color:#22a9e3;transition:1s}.dark-theme{--primary-color:#131326;--secondary-color:#222536;--flair-color:#c65300;--text-color:#f8f9fe;--shade-color:hsla(0,0%,100%,.05);--fixture-shade-color:hsla(0,0%,100%,.05);--error-color:#222536;transition:1s}.data__sections--wrap{display:grid;display:none;gap:1.5rem;grid-template-areas:"pie" "player" "team" "minute" "league";grid-template-columns:100%;grid-template-rows:22rem 20rem 20rem 20rem 1fr;height:100%;width:100%}.pie__chart--wrap{background-color:var(--secondary-color);border-radius:20px;grid-area:pie}.pie__chart--content,.pie__chart--wrap{height:100%;position:relative;width:100%}.pie__chart--content{padding:3%}.player__stats--wrap{background-color:var(--secondary-color);border-radius:20px;grid-area:player;height:100%;overflow-y:scroll;width:100%}.player__stats--wrap::-webkit-scrollbar{border-radius:20px;width:10px}.player__stats--title{align-items:center;display:flex;height:15%;justify-content:center;width:100%}.player__stats--title h4{font-size:.8rem;font-weight:500}.player__stats--table{font-size:.64rem;height:85%;width:100%}.player__stats--table table{border-collapse:collapse;height:100%;width:100%}.player__stats--table td,.player__stats--table th{padding:2px;text-align:center}.player__stats--body tr:nth-child(odd){background-color:var(--shade-color)}.team__stats--wrap{background-color:var(--secondary-color);border-radius:20px;grid-area:team;height:100%;width:100%}.team__stats--title{align-items:center;display:flex;height:15%;justify-content:center;width:100%}.team__stats--title h4{font-size:.8rem;font-weight:500}.team__stats--content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:85%;width:100%}.team__stats--content .team__stats--box{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:2%;text-align:center;width:100%}.team__stats--content .team__stats--box h6{font-size:.6rem}.team__stats--content .team__stats--box:nth-child(odd){background-color:var(--shade-color)}.minute__stat--wrap{background-color:var(--secondary-color);border-radius:20px;grid-area:minute;height:100%;padding:2%;position:relative;width:100%;z-index:-10}.minute__stat--content{display:flex;height:100%;width:100%}.minute__stat--box{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;padding:2%;text-align:center;width:50%}.minute__stat--box h4{font-size:.8rem;font-weight:500}.minute__stat--percentage{margin-top:2rem;position:relative;width:140px}.minute__stat--percentage svg{fill:var(--flair-color);height:8rem;left:5%;position:absolute;top:-120%;transition:1s;width:8rem}.league__table--wrap{background-color:var(--secondary-color);border-radius:20px;grid-area:league;height:100%;padding:10px;position:relative;width:100%;z-index:-10}.league__table--name{bottom:5px;height:5%;position:relative;text-align:center}.league__table--content{font-size:.8rem;height:100%;text-align:center;width:100%}.league__table--content table{height:95%;width:100%}@media (min-width:760px){.data__sections--wrap{gap:15px;grid-template-areas:"pie league" "player league" "team league" "minute minute";grid-template-columns:50%;grid-template-rows:repeat(4,1fr)}.pie__chart--wrap{height:100%}.pie__chart--title{height:25%}.league__table--name{bottom:0}.minute__stat--box h4,.player__stats--title h4,.team__stats--title h4{font-size:.9rem}}.main__content{width:100%}.main__content,.nav__slide{align-items:center;display:flex;flex-direction:column;height:100%}.nav__slide{background-color:var(--secondary-color);justify-content:space-evenly;left:0;position:fixed;top:0;transform:translateX(-100%);transition:.5s ease-in-out;width:40%;z-index:30}.nav__slide ul{flex-direction:column;height:65%;justify-content:space-evenly;list-style-type:none;margin-bottom:auto;text-align:center}.nav__slide ul,.nav__slide ul li{align-items:center;display:flex;width:100%}.nav__slide ul li{height:15%;justify-content:center}.nav__slide ul li a{color:var(--text-color);text-decoration:none}.nav__slide ul li:hover{background-color:var(--secondary-color);cursor:pointer}.slide__logo{align-items:center;display:flex;flex-direction:column;height:15%;justify-content:space-evenly;margin-bottom:auto;position:relative;width:100%}.slide__logo svg{stroke:var(--flair-color)}.slide__logo span{font-size:2.5rem;position:absolute;right:15px;top:10px}.dateTime{align-items:center;border-top:2px solid var(--secondary-color);display:flex;flex-direction:column;height:15%;justify-content:space-evenly;transition:none;width:100%}header{display:grid;grid-template-areas:"navT navT navT navT" "navT navT navT navT" ". title title ." "search search search search" ". . . ." "name name name name";grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;height:115vh;width:100%}.nav__top{background-color:var(--primary-color);grid-area:navT;height:10vh;justify-content:space-between;padding:0 5%;position:fixed;right:0;top:0;width:100vw;z-index:2}.burger__wrap,.nav__top{align-items:center;display:flex}.burger__wrap{height:100%;justify-content:center;width:15%}.burger__wrap span{font-size:3rem}.theme__toggle--wrap{align-items:center;border-radius:20px;display:flex;height:2rem;justify-content:center;width:80px}.theme__toggle--btn{background-color:var(--shade-color);border-radius:20px;height:100%;position:relative;width:100%}.theme__toggle--btn .dark__icon,.theme__toggle--btn .light__icon{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:1s ease-out;visibility:hidden}.theme__toggle--btn .active__theme--icon{opacity:1;transition:1s ease-out;visibility:visible}.theme__toggle--btn:hover{cursor:pointer}.title__logo{align-items:center;display:flex;flex-direction:column;grid-area:title;height:100%;justify-content:center;width:100%}.logo svg{stroke:var(--flair-color);height:5rem;width:5rem}.title h1{font-size:3rem;font-weight:400}.title span{color:var(--flair-color);font-style:italic}.search__wrap{grid-area:search;width:100%}.search__input,.search__wrap{align-items:center;display:flex;justify-content:center}.search__input{max-width:360px;position:relative;width:90%}.search__input .search__icon{font-size:1.2rem;left:2%;position:absolute}.search__input .search__form{width:100%}.search__input input{background-color:var(--shade-color);border:none;border-radius:40px;color:var(--text-color);outline:none;padding:5% 12%;width:100%}::placeholder{color:var(--text-color)}.search__icon:hover{cursor:pointer}.team__name--wrap{grid-area:name;text-align:center;width:100%}.team__name--wrap h4{font-size:2.8rem}@media (min-width:375px){.search__input .search__icon{font-size:1.5rem}}@media (min-width:760px){.logo img{height:6rem;width:6rem}.title h1{font-size:4.5rem}.search__input input{font-size:1.1rem;padding:5% 12%}.search__input .search__icon{font-size:1.4rem}}.history__section--wrap{background-color:var(--secondary-color);border-radius:20px;display:none;grid-template-areas:". t t ." "p p p p" "p p p p" "img img img img" "img img img img";height:100%;width:100%}.history__section--title{align-items:center;display:flex;flex-direction:column;font-size:1.3rem;grid-area:t;justify-content:center;padding:20%;text-align:center}.history__section--text{grid-area:p;height:100%;padding:5%}.history__section--img{grid-area:img;padding:2% 5%}.history__section--img img{height:100%;object-fit:cover;-webkit-object-fit:cover;-moz-object-fit:cover;object-position:100% 100%;-webkit-object-position:100% 100%;-moz-object-position:100% 100%;width:100%}.fixtures__section--wrap{background-color:var(--secondary-color);border-radius:20px;display:none;grid-template-areas:". title title ." "cont cont cont cont" "cont cont cont cont" "cont cont cont cont";height:100%;width:100%}.fixtures__section--title{align-items:center;display:flex;flex-direction:column;font-size:1.3rem;grid-area:title;justify-content:center;padding:5%;text-align:center;width:100%}.fixtures__section--content{grid-area:cont;height:45rem;overflow:scroll;overflow-x:hidden;padding-left:20px;width:100%}.fixture{align-items:center;background-color:var(--fixture-shade-color);border-radius:60px;display:flex;flex-direction:column;font-size:.8rem;margin:15px auto;padding:1%;position:relative;width:75%}.prediction__section--wrap{background-color:var(--secondary-color);border-radius:20px;display:none;grid-template-areas:". title title ." "pred pred pred pred" "pred pred pred pred" "win win win win" "chart chart chart chart" "chart chart chart chart";grid-template-rows:50px repeat(5,minmax(100px,1fr));height:100%;padding:2%;row-gap:60px;width:100%}.prediction__chart--wrap{grid-area:chart;height:100%;padding:1px;width:100%}.prediction__chart--radar{height:95%;margin:0 auto;position:relative;width:95%}.prediction__section--title{font-size:1.5rem;grid-area:title;height:100%;padding-top:2%;text-align:center;width:100%}.prediction__section--content{grid-area:pred;height:100%;padding:1px}.prediction__section--content,.prediction__section--content table{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.prediction__section--content table{height:75%}.prediction__section--content table td,.prediction__section--content table th{padding:.5rem 0}.prediction__section--winner{font-size:.8rem;grid-area:win;height:60%;width:100%}.prediction__section--winner div{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;text-align:center;width:100%}@media (max-width:420px){table{font-size:.7rem}}@media (min-width:1020px){.body__wrap{display:grid;gap:10px;grid-template-areas:"navi head head head head head" "navi main main main main main" "navi main main main main main" "navi main main main main main" "navi main main main main main"}.main__content{grid-area:main;height:75vh;width:80vw}.data__sections--wrap{gap:10px;grid-template-areas:"pie pie player player league league" "pie pie player player league league" "pie pie team team league league" "pie pie team team league league" "minute minute minute minute league league" "minute minute minute minute league league";grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.player__stats--wrap{height:100%}.team__stats--wrap{bottom:0;height:100%}.minute__stat--percentage{margin-top:3rem}header{grid-area:head;grid-template-areas:"title title . . . navT" ". . . . . ." "name name . . search search";height:15vh;width:80vw}.nav__top{height:auto;padding:0;position:relative;width:auto}.theme__toggle--wrap{width:100%}.burger__wrap{display:none}.title__logo{flex-direction:row;justify-content:flex-start}.logo{display:none}.title h1{font-size:1.5rem}.search__wrap{justify-content:flex-end}.search__input input{font-size:.9rem;padding:5% 12%}.team__name--wrap{grid-area:name;text-align:left}.team__name--wrap h4{font-size:2.8rem}.nav__slide{border-radius:20px;display:flex;grid-area:navi;height:100%;position:relative;transform:translateX(0);transition:none;width:10rem}.nav__slide .slide__logo span{display:none}.history__section--wrap{display:grid;display:none;grid-template-areas:"title title title img" "tex tex tex img" "tex tex tex img" "tex tex tex img"}.history__section--title{grid-area:title;padding:5%}.history__section--text{grid-area:tex;overflow-y:scroll}.history__section--img{grid-area:img;padding:0}.history__section--img,.history__section--img img{border-bottom-right-radius:20px;border-top-right-radius:20px}.prediction__section--wrap{gap:0;grid-template-areas:". title title ." "chart chart pred pred" "chart chart pred pred" "chart chart win win";grid-template-columns:repeat(4,1fr);grid-template-rows:none}.prediction__section--winner{height:100%;margin:0}.fixtures__section--content{height:100%}.league__table--content table{font-size:.7rem}.league__table--name{bottom:5px}}@media (min-width:1200px){.team__stats--content .team__stats--box h6{font-size:.7rem}}.active__tab{display:grid}.active__slide--nav{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);height:100%;transform:translateX(0);transition:.5s ease-in-out;width:100%}.fixtures__section--content::-webkit-scrollbar,.history__section--text::-webkit-scrollbar,.scrollbar__styles{width:20px}.fixtures__section--content::-webkit-scrollbar-track,.history__section--text::-webkit-scrollbar-track,.player__stats--wrap::-webkit-scrollbar-track,.scrollbar-track__styles{background-color:var(--shade-color);border-radius:40px;border-bottom-right-radius:100px}.fixtures__section--content::-webkit-scrollbar-thumb,.history__section--text::-webkit-scrollbar-thumb,.player__stats--wrap::-webkit-scrollbar-thumb,.scrollbar-thumb__styles{background-color:var(--flair-color);border-radius:40px}.overlay{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(30px);height:100%;width:100%;z-index:50}.error__msg--wrap,.overlay{display:none;position:fixed}.error__msg--wrap{background-color:var(--error-color);border:2px solid var(--flair-color);border-radius:25px;color:var(--text--color);height:50%;left:50%;max-width:595px;top:50%;transform:translate(-50%,-50%);width:85%;z-index:100}.error__msg--content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:2%;position:relative;width:100%}.error__msg--content h4{font-size:1.5rem}.error__close--icon{position:absolute;right:15px;top:15px}.error__msg--icon svg{stroke:var(--text-color);transition:1s}.error__msg--text{text-align:center}.error__msg--active,.error__msg--text span,.overlay__active{display:block}.starter__menu--wrap{background-color:var(--secondary-color);display:none;height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:85%;z-index:75}.start__menu--content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;text-align:center;width:100%}.starter__menu--icon svg{stroke:var(--flair-color)}.starter__menu--titles h4{font-size:2rem}.starter__menu--titles h5{font-size:1.2rem}*{box-sizing:border-box;margin:0;padding:0}body,html{transition:1s;width:100vw}body{background-color:var(--primary-color);color:var(--text-color);font-family:Kanit,sans-serif;overflow-x:hidden}.body__wrap{padding:5%}@media (min-width:1020px){.body__wrap{padding:2%}}@font-face{font-family:Kanit;font-style:normal;font-weight:200;src:url(kanit-v11-thai_latin-200.41d59183.eot);src:local(""),url(kanit-v11-thai_latin-200.41d59183.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-200.bf445e43.woff2) format("woff2"),url(kanit-v11-thai_latin-200.1642804a.woff) format("woff"),url(kanit-v11-thai_latin-200.a613ecce.ttf) format("truetype"),url(kanit-v11-thai_latin-200.0fadd06c.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:italic;font-weight:200;src:url(kanit-v11-thai_latin-200italic.e02dace4.eot);src:local(""),url(kanit-v11-thai_latin-200italic.e02dace4.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-200italic.5b9340eb.woff2) format("woff2"),url(kanit-v11-thai_latin-200italic.2d275393.woff) format("woff"),url(kanit-v11-thai_latin-200italic.ed1f6153.ttf) format("truetype"),url(kanit-v11-thai_latin-200italic.dd055c71.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:normal;font-weight:300;src:url(kanit-v11-thai_latin-300.0054cd35.eot);src:local(""),url(kanit-v11-thai_latin-300.0054cd35.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-300.e8433eb1.woff2) format("woff2"),url(kanit-v11-thai_latin-300.5ae0e9f1.woff) format("woff"),url(kanit-v11-thai_latin-300.9a8165d3.ttf) format("truetype"),url(kanit-v11-thai_latin-300.816842a9.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:italic;font-weight:300;src:url(kanit-v11-thai_latin-300italic.425e143b.eot);src:local(""),url(kanit-v11-thai_latin-300italic.425e143b.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-300italic.5bffcc4b.woff2) format("woff2"),url(kanit-v11-thai_latin-300italic.826561ea.woff) format("woff"),url(kanit-v11-thai_latin-300italic.7d638be3.ttf) format("truetype"),url(kanit-v11-thai_latin-300italic.bd35adde.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:normal;font-weight:400;src:url(kanit-v11-thai_latin-regular.78d3abeb.eot);src:local(""),url(kanit-v11-thai_latin-regular.78d3abeb.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-regular.cc9b9a4d.woff2) format("woff2"),url(kanit-v11-thai_latin-regular.8c64b923.woff) format("woff"),url(kanit-v11-thai_latin-regular.e915937f.ttf) format("truetype"),url(kanit-v11-thai_latin-regular.915457ad.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:italic;font-weight:400;src:url(kanit-v11-thai_latin-italic.84707a59.eot);src:local(""),url(kanit-v11-thai_latin-italic.84707a59.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-italic.7569dbd8.woff2) format("woff2"),url(kanit-v11-thai_latin-italic.53ca2bc5.woff) format("woff"),url(kanit-v11-thai_latin-italic.25f107fa.ttf) format("truetype"),url(kanit-v11-thai_latin-italic.7cee91cd.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:normal;font-weight:500;src:url(kanit-v11-thai_latin-500.90d59541.eot);src:local(""),url(kanit-v11-thai_latin-500.90d59541.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-500.b9aadd31.woff2) format("woff2"),url(kanit-v11-thai_latin-500.9731856b.woff) format("woff"),url(kanit-v11-thai_latin-500.4bc9cdc3.ttf) format("truetype"),url(kanit-v11-thai_latin-500.a76db092.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:italic;font-weight:500;src:url(kanit-v11-thai_latin-500italic.9ba41beb.eot);src:local(""),url(kanit-v11-thai_latin-500italic.9ba41beb.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-500italic.636ac838.woff2) format("woff2"),url(kanit-v11-thai_latin-500italic.0a27f4ab.woff) format("woff"),url(kanit-v11-thai_latin-500italic.008402b5.ttf) format("truetype"),url(kanit-v11-thai_latin-500italic.95d61d55.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:normal;font-weight:600;src:url(kanit-v11-thai_latin-600.cac2131a.eot);src:local(""),url(kanit-v11-thai_latin-600.cac2131a.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-600.ba856172.woff2) format("woff2"),url(kanit-v11-thai_latin-600.d3c96373.woff) format("woff"),url(kanit-v11-thai_latin-600.f678e85c.ttf) format("truetype"),url(kanit-v11-thai_latin-600.76a35405.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:italic;font-weight:600;src:url(kanit-v11-thai_latin-600italic.fc6950c5.eot);src:local(""),url(kanit-v11-thai_latin-600italic.fc6950c5.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-600italic.6cd1323b.woff2) format("woff2"),url(kanit-v11-thai_latin-600italic.23d2fa6d.woff) format("woff"),url(kanit-v11-thai_latin-600italic.0360b5d6.ttf) format("truetype"),url(kanit-v11-thai_latin-600italic.78e33ff4.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:normal;font-weight:700;src:url(kanit-v11-thai_latin-700.d85635a3.eot);src:local(""),url(kanit-v11-thai_latin-700.d85635a3.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-700.6d144194.woff2) format("woff2"),url(kanit-v11-thai_latin-700.15e8efb9.woff) format("woff"),url(kanit-v11-thai_latin-700.949683e7.ttf) format("truetype"),url(kanit-v11-thai_latin-700.5c68ec18.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:italic;font-weight:700;src:url(kanit-v11-thai_latin-700italic.d48d6f45.eot);src:local(""),url(kanit-v11-thai_latin-700italic.d48d6f45.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-700italic.58b09bc3.woff2) format("woff2"),url(kanit-v11-thai_latin-700italic.62818f72.woff) format("woff"),url(kanit-v11-thai_latin-700italic.a6069164.ttf) format("truetype"),url(kanit-v11-thai_latin-700italic.51c6d766.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:normal;font-weight:800;src:url(kanit-v11-thai_latin-800.e0b4278a.eot);src:local(""),url(kanit-v11-thai_latin-800.e0b4278a.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-800.a02b07f1.woff2) format("woff2"),url(kanit-v11-thai_latin-800.80fce28f.woff) format("woff"),url(kanit-v11-thai_latin-800.d2c694bd.ttf) format("truetype"),url(kanit-v11-thai_latin-800.2f5d8d02.svg#Kanit) format("svg")}@font-face{font-family:Kanit;font-style:italic;font-weight:800;src:url(kanit-v11-thai_latin-800italic.2b5c04d5.eot);src:local(""),url(kanit-v11-thai_latin-800italic.2b5c04d5.eot#iefix) format("embedded-opentype"),url(kanit-v11-thai_latin-800italic.1065baa9.woff2) format("woff2"),url(kanit-v11-thai_latin-800italic.6de68b6d.woff) format("woff"),url(kanit-v11-thai_latin-800italic.e5591cfa.ttf) format("truetype"),url(kanit-v11-thai_latin-800italic.05603030.svg#Kanit) format("svg")}.slnbutton{--green:#1bfd9c;background:linear-gradient(90deg,rgba(27,253,156,.1) 1%,transparent 40%,transparent 60%,rgba(27,253,156,.1));border:2px solid var(--green);border-radius:.6em;box-shadow:inset 0 0 10px rgba(27,253,156,.4),0 0 9px 3px rgba(27,253,156,.1);color:var(--green);font-family:inherit;font-size:15px;letter-spacing:.06em;line-height:1.4em;overflow:hidden;padding:5px;position:relative;transition:all .3s}.slnbutton:hover{box-shadow:inset 0 0 10px rgba(27,253,156,.6),0 0 9px 3px rgba(27,253,156,.2);color:#82ffc9}.slnbutton:before{background:linear-gradient(90deg,transparent 1%,rgba(27,253,156,.1) 40%,rgba(27,253,156,.1) 60%,transparent);content:"";height:100%;left:-4em;position:absolute;top:0;transition:transform .5s ease-in-out;width:4em}.slnbutton:hover:before{transform:translateX(105em)}.itemXCV{display:flex;flex-wrap:wrap}
/*# sourceMappingURL=index.7ad48e24.css.map */