@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap);:root{--primary-color:#0074d9;--secondary-color:#ff4136;--text-color:#fff;--grey1:#4c4d4c;--grey-back:#282b29a1;--grey-back2:#282b29d1;--grey-border:#585c57;--green:#5ccd3d}input[type=password],input[type=text]{background-color:initial;border:none;color:#fff;color:var(--text-color);margin:0;padding:0}input[type=password]:focus,input[type=text]{outline:none}*{font-family:Oswald,sans-serif}.login-page *{box-sizing:border-box;color:var(--text-color);margin:0}.login-box{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0;width:35%}.login-page{background-color:#000;box-sizing:border-box;height:100vh;padding:3% 5% 5%;width:100vw}.login-box h1{font-size:3vw;margin-bottom:5px}.login-box p{font-size:1vw}.login-box .google-box{border:1px solid #ccc;border-radius:20px;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:3%}.login-box .sep{align-items:center;display:flex;justify-content:space-between;text-align:center}.login-box .sep .line{background-color:#ccc;display:block;height:1px;margin:0;width:40%}.login-box form label{font-size:14px;margin-bottom:5px}.login-box form input[type=email],.login-box form input[type=password]{background-color:var(--grey-back);border:1px solid #ccc;border-radius:25px;margin:2% 0 10px;padding:3%;width:100%}.login-box .helpers{flex-direction:row;margin:4% 0}.login-box .actions,.login-box .helpers{display:flex;justify-content:space-between}.btn-neutral,.login-box .btn-succ{border-radius:3px;cursor:pointer;padding:2% 7%;text-align:center}.login-box .btn-succ{background-color:#00d200;border-radius:25px;font-weight:600}.login-box .btn-neutral{background-color:initial;border:2px solid var(--grey-border);border-radius:25px;font-weight:600}.login-page .logo img{height:100%}.login-page .logo{height:100%;margin:0;overflow:hidden;position:absolute;right:0;top:0}.login-page .forgot,.login-page .keep-box{display:flex;flex-direction:row}.login-page .keep-box{justify-content:flex-start}.reg-page *{box-sizing:border-box;color:var(--text-color);margin:0}.reg-box{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0;position:relative;width:100%;z-index:1}.reg-page{background-color:#000;box-sizing:border-box;height:100vh;padding:3% 5%;width:100vw}.reg-box h1{font-size:3vw;margin-bottom:5px}.reg-box p{font-size:1vw}.reg-box .google-box{border:1px solid #ccc;border-radius:20px;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:3%}.reg-box .sep{align-items:center;display:flex;justify-content:space-between;text-align:center}.reg-box .sep .line{background-color:#ccc;display:block;height:1px;margin:0;width:40%}.reg-box form{grid-gap:0 10%;display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);height:85%;margin:3% 0 0;width:100%}.reg-box form label{font-size:14px;margin-bottom:5px}.reg-box form input[type=password],.reg-box form input[type=text]{background-color:var(--grey-back);border:1px solid #ccc;border-radius:25px;font-size:1.3vw;margin:2% 0 10px;padding:1vh 1.8vw;width:100%}.reg-box .helpers{flex-direction:row;margin:4% 0}.reg-box .actions,.reg-box .helpers{display:flex;justify-content:space-between}.reg-box .actions{align-items:flex-end;margin:2.5% 0}.reg-box .btn-neutral,.reg-box .btn-succ{border-radius:3px;cursor:pointer;padding:1vh 3vw;text-align:center}.reg-box .btn-succ{background-color:#00d200}.reg-box .btn-neutral,.reg-box .btn-succ{border-radius:25px;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.reg-box .btn-neutral{background-color:initial;border:2px solid var(--grey-border)}.reg-page .logo img{height:100%}.reg-page .logo{height:100%;margin:0;opacity:.5;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.reg-page .forgot,.reg-page .keep-box{display:flex;flex-direction:row}.reg-page .keep-box{justify-content:flex-start}.reg-page .input-item{display:flex;flex-direction:column;justify-content:flex-end}.conf-reg-page *{box-sizing:border-box;color:var(--text-color);margin:0}.conf-reg-box{display:flex;flex-direction:column;height:85%;justify-content:space-between;padding:0;position:relative;width:100%;z-index:1}.conf-reg-page{background-color:#000;box-sizing:border-box;height:100vh;padding:3% 5%;width:100vw}.conf-reg-box h1{font-size:3vw;margin-bottom:5px}.conf-reg-box p{font-size:1vw}.conf-reg-box .google-box{border:1px solid #ccc;border-radius:20px;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:3%}.conf-reg-box .sep{align-items:center;display:flex;justify-content:space-between;text-align:center}.conf-reg-box .sep .line{background-color:#ccc;display:block;height:1px;margin:0;width:40%}.conf-reg-box form{grid-gap:0 10%;display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);height:85%;margin:3% 0 0;width:100%}.conf-reg-box form label{font-size:14px;margin-bottom:5px}.conf-reg-box form input[type=password],.conf-reg-box form input[type=text]{background-color:var(--grey-back);border:1px solid #ccc;border-radius:25px;font-size:1.3vw;margin:2% 0 10px;padding:1vh 1.8vw;width:100%}.conf-reg-box .helpers{display:flex;flex-direction:row;justify-content:space-between;margin:4% 0}.conf-reg-box .actions{align-items:flex-end;display:flex;justify-content:space-between;margin:2.5% 0}.conf-reg-box .btn-neutral,.conf-reg-box .btn-succ{border-radius:3px;cursor:pointer;padding:1vh 3vw;text-align:center}.conf-reg-box .btn-succ{background-color:#00d200}.conf-reg-box .btn-neutral,.conf-reg-box .btn-succ{border-radius:25px;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.conf-reg-box .btn-neutral{background-color:initial;border:2px solid var(--grey-border)}.conf-reg-page .logo img{height:100%}.conf-reg-page .logo{height:100%;margin:0;opacity:.5;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.conf-reg-page .forgot,.conf-reg-page .keep-box{display:flex;flex-direction:row}.conf-reg-page .keep-box{justify-content:flex-start}.conf-reg-page .input-item{display:flex;flex-direction:column;justify-content:flex-end}.error-page{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;width:100%}.btn-neutral,.error-page .btn-succ{border-radius:3px;cursor:pointer;padding:6px 34px;text-align:center}.error-page .btn-succ{background-color:#00d200;border-radius:25px;font-weight:600}.container-root,html{background-color:#000}.container-root{background-size:cover;display:flex;height:100vh;margin:0;width:100vw}.container-focus{border:1px solid #ccc;border-radius:25px;display:flex;margin:2%;padding:1%;width:100%}.sidenav{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;padding-left:20px}.sidenav-top{position:relative;width:100%}.logo{margin:30px 0}.nav-item{align-items:center;display:flex;flex-direction:row;font-size:small;margin:20px 0}.nav-item-active .nav-icon-el,.nav-item-active .nav-text-el{background-color:#181515;border:2px solid green}.nav-icon-el{align-items:center;border-radius:50%;height:20px;padding:6px;width:20px;z-index:2}.nav-icon-el,.nav-text-el{border:2px solid #1815151a;display:flex;justify-content:center}.nav-text-el{border-radius:0 10px 10px 0;font-size:.7vw;margin-left:-8px;padding:3px 12px}.side-bottom{border-left:2px solid var(--grey-border);box-sizing:border-box;height:90%;overflow-y:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(27,27,27,.678)}::-webkit-scrollbar-thumb{background:#363636cc;border-radius:8px;width:6px}.side-content{display:flex;flex:7 1;flex-direction:column;margin:0}.nav{height:10%;justify-content:space-between;padding:0}.content{background-color:#9f161626;flex:1 1;padding:0}.nav{flex-direction:row;justify-content:flex-end;padding-right:10px}.nav,.search-bar{align-items:center;display:flex}.search-bar{background-color:var(--grayBack);border:1px solid var(--grayBorder);border-radius:18px;height:30px;justify-content:space-between;margin:0 15px;padding:5px 15px;width:275px}.search-bar input{height:100%;width:80%}.nav-icon{margin:0 15px 0 0}.nav-icon-active svg{fill:var(--green)}.grid-container{grid-gap:15px;display:grid;gap:15px;grid-auto-flow:row;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(13,1fr);grid-template-rows:1.4fr .6fr 1fr 1fr 1fr 1fr 1fr;height:100%;padding:0 25px}.item{padding:10px}.heart-circular-container{align-items:center;color:var(--text-color);display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.progress-ring{height:100%;position:relative;transform:rotate(180deg);width:100%}.progress-ring-circle{stroke-dasharray:216%;stroke:var(--green);stroke-linecap:round;stroke-width:35px}.progress-text{font-size:18px;font-weight:700}.heart-container,.progress-text{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.heart-container{top:-16px}.heart-img{aspect-ratio:54/80;width:48%}.stat-container{aspect-ratio:30/10;background-color:var(--grey-back2);border:1px solid var(--grey-border);border-radius:15px;flex-direction:row;justify-content:space-between;left:50%;padding:5px 10px;position:absolute;top:50%;width:32%}.stat-container,.stat-text{align-items:center;display:flex}.stat-text{flex-direction:column;font-size:8px}.stat-num{color:var(--green);font-size:15px;font-weight:500}.welcome-box{background-color:var(--grey-back);border:1px solid var(--grey-border);border-radius:20px;box-sizing:border-box;color:var(--text-color);flex-direction:column;height:100%;margin-left:10%;padding:10px 10px 10px 80px;position:relative;width:90%}.welcome-box,.welcome-box .stats{display:flex;justify-content:space-between}.welcome-box .stats{flex-direction:row}.stat-box{margin:0;width:auto}.welcome-box img{height:18px;width:20px}.welcome-box h1{font-size:1.2vw;margin-bottom:4px}.welcome-box h2{font-size:1.7vw;margin:0 0 20px}.stat-box h3{font-size:.9vw;margin:4px 0}.stat-box h4{color:var(--green);font-size:1vw;margin-top:0}.welcome-box .badge{background-color:#fff;border:3px solid var(--green);border-radius:50%;height:70px;left:-5%;position:absolute;top:6%;width:70px}.welcome-box .badge img{height:100%;width:100%}@media (max-height:550px){.welcome-box .stats{display:none}}.stat-banner{align-items:center;background-color:var(--grey-back);border:2px solid var(--grey-border);border-radius:20px;color:var(--text-color);display:flex;flex-direction:column;height:70%;justify-content:center;margin:10% 0 0 10%;position:relative;width:90%}.stat-banner .badge{background-color:#20221f;border:2px solid var(--grey1);border-radius:50%;height:2vw;left:-20px;padding:8px;position:absolute;width:2vw}.stat-banner .badge img{height:100%;width:100%}.stat-banner h2{font-size:.7vw;margin:0;text-align:center}.stat-banner h3{color:var(--green);font-size:1.1vw;margin:0;text-align:center}.weekly-bar{height:100%}.weekly-bar .text-title{color:var(--text-color);font-size:1.2vw;height:8%;margin:2% 0 3%}.weekly-bar .bar-chart{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);height:87%;width:100%}.weekly-bar .bar-col{display:flex;flex-direction:column;justify-content:flex-end}.weekly-bar .bar{background-color:#e2e2e2;border-radius:15px;height:100%;margin:0 auto;width:60%}.weekly-bar h4{color:var(--green);font-size:.8vw;margin:5px 0;text-align:center}.hrv-trend{height:100%;margin:0;width:100%}.hrv-trend .player{align-items:end;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 3%;width:13%}.hrv-trend .player img{margin:20% 0;width:70%}.hrv-trend .text-title{color:var(--text-color);font-size:1.2vw;height:5%;margin:0 0 5%}.hrv-trend .graph-box{background-color:var(--grey-back);border:2px solid var(--grey-border);border-radius:20px;height:87%;position:relative;width:100%}.hrv-trend .graph-line{color:#df3427;left:25%;position:absolute;width:66%}.date-sel{color:var(--color-text)}.date-sel{align-items:center;background-color:initial;border:2px solid var(--grey-border);border-radius:20px;color:var(--text-color);display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 0 0 14%;position:relative;width:86%}.date-sel .badge{background-color:#20221f;border:2px solid var(--grey1);border-radius:50%;height:2vw;left:-20px;padding:8px;position:absolute;width:2vw}.date-sel .badge img{height:100%;width:100%}.date-sel h2{font-size:.8vw}.week-sel{align-items:center;background-color:initial;border:none;color:var(--color-text);color:var(--text-color);display:flex;flex-direction:row;height:100%;justify-content:space-between;margin:0;padding:0 5%;position:relative;width:90%}.week-sel .text{border:2px solid #0000;border-radius:25px;cursor:pointer;padding:3% 1.5%}.week-sel .active{border:2px solid var(--green)}.week-sel h2{font-size:.7vw}.week-sel h2,.week-sel h3{margin:0;text-align:center}.week-sel h3{color:var(--green);font-size:1.1vw}.month-sel{background-color:initial;border:2px solid var(--grey-border);border-radius:20px;color:var(--color-text);color:var(--text-color);flex-direction:row;height:100%;justify-content:space-between;margin:0;padding:0 5%;position:relative;width:80%}.month-sel,.month-sel text{align-items:center;display:flex}.month-sel text{justify-content:space-evenly}.month-sel .arrow{cursor:pointer}.month-sel h2{font-size:.9vw;margin:0;text-align:center}.month-sel h3{color:var(--green);font-size:1.4vw;margin:0;text-align:center}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.players{box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:column;height:100%;overflow-y:scroll;padding-left:4%;padding-right:.5%;width:55%}.players .list2{display:flex;flex-direction:row;justify-content:flex-end}.players .player-box{background-color:var(--grey-back);border:1px solid var(--grey-border);border-radius:30px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:5.5vw;justify-content:space-between;margin:4% 0 0 5%;padding:1.5% 5.5% 1.5% 7%;position:relative;width:94%}.players .player-box-active{background-color:#5ccd3da0}.players .player-box-active .bar{border:1px solid var(--grey-border);top:42%;width:5vw}.players .player-box-active *{color:var(--text-color)}.players .player-box-active .hystory-box,.players .player-box-active .injuries-box{background-color:initial;border:1px solid #ffffff60}.players .player-avatar{border:1px solid #fff;border-radius:50%;height:5.2vw;left:-9%;position:absolute;top:0;width:5.2vw}.players .background-num{-webkit-text-stroke:1px #5ccd3d70;color:#0000;font-size:5vw;font-weight:700;left:33%;line-height:80%;margin:0;position:absolute;top:8%;z-index:0}.players .info{display:flex;flex-direction:column;height:100%;justify-content:space-between;z-index:2}.players .info *{z-index:2}.players .age-nat{display:flex;flex-direction:row}.players .age-nat div{display:flex;flex-direction:column;margin-right:10%}.players h5,.players h6{font-size:.65vw;font-weight:400;margin:0}.players h6{color:var(--green)}.players .bar{border:1px solid var(--grey-border);position:absolute;top:42%;width:5vw}.players .add-player-btn{background-color:var(--grey-back);border:1px solid var(--grey-border);border-radius:25px;cursor:pointer;display:flex;padding:0 20px}.players .add-player-btn img{margin-right:5px;width:13%}.players .add-player-box{display:flex;justify-content:end}.players .add-player-btn h3{font-weight:500;margin:0;padding-bottom:2px}.players h4{font-size:1.3vw;margin:0;padding:0}.players .title{font-size:2vw;margin-bottom:2%;margin-top:1%}.players .injuries-box{background-color:var(--grey-border);border-radius:10px;box-sizing:border-box;margin-right:2%;padding:2%;width:8vw}.players .injuries-box,.players .right{display:flex;flex-direction:row;height:100%}.players .right{justify-content:end;margin:0;z-index:2}.players .injuries-box img{margin-right:5px;width:25%}.players .injuries-box .text{display:flex;flex-direction:column;justify-content:center}.players .hystory-box{background-color:var(--grey-border);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;height:100%;margin-left:2%;padding:2% 0;width:10vw}.players .hystory-box img{margin-right:5px;padding:2%;width:18%}.players .hystory-box .text{display:flex;flex-direction:column;justify-content:center}.row-right{cursor:pointer;left:96%;position:absolute;top:50%;transform:translateY(-50%)}.player-stats{background-color:rgba(7,22,35,.464);height:100%;overflow-y:hidden;position:relative;width:45%}.player-stats .player-stats-box{background-color:#5ccd3da0;border:1px solid var(--grey-border);border-radius:30px;height:98%;margin-left:5%;margin-top:2%;overflow:hidden;position:relative;width:90%}.player-stats .player-stats-header{background-image:url(/static/media/back_player.f75dd3c1ef2385f687ba.jpg);background-position:2%;background-size:cover;height:26%;left:-2%;position:absolute;top:-2%;width:105%;z-index:2}.player-stats .info{color:var(--text-color);display:flex;flex-direction:column;height:13%;justify-content:space-between;left:43%;position:absolute;top:6%;width:50%;z-index:3}.player-stats .player-avatar{border:1px solid #fff;border-radius:50%;height:10.2vw;left:10%;position:absolute;top:0;width:10.2vw;z-index:2}.player-stats .bar{border:1px solid var(--grey-border);position:absolute;top:44%;width:10vw}.player-stats h4{font-size:1.3vw;margin:0;padding:0}.player-stats h5,.player-stats h6{font-size:.8vw;font-weight:500;margin:0;padding:0}.player-stats .info div{display:flex;flex-direction:row}.player-stats .age-nat div{display:flex;flex-direction:column;margin-right:20%}.player-stats .graph-bar{background-color:#bfc2be;border-radius:25px;box-shadow:inset -13px 13px 27px #a6a6a6a1,inset 13px -13px 27px #b4b4b48c;height:1.5vw;margin-top:.6vw}.player-stats .graph-bar-inner{background-color:var(--text-color);border-radius:25px;height:100%}.player-stats .bar-box{color:var(--text-color);display:flex;flex-direction:column;padding:5% 5% 0}.player-stats .bars-list{height:100%;overflow-y:auto;width:100%}.row{display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.settings{color:#fff;padding:0 3%}.settings .actions{align-items:center;display:flex;flex-direction:row;height:100%;width:30%}.settings .btn-action-active{background-color:#5ccd3dd0}.settings .btn-action{border:1px solid var(--grey-border);border-radius:25px;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:4%;opacity:100%;padding:2% 5%;white-space:nowrap}.settings .btn-action h4{font-size:1vw;line-height:100%;margin:0}.btn-neutral,.settings .btn-succ{border-radius:3px;cursor:pointer;padding:2% 7%;text-align:center}.settings .btn-succ{background-color:#00d200;border-radius:25px;font-weight:600}.settings .btn-neutral{background-color:initial;border:2px solid var(--grey-border);border-radius:25px;font-weight:600}.settings form label{font-size:14px;margin-bottom:5px}.club .avatar-box{margin-top:3vw;width:15%}.club .avatar{align-items:center;aspect-ratio:1/1;background-color:#fff;border:1px solid var(--text-color);border-radius:50%;display:flex;justify-content:center;overflow:hidden;width:10vw}.settings .settings-box{display:flex;flex-direction:column;height:100%;padding-top:1vw;width:35%}.settings label{font-size:14px}.settings-account{display:flex;flex-direction:row;height:100%;justify-content:space-between}.invoice{justify-content:start}.pwd-change-box{width:35%}.club .pwd-change-box{height:200%;padding-top:1vw;width:33%}.invoice .pwd-change-box{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-left:5vw;padding-top:1vw;width:33%}.settings input[type=password],.settings input[type=text]{background-color:var(--grey-back);border:1px solid #4d4d4d;border-radius:25px;box-sizing:border-box;margin:1vw 0 10px;padding:1.4vw 2.4vw;width:100%}.club input[type=text],.invoice input[type=text]{padding:1vw 1.8vw}.settings .row{align-items:center;display:flex}.settings .actiont,.settings p{font-size:1vw;margin:0 0 4px}.settings .actiont{color:#00d200;cursor:pointer}.settings .label-group{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;margin-top:2vw;width:100%}.settings-account .btn-neutral2,.settings-account .btn-succ2{border-radius:3px;cursor:pointer;padding:.6vw 2vw;text-align:center}.settings-account .btn-succ2{background-color:#00d200d0;border:0;border-radius:25px;color:#fff;font-weight:600}.settings-account .btn-neutral2{background-color:initial;border:2px solid var(--grey-border);border-radius:25px;font-weight:600}.settings-account .actions2{display:flex;justify-content:space-between;margin-top:3vw;width:100%}.invoice .actions2{margin-top:5.5vw}.privacy-box{box-sizing:border-box;height:100%;padding:2% 5% 0 0;width:80%}.privacy-box h2{font-size:1.5vw;font-weight:500;margin:0}.privacy-box p{font:400 1vw;margin:0;opacity:.7}.privacy-box .expand-box{background-color:var(--grey-back);border:1px solid var(--grey-border);border-radius:30px;box-sizing:border-box;color:#fff;margin-bottom:2%;padding:1.5% 5%;width:100%}.privacy-box .row{display:flex;flex-direction:row}.add-player *{color:var(--text-color)}.inline{display:inline-block}.add-player .info{margin-left:2vw;width:20%}.add-player .avatar{align-items:center;aspect-ratio:1/1;background-color:#000;border:1px solid var(--text-color);border-radius:50%;display:flex;justify-content:center;overflow:hidden;width:12vw}.add-player .fields{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:2%;height:100%;justify-content:space-between;width:75%}.add-player{display:flex;height:100%;width:100%}.add-player .fields h4{font-size:1.3vw;margin:0}.add-player .field{width:30%}.add-player .field,.add-player .field2{display:flex;flex-direction:column;height:6vw;justify-content:space-evenly}.add-player .field2{width:65%}.add-player .field3{align-items:flex-start;display:flex;flex-direction:row;height:4vw;justify-content:flex-end;width:35%}.add-player .spacer60{height:4vw;width:60%}.add-player .spacer100{height:0;width:100%}.add-player .bar{background-color:initial;border:0;border-bottom:2px solid var(--grey-border);color:var(--green);font-size:1.1vw;outline:none;padding:4px 0;width:100%}.add-player .bar::placeholder{color:#dedede67}.hidden{display:none}.add-player h3{margin:0}.add-player input[type=submit]{font-size:1.7vw;font-weight:600}.add-player .preview-image{max-height:100%;max-width:100%}.btn-submit{background-color:var(--green);border-radius:25px}.btn-cancel,.btn-submit{border:1px solid var(--grey-border);cursor:pointer;margin-left:4%;padding:1.5% 7%}.btn-cancel{background-color:#000;border-radius:25px}.player-main .header-2{align-items:center;display:flex;flex-direction:row;height:8%;justify-content:space-between;margin-bottom:2%;width:100%}.player-main .main-box{grid-gap:3vw;display:grid;gap:3vw;grid-template-columns:1fr 2.2fr;grid-template-rows:2.5fr 2fr;height:87%;width:100%}.player-main .graph-main{background-color:var(--grey-back);grid-column:2/3}.player-main .graph-ath,.player-main .graph-main{border:1px solid var(--grey-border);border-radius:20px;grid-row:1/2;height:100%;width:100%}.player-main .graph-ath{background-color:#ffffff10;background-color:var(--grey-back);display:flex;flex-direction:column;grid-column:1/2;justify-content:space-between;padding:5% 6%}.player-main .graph-ath h2{font-size:.9vw;font-weight:500;margin:0}.player-main .graph-ath p{font-size:.8vw;font-weight:400;margin:0 0 0 5px}.player-main .graph-ath .row{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:70%}.player-main .graph-ath .graph-box{height:60%;overflow:visible;position:relative}.player-main .graph-ath .graph-box .text{left:52%;position:absolute;top:71%;transform:translateX(-50%)}.player-main .graph-ath .graph-box h1{font-weight:500;margin:0}.player-main .progress-ring{height:100%;transform:rotate(180deg);width:100%}.player-main .graph-ath .bar{border:1px solid #fff;margin:0 auto;width:92%}.player-main .progress-ring svg{min-height:100%;width:100%}.player-main .progress-ring-ci{stroke-dasharray:157%;stroke-linecap:butt;stroke-width:40px}.player-main .graph-ath .trend{display:flex;height:10%;justify-content:space-between}.player-main .graph-square{background-color:var(--grey-back);border:1px solid var(--grey-border);border-radius:20px;height:100%;padding:2%;width:22%}.player-main .graph-square h2{font-size:1vw;margin:0}.player-main .graph-square .graph-box{cursor:pointer;height:100%;overflow:hidden;width:100%}.player-main .graph-bottom{display:flex;flex-direction:row;flex-wrap:wrap;gap:4%;grid-column:1/3;grid-row:2/3;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.player-main{box-sizing:border-box;color:var(--text-color);height:100%;padding:0 2%;width:100%}.player-main .info{justify-content:space-between}.player-main .actions,.player-main .info{display:flex;flex-direction:row;height:100%}.player-main .actions{align-items:center;justify-content:flex-end;width:30%}.player-main *{box-sizing:border-box}.player-main .avatars{height:100%;margin-right:30px}.player-main .avatars img{height:100%}.player-main .text-info{align-items:center;border-bottom:1px solid var(--grey-border);white-space:nowrap}.player-main .age-nat,.player-main .text-info{display:flex;flex-direction:row;height:100%}.player-main .age-nat div{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:30px}.player-main h5,.player-main h6{font-size:.6vw;font-weight:400;margin:0}.player-main .info h4{font-size:1.5vw;margin:0;padding:0;vertical-align:middle}.player-main .online{padding-bottom:1px;padding-left:3px}.player-main .btn-action-active{background-color:#5ccd3dd0}.player-main .btn-action{border:1px solid var(--grey-border);border-radius:25px;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:4%;opacity:100%;padding:2% 5%;white-space:nowrap}.player-main .btn-action h4,.player-main .btn-download h4{font-size:1vw;line-height:100%;margin:0}.player-main .btn-download .icon-download{height:1vw;margin-right:5px;width:1vw}.player-main .btn-download{border:2px solid var(--grey-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:4%;opacity:100%;padding:2% 5%;white-space:nowrap}@media screen and (min-device-width:500px) and (max-device-width:1024px){.player-main .progress-ring-ci{stroke-width:20px}}.bar-spline h2{font-size:.9vw;font-weight:500;margin:0}.bar-spline{display:flex;flex-direction:column;justify-content:space-between;padding:2% 3%}.bar-spline,.bar-spline .graph-container{box-sizing:border-box;height:100%;width:100%}.bar-spline .graph-container{position:relative}.bar-spline .row{display:flex;flex-direction:row}.bar-spline .vertical-num{display:flex;flex-direction:column;height:100%;justify-content:space-between}.bar-spline .column{display:flex;flex-direction:column;height:70%}.bar-spline .horizontal-num{display:flex;flex-direction:row-reverse;justify-content:space-evenly;width:100%}.bar-spline p{color:grey;font-size:.6vw;font-weight:300;margin:0}.chat-page *{box-sizing:border-box;margin:0}.chat-page{box-sizing:border-box;color:#fff;display:flex;flex-direction:row;height:100%;padding:2% 0}.chat-page .chat-list{background-color:initial;display:flex;flex-direction:column;padding:0 20px;width:25%}.chat-page .person-box{margin-bottom:20px;position:relative}.chat-page .avatar{background-color:#ccc;border:2px solid var(--grey-border);border-radius:50%;height:4vw;left:0;margin-right:10px;position:absolute;top:50%;transform:translateY(-50%);width:4vw}.chat-page .person-container{align-items:center;background-color:var(--grey-back);border-radius:25px;display:flex;flex-direction:row;justify-content:space-between;margin-left:10%;padding:2vw 2.5vw 2vw 3.2vw;width:90%}h2{font-size:1vw;margin:0}.chat-page .arrow{height:20px;width:20px}.chat-page .chat-container{background-color:#433d3d60;border-radius:15px;display:flex;flex:1 1;flex-direction:column}.chat-page .messages{display:flex;flex:1 1;flex-direction:column;overflow-y:scroll;padding:20px}.chat-page .message-rec{background-color:#f2f2f2;background-color:var(--grey-back)}.chat-page .message-rec,.chat-page .message-sent{border-radius:50px;margin-bottom:10px;max-width:50%;padding:.7vw 2vw}.chat-page .message-sent{align-self:flex-end;background-color:#58bd3d90;color:#fff}.chat-page .chat-footer{align-items:center;background-color:initial;display:flex;flex-direction:row;padding:20px}.chat-page .chat-bar{border:none;border:2px solid var(--grey-border);border-radius:20px;flex:1 1;margin-right:10px;padding:10px 3%}.chat-page .send-btn{background-color:#58bd3d90;border:none;border-radius:25px;color:#fff;cursor:pointer;padding:10px 20px}.noti-page{box-sizing:border-box;margin:0;padding:3% 2%;width:100%}.noti-page .noti-header{flex-direction:row;height:10%;width:90%}.noti-page .filters,.noti-page .noti-header{align-items:center;display:flex;justify-content:space-between}.noti-page .filters{width:40%}.noti-page .btn-filter{border:1px solid var(--grey-border);border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;margin:0 .5rem;min-width:15%;padding:.2rem 1.5rem;text-align:center;text-decoration:none}.noti-page .btn-filter-active,.noti-page .btn-filter:hover{background-color:#3e8e41}.noti-page .month-selector{align-items:center;display:flex;justify-content:flex-end}.noti-page .month{color:#fff;font-size:1.2vw;margin:0 1.5vw}.noti-page .noti-list{border-radius:5px;box-shadow:0 0 5px #0000001a;display:flex;flex-direction:column;height:90%;padding-top:3%;width:100%}.noti-page .noti-box{margin-bottom:1.5vw;position:relative;width:100%}.noti-page .avatar{border:1px solid var(--grey-border);border-radius:50%;display:inline-block;height:4vw;left:1vw;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);width:4vw}.noti-page .noti-box-active .noti-row{background-color:#5ccd3d90}.noti-page .noti-row{align-items:center;background-color:var(--grey-back);border-radius:25px;color:#fff;display:flex;flex-direction:row;justify-content:space-evenly;margin-left:5%;padding:.2vw 0;width:85%}.noti-page .name,.noti-page .title{font-size:1.2vw;text-transform:uppercase}.noti-page .date{font-size:1vw;font-weight:400}.noti-page .seen-icon{align-items:center;border-radius:50%;display:inline-block;display:flex;height:4vw;justify-content:center;object-fit:cover;position:absolute;right:5%;top:50%;transform:translate(10%,-50%);width:4vw}.noti-box-active .seen-icon{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e6dcf955.css.map*/