@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0;transition:all .3s ease .05s}html{scroll-behavior:smooth}#app,html{background-color:var(--app-secondary-color)}#app{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;min-height:100vh;background-repeat:repeat-y}#showSettings{cursor:pointer;padding:5px;border:none;outline:none;background-color:transparent}.showSettings--img{width:50px}.showSettings--img:hover{transition:all 10s linear;transform:rotate(1turn)}.settings__panel{color:var(--app-font-color);margin:0 20%;display:flex;justify-content:center;align-items:center;flex-direction:column}.settings__panel--colorbox{width:50%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}@media (max-width:900px){.settings__panel--colorbox{width:100%;flex-direction:column}}.settings__panel--theme{margin:10px auto}.settings__panel--teams{padding:0 15px 5px;margin-bottom:5px;border:1px solid var(--app-secondary-color);box-shadow:0 0 8px var(--app-shadow-color);border-radius:10px;display:flex;flex-direction:column}.equipe{margin:10px auto;transition:none}.settings-transition-enter-active{transition:all .3s ease-in;opacity:1}.settings-transition-enter{opacity:0}.settings-transition-leave-active{transition:all .3s ease-out;opacity:0}.settings-transition-leave{opacity:1}form{margin:20px auto;border:1px solid #ccc;border-radius:12px;background-color:var(--app-primary-color);box-shadow:0 0 10px rgba(0,0,0,.1);width:1100px}@media (max-width:1200px){form{width:800px}}@media (max-width:900px){form{width:600px}}@media (max-width:650px){form{width:420px}}@media (max-width:450px){form{width:300px}}.input-group{position:relative}.input-group label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--app-placeholder-color)}.input-group.filled .label,.input-group:focus-within .label{top:-12px;font-weight:700;transform:translateY(-50%)}.input-group.filled .label--red,.input-group:focus-within .label--red{left:10px;color:var(--team1-color)}.input-group.filled .label--blue,.input-group:focus-within .label--blue{left:calc(2% + 10px);color:var(--team2-color)}@media (max-width:650px){.input-group.filled .label--blue,.input-group:focus-within .label--blue{left:10px}}.input__help{margin-top:35px;color:var(--app-font-color)}.input-container{margin:25px 0 35px;display:flex;justify-content:center;align-items:center}.input-container .search__input{display:block;width:460px;height:60px;outline:none;border-radius:5px;background-color:var(--app-secondary-color);text-align:center;text-transform:capitalize;font-size:22px}.input-container .search__input::-webkit-search-cancel-button{position:relative;right:20px;cursor:pointer}.input-container .search__input--red{margin-right:2%;border:1px solid var(--team1-color);color:var(--app-font-color);transition:border .2s linear}.input-container .search__input--red:focus{border-bottom:3px solid var(--team1-color);border-top:3px solid transparent;border-right:3px solid transparent;border-left:3px solid transparent;border-radius:5px 5px 0 0}.input-container .search__input--blue{margin-left:2%;border:1px solid var(--team2-color);color:var(--app-font-color);transition:border .2s linear}.input-container .search__input--blue:focus{border:3px solid var(--team2-color);border-top:3px solid transparent;border-right:3px solid transparent;border-left:3px solid transparent;border-radius:5px 5px 0 0}@media (max-width:1200px){.input-container .search__input{width:340px}}@media (max-width:900px){.input-container .search__input{width:250px}}@media (max-width:650px){.input-container .search__input{margin:auto;width:350px}}@media (max-width:450px){.input-container .search__input{width:250px}}@media (max-width:650px){.input-container{height:150px;flex-direction:column;justify-content:space-between}}.range__container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 10px 20px;margin:30px 110px 10px;border-radius:12px;border:1px solid var(--app-secondary-color);color:var(--app-font-color);background:linear-gradient(145deg,var(--app-primary-color),var(--app-secondary-color));box-shadow:0 0 40px var(--app-shadow-color)}@media (max-width:650px){.range__container{margin:30px 40px 10px}}@media (max-width:450px){.range__container{margin:30px 25px 10px}}.range__title{margin:10px 0 5px;font-size:18px}.range__datepicker{width:75%;cursor:pointer;background-color:transparent}.range__periode{font-size:14px;margin-bottom:15px}.search__button{transform:translateY(50%);width:350px;height:60px;cursor:pointer;border:none;outline:none;box-shadow:1px 1px 10px -3px var(--team1-color),-1px -1px 10px -3px var(--team2-color);border-radius:20px;color:var(--app-font-color);background-color:var(--app-shadow-color);font-size:25px;text-transform:capitalize;transition:all .3s ease}.search__button:hover{transform:perspective(200px) translate3d(0,30%,30px) rotate(-2deg);box-shadow:6px 4px 15px -3px var(--team1-color),3px -4px 15px -3px var(--team2-color);transform-origin:center}@media (max-width:650px){.search__button:hover{transform:perspective(200px) translate3d(0,30%,20px) rotate(-2deg)}}@media (max-width:450px){.search__button:hover{transform:perspective(200px) translate3d(0,20%,10px) rotate(-1deg)}}.search__button--loading{transform:translateY(50%);width:60px;height:60px;cursor:pointer;border:none;outline:none;box-shadow:3px 3px 10px -3px var(--team1-color),-3px -3px 10px -3px var(--team2-color);border-radius:20px;color:var(--app-font-color);background:linear-gradient(160deg,var(--team1-color),var(--team2-color));font-size:25px;transition:transform .3s ease}@media (max-width:650px){.search__button{width:240px;height:50px;font-size:20px}}@media (max-width:450px){.search__button{width:200px;font-size:18px}}#help-btn{cursor:pointer;border-radius:10px;background-color:#fff;border:none;box-shadow:0 0 10px var(--app-shadow-color);padding:15px 10px;width:150px;margin:50px auto 0;display:flex;justify-content:center;align-items:center;top:0;right:0;left:auto;transition:all 1s ease-out}.help__container{border:1px solid #aaa;margin:auto;min-width:90vw;max-width:90vw;max-height:90vh;border-radius:10px;box-shadow:0 0 10pxvar --app-shadow-color;position:fixed;transform:translate(-50%,-50%);z-index:3;padding:30px;background-color:var(--app-secondary-color);top:50%;left:50%;overflow-y:auto}.help__container h2{font-size:26px;font-weight:600;margin:10px auto 30px;color:var(--app-font-color)}.help__container p{font-size:20px;padding-bottom:14px;color:var(--app-font-color)}#close-btn{cursor:pointer;position:absolute;text-align:center;top:10px;right:10px;padding:5px;border-radius:50px;color:var(--app-font-color);font-size:45px;font-weight:900}.help-transition-enter-active{transition:all .3s ease-in;opacity:1}.help-transition-enter{opacity:0}.help-transition-leave-active{transition:all .3s ease-out;opacity:0}.help-transition-leave{opacity:1}.score__container{position:fixed;bottom:1.5%;left:calc(50% - 150px);width:300px;height:50px;background-color:var(--app-primary-color);border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,.7)}.score__container h3{position:absolute;top:-33px;left:50%;height:40px;transform:translatex(-50%);font-size:28px;font-family:Pacifico,sans-serif;color:var(--app-font-color);background:linear-gradient(0deg,var(--app-secondary-color) 17%,transparent 0);padding:0 22px;border-radius:12px}@media (max-width:1250px){.score__container{width:220px;left:calc(50% - 110px)}}@media (max-width:900px){.score__container{height:45px}}@media (max-width:750px){.score__container{width:220px;left:calc(50% - 110px);margin:10px 0}}.score__container .score__box{display:flex;justify-content:space-between;align-items:center}.score__container .score__panel{display:flex;justify-content:center;align-items:center;width:100px;height:50px}.score__container .score__panel--red{border-radius:12px 0 0 12px;background:linear-gradient(90deg,var(--team1-color) 60%,transparent)}@media (max-width:900px){.score__container .score__panel--red{height:45px}}.score__container .score__panel--blue{border-radius:0 12px 12px 0;background:linear-gradient(270deg,var(--team2-color) 60%,transparent)}@media (max-width:900px){.score__container .score__panel--blue{height:45px}}.score__container .score__value{font-size:34px;font-weight:900}.score__container .score__value--red{color:var(--team1-font);text-align:left}.score__container .score__value--blue{color:var(--team2-font);text-align:right}@media (max-width:900px){.score__container .score__value{font-size:30px}}@media (max-width:750px){.score__container .score__value{font-size:26px}}.average__container{display:flex;justify-content:space-around;margin-bottom:50px}.average__circle{width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50px;color:var(--app-font-color);font-family:Pacifico,sans-serif}.average__circle--red{background-color:var(--team1-color);box-shadow:0 0 0 1px var(--team1-color)}.average__circle--blue{background-color:var(--team2-color);box-shadow:0 0 0 1px var(--team2-color)}@media (max-width:900px){.average__circle{width:65px;height:65px}}@media (max-width:750px){.average__circle{width:50px;height:50px;margin:15px auto 60px}}@media (max-width:450px){.average__circle{margin:15px auto 60px}}.average__value{font-size:40px;transform:translateY(-7%)}.average__value--red{color:var(--team1-font)}.average__value--blue{color:var(--team2-font)}@media (max-width:900px){.average__value{font-size:32px}}@media (max-width:750px){.average__value{font-size:28px}}.winner--red{-webkit-animation:pulse-red 1.4s ease-out infinite;animation:pulse-red 1.4s ease-out infinite}.winner--blue{-webkit-animation:pulse-blue 1.4s ease-out infinite;animation:pulse-blue 1.4s ease-out infinite}@-webkit-keyframes pulse-red{to{box-shadow:0 0 0 8px rgba(244,67,54,.01)}}@keyframes pulse-red{to{box-shadow:0 0 0 8px rgba(244,67,54,.01)}}@-webkit-keyframes pulse-blue{to{box-shadow:0 0 0 8px rgba(33,150,243,.01)}}@keyframes pulse-blue{to{box-shadow:0 0 0 8px rgba(33,150,243,.01)}}.score{position:absolute;color:green;top:-30px;font-size:26px;opacity:0}.score--red{left:70px}@media (max-width:900px){.score--red{left:60px}}@media (max-width:750px){.score--red{left:50px}}@media (max-width:650px){.score--red{left:50px;top:-10px;font-size:20px}}.score--blue{right:70px}@media (max-width:900px){.score--blue{right:60px}}@media (max-width:750px){.score--blue{right:50px}}@media (max-width:650px){.score--blue{right:50px;top:-10px;font-size:20px}}.fade-score-enter-active{transition:all 4s ease-out;opacity:0}.fade-score-enter{opacity:1;transform:translateY(50px)}@media (max-width:650px){.fade-score-enter{transform:translateY(25px)}}.main-title{font-family:Pacifico,cursive;font-size:70px;color:var(--app-font-color);text-shadow:0 0 5px var(--app-shadow-color);font-weight:200;transform:translateY(30px)}@media (max-width:900px){.main-title{font-size:50px}}@media (max-width:650px){.main-title{font-size:38px;transform:translateY(28px)}}@media (max-width:450px){.main-title{font-size:32px;transform:translateY(25px)}}.chart__container{margin:0 auto 0;padding-bottom:100px;width:1190px}@media (max-width:1200px){.chart__container{width:800px}}@media (max-width:900px){.chart__container{width:600px}}@media (max-width:650px){.chart__container{width:420px}}@media (max-width:450px){.chart__container{width:300px}}.fade-long-enter-active{transition:all 3s ease}.fade-long-enter{opacity:0}.fade-short-enter-active{transition:all .5s ease}.fade-short-enter{opacity:0}