:root{font-family:Oswald,sans-serif;line-height:1.5;font-weight:400;color:rgba(black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/bg-DIcWGvv7.png);background-size:cover;background-position:center}body{margin:0;padding:20px 0}button{background-color:#77b5fe;border:3px solid rgb(71,151,242);border-radius:3px;color:#fff;padding:7px 15px;box-shadow:2px 1px 5px gray;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deleteBtn{background-color:#e75757;border:2px solid red}button:disabled{background-color:#ede9e9;border:2px solid rgb(150,147,147);color:#000}#root{margin:0 auto;text-align:center}.homePage{display:flex;flex-direction:column;align-items:center;min-height:100vh;max-width:500px;margin:0 auto}.homePage .homePageSection{width:90%;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;flex:1}.homePage .homePageFooter{width:100%;display:flex;justify-content:space-evenly;align-items:center;gap:20px;padding:20px}.countFrame{perspective:1000px}.countFrame header{display:flex;align-items:center;justify-content:space-between}.countFrame header h2{margin:0;padding:0;max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.countFrame header .h2-face{max-width:150px}.countFrame .span{margin:0 auto;display:block;width:100%;border:rgb(234,234,234) 1px solid}.countFrame .countFrameSection{display:grid;grid-template-columns:1fr 1fr 1fr;margin:10px 0}.countFrame .countDiv{position:relative;width:min-content;justify-self:center}.countFrame .countNbr{position:absolute;top:0;right:-5px;color:#000;background-color:#fff;font-size:15px;border-radius:20%;padding-left:5px}.countFrame .countFrameFooter{margin:15px 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;grid-auto-rows:min-content}.countFrame .blockButton{flex:1;background-color:#49b749;border:3px solid green}.countFrame .blockButton:disabled{opacity:.7;color:#fff}.countFrame .card{border:3px solid black;display:grid;grid-template-areas:"stack";transform-style:preserve-3d;transition:transform .7s ease-in-out;background-color:#ffffffe6}.countFrame .card-face{grid-area:stack;backface-visibility:hidden;padding:10px}.countFrame .card-front{transform:rotateY(0)}.countFrame .card-back,.countFrame .card.flipped{transform:rotateY(180deg)}.countFrame .logoutBtn{background-color:#e75757;border:2px solid red}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.addBlock{border:3px solid black;padding:15px 30px}.addBlock .addBlockSection{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.addBlock .divRadio{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px}.addBlock .divRadio input{margin-right:-2px}.addBlock .inputDate{border:black 2px solid;padding:2px 5px;border-radius:5px;margin:20px 0 30px}.addBlock .inputCheckbox{display:flex;justify-content:center;align-items:center;gap:3px;font-size:17px;margin-bottom:20px}.loader{width:80px;height:80px;border-radius:50%;border:8px solid #d1914b;box-sizing:border-box;--c: no-repeat radial-gradient(farthest-side, #d64123 94%, #0000);--b: no-repeat radial-gradient(farthest-side, #000 94%, #0000);background:var(--c) 11px 15px,var(--b) 6px 15px,var(--c) 35px 23px,var(--b) 29px 15px,var(--c) 11px 46px,var(--b) 11px 34px,var(--c) 36px 0px,var(--b) 50px 31px,var(--c) 47px 43px,var(--b) 31px 48px,#f6d353;background-size:15px 15px,6px 6px;animation:l4 3s infinite}@keyframes l4{0%{-webkit-mask:conic-gradient(#0000 0,#000 0)}16.67%{-webkit-mask:conic-gradient(#0000 60deg,#000 0)}33.33%{-webkit-mask:conic-gradient(#0000 120deg,#000 0)}50%{-webkit-mask:conic-gradient(#0000 180deg,#000 0)}66.67%{-webkit-mask:conic-gradient(#0000 240deg,#000 0)}83.33%{-webkit-mask:conic-gradient(#0000 300deg,#000 0)}to{-webkit-mask:conic-gradient(#0000 360deg,#000 0)}}.displayModalLoader{position:fixed;z-index:10000;top:0%;right:0%;height:100%;width:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000040}.displayModalLoader .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rules{border:3px solid black;width:50%}.rules .divRatio{display:flex;justify-content:center;align-items:center}.rules .divRatio p{margin:5px 0}.scoreBoard{background-color:#ffffffe6;border:3px solid black;padding:10px;height:min-content}.scoreBoard header{display:flex;align-items:center;justify-content:space-between;padding:0 5px}.scoreBoard header h2{margin:0;padding:0}.scoreBoard .span{margin:0 auto;display:block;width:100%;border:rgb(234,234,234) 1px solid}.scoreBoard .podiumDisplay{margin:10px auto 0;width:80%;display:flex;justify-content:center}.scoreBoard .podiumItem{position:relative}.scoreBoard .podiumAvatar{width:61px;height:61px;border-radius:50%;overflow:hidden;position:absolute;top:7px;left:50%;transform:translate(-50%)}.scoreBoard .podiumAvatarImage{width:100%;height:100%;object-fit:cover}.scoreBoard .podiumMedal{width:75px;height:126.5px}.scoreBoard .podiumPoints{position:absolute;left:50%;transform:translate(-50%);font-size:15px;white-space:nowrap;color:#fff}.scoreBoard table{width:100%;border-collapse:collapse;table-layout:fixed}.scoreBoard select{border:black 1px solid;padding:2px 5px;border-radius:5px;font-size:15px}.scoreBoard th,.scoreBoard td{text-align:center;padding:0}.scoreBoard table th:first-child,.scoreBoard table td:first-child{width:25%}.scoreBoard .nameColumn{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:5px;border-radius:10px 0 0 10px}.scoreBoard .totalColumn{text-align:right;padding-right:5px;border-radius:0 10px 10px 0}.scoreBoard tbody{position:relative;padding:0 5px}.scoreBoard tbody tr{border-top:6px solid transparent}.scoreBoard tbody tr td:first-child{padding-left:10px}.scoreBoard tbody tr td:last-child{padding-right:10px}.scoreBoard .leaderStreak{position:absolute;top:0;left:-20px;display:flex;rotate:-15deg}.scoreBoard .leaderStreak .textFire{position:absolute;left:50%;top:9px;transform:translate(-50%);font-size:14px}.scoreBoard .current{background-color:#ececec}.editTeam{border:3px solid black;padding:15px 30px;height:fit-content}.editTeam section{display:flex;flex-direction:column;gap:30px;margin:20px 0 40px}.editTeam select{border:2px solid black;padding:5px 10px;border-radius:5px;font-size:15px;margin-bottom:20px}.editTeam input{border:2px solid black;padding:5px 10px;border-radius:5px;font-size:15px}.editTeam input:disabled{background-color:#eaeaea}.editTeam .displayBtn{display:flex;justify-content:center;gap:20px}.editTeam .startDate{display:flex;justify-content:flex-start;flex-direction:column;width:100%;text-align:start}.editTeam .displayBlockPoints{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.editTeam .displayBlockPoints input{width:25px}.editTeam .inputPoints{display:flex;justify-content:flex-start;align-items:center;width:100%;text-align:start}.editUser{border:3px solid black;padding:15px 30px}.editUser p{font-size:15px}.editUser .addUserSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-bottom:30px}.editUser input{background-color:#f6f6f6;border-radius:5px;border:solid black 2px;padding:5px}.editUser .photoInput{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.deleteBlock{border:3px solid black;padding:15px 30px}.deleteBlock .deleteBlockSection{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.deleteBlock .divRadio{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px}.deleteBlock .divRadio input{margin-right:-2px}.deleteBlock .radioDate{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px}.userProfile{border:3px solid black;padding:15px 30px;max-height:90%}.userProfile .nameProfile{display:flex;justify-content:center;gap:5px;width:100%}.userProfile .userProfileSection{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.userProfile .sectionBlock{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:25px;margin:10px 0;row-gap:20px}.userProfile .countDiv{position:relative;width:min-content;justify-self:center}.userProfile .countNbr{position:absolute;top:0;right:-20px;color:#000;background-color:#fff;font-size:14px;border-radius:20%;padding-left:5px;display:flex;justify-content:center;align-items:flex-end;gap:3px}.userProfile .flashNumber{font-size:10px}.userProfile .memberSince{margin-top:10px;font-size:14px}.userProfile .profilePictureBorder{border:3px solid gold}.userProfile .gridCalendar{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;column-gap:5px;row-gap:5px;justify-items:start}.userProfile .blockInfo{display:flex;justify-content:center;font-size:12px;border:1px solid black;padding:2px;border-radius:2px}.news{background-color:#ffffffe6;border:3px solid black;padding:5px 10px;height:min-content}.news header{display:flex;align-items:center;justify-content:space-between}.news header h2{margin:0;padding:0}.news span{margin:0 auto 10px;display:block;width:100%;border:rgb(234,234,234) 1px solid}.news .divNews{text-align:start;margin-bottom:15px;font-family:Arial,Helvetica,sans-serif}.news .divNews .title{font-size:15px;margin:0}.news .divNews .description{font-size:13px;margin:0 0 0 10px;font-weight:100}.loginPage{padding:50px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loginPage form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:40px;margin:50px 0 20px}.loginPage p{font-size:12px}.loginPage input{border:2px solid black;border-radius:10px;padding:10px 15px;width:70%;font-size:15px}.loginPage button{width:200px}.loginPage .visitBtn{width:fit-content;margin-top:20px;background-color:#49b749;border:3px solid green}.addUser{border:3px solid black;padding:15px 20px;width:75%;max-height:85%}.addUser p{font-size:15px}.addUser .addUserSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-bottom:20px}.addUser input{background-color:#f6f6f6;font-size:15px;width:80%;padding:5px 10px}.addUser .photoInput{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.addUser .explaination{font-size:15px;text-align:start}dialog::backdrop{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.chartPage{display:flex;flex-direction:column;align-items:center;min-height:100vh;max-width:500px;margin:0 auto}.chartPage .chartPageSection{width:90%;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;flex:1}.chartPage .wrapperHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:90%}.chartPage .wrapperDate{display:flex;justify-content:space-between;align-items:center;gap:15px;background-color:#ffffffe6;border:3px solid black;padding:8px 10px;height:min-content;border-radius:15px}.chartPage .wrapperDate input{background-color:#fff;border-radius:8px;border:none;padding:2px 5px;width:min-content}.chart{background-color:#ffffffe6;border:3px solid black;padding:10px;height:min-content;display:flex;justify-content:space-between;align-items:center}.chart .legendDisplay{display:flex;justify-content:start;align-items:center;gap:20px;font-size:13px}.chart .legendDisplay .customLegend{display:flex;justify-content:center;align-items:center;gap:5px}.chart .legendDisplay .colorPick{width:10px;height:10px;border-radius:50%}.chart .legendDisplay .colorPick.flash{background-color:#1b7613}.chart .legendDisplay .colorPick.normal{background-color:#da2323}.chart .chartContainer{display:flex;justify-content:center;align-items:end;gap:12px}.chart .levelSelector{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;column-gap:20px}.chart .levelBtn{background:#fff;border:none;cursor:pointer;transition:.2s;box-shadow:1px 1px 5px #cecece}.chart .levelBtn:not(.allBtn){display:flex;justify-content:center;align-items:center;width:35px;height:35px}.chart .levelBtn img{width:25px;height:25px}.chart .disabled{background:transparent;border:none;cursor:pointer;opacity:.4;transition:.2s}.chart .levelBtn.active{opacity:1;transform:scale(1.15);box-shadow:1px 1px 5px #717171}.chart .allBtn{grid-column:span 3;display:flex;align-items:center;justify-content:center;padding:0}.chart .allIcon{width:30px;height:30px;color:#000;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.chart .allBtn.active{transform:scale(1.05)}.chart .graphDisplay{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%}.bestSession{background-color:#ffffffe6;border:3px solid black;padding:10px;height:min-content}.bestSession .chartWrapper{width:100%;height:150px}.bestSession .headerSession{display:flex;justify-content:center;align-items:start;gap:7px}.bestSession .headerSession select{border:none;background-color:#f0f8ff;border-radius:20px}