: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;position:relative;z-index:1}body{background-image:url(/assets/bg-DIcWGvv7.png);background-size:cover;background-position:center;background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;z-index:-1}html,body{margin:0;padding:0;min-height:100%}html,body,#root{height:100%;margin:0}button{background-color:#77b5fe;border:2px solid rgb(71,151,242);border-bottom:5px solid rgb(71,151,242);border-radius:10px;color:#fff;padding:7px 15px;box-shadow:2px 1px 5px gray;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.deleteBtn{background-color:#f16767;border:2px solid red;border-bottom:5px solid red}button{font-size:16px;font-weight:500}button:disabled{opacity:.7;color:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.homePage{flex:1;display:flex;padding:10px 20px;box-sizing:border-box;max-height:93vh;overflow-y:auto;overflow-x:hidden}.homePage .homePageSection{flex:1;width:100%;display:flex;flex-direction:column;justify-content:start;gap:1.5rem}.homePage .interligne{margin:0 auto;display:block;width:60%;border:rgb(208,208,208) 1px solid}.card header{display:flex;align-items:center;justify-content:space-between;font-size:18px}.card header .infosDisplay{display:flex;justify-content:start;align-items:center;gap:10px}.card header h2{margin:0 20px 0 0;padding:0;max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:28px}.card .countFrameSection{display:grid;grid-template-columns:1fr 1fr 1fr;margin:10px 0}.card .countDiv{position:relative;width:min-content;justify-self:center}.card .countNbr{position:absolute;top:0;right:-5px;color:#000;background-color:#fff;font-size:15px;border-radius:20%;padding-left:5px}.card footer{margin-top:15px;display:flex;gap:10px}.card .blockButton{flex:4;background-color:#49b749;border:2px solid green;border-bottom:5px solid green}.card .deleteBlockBtn{flex:1;padding:0;display:flex;justify-content:center;align-items:center}@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;text-align:center}.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%)}.deleteBlock{border:3px solid black;padding:15px 30px;text-align:center}.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}.challengeSectionComponent header{display:flex;justify-content:center;align-items:center;gap:5px;font-size:15px;margin-bottom:15px}.challengeSectionComponent .displayChallenges{display:flex;flex-direction:column;justify-content:center;gap:35px}.bestWeekContainer header{display:flex;justify-content:center;align-items:center;gap:5px;font-size:15px}.bestWeekContainer .progressContainer{position:relative;margin:10px 0}.bestWeekContainer .progressBar{display:flex;width:100%;height:20px;border-radius:999px;overflow:hidden;background:#0003}.bestWeekContainer .bestValue{position:absolute;right:50px;top:22px;font-size:14px}.bestWeekContainer .currentValue{position:absolute;padding-right:5px;top:22px;transform:translate(-50%);font-size:15px;font-weight:500;color:#000}.bestWeekContainer .progressBarWrapper{position:relative;width:100%}.bestWeekContainer .bestWeekWrapperDisplay{position:relative;display:flex;justify-content:flex-start;align-items:end;gap:10px}.bestWeekContainer .reward{display:flex;justify-content:end;align-items:center;gap:3px;font-size:12px}.challengeSection header{display:flex;justify-content:center;align-items:center;gap:5px;font-size:15px;margin-bottom:10px}.challengeSection header img{height:30px}.challengeSection .questDisplay{display:flex;justify-content:space-between;align-items:center;gap:10px}.challengeSection .resetIn{display:flex;justify-content:end;align-items:center;gap:2px;font-size:14px;color:gray}.challengeSection .progressBarWrapperChallenge{position:relative;margin:10px 0;display:flex;justify-content:flex-start;align-items:end;gap:10px}.challengeSection .progressContainerChallenge{position:relative;flex:1}.challengeSection .steps{position:absolute;top:0;left:50%;transform:translate(-50%);color:#fff;font-size:bold}.challengeSection .progressBarChallenge{width:100%;height:20px;border-radius:5px}.challengeSection .progressBarChallenge::-webkit-progress-bar{background-color:#0003;border-radius:15px}.challengeSection .progressBarChallenge::-webkit-progress-value{background-color:#49b749;border-radius:15px}.challengeSection .reward{display:flex;justify-content:end;align-items:center;gap:3px;font-size:12px}.challengeSection .displayButton{width:100%;display:flex;justify-content:end;align-items:start;gap:10px}.challengeSection .tooltipWrapper{position:relative;display:inline-block;cursor:pointer}.challengeSection .tooltipText{visibility:hidden;opacity:0;background:#000;color:#fff;padding:6px 10px;border-radius:6px 0 6px 6px;position:absolute;bottom:-70%;left:-216px;white-space:nowrap;transition:opacity .2s;pointer-events:none;font-size:12px}.challengeSection .tooltipWrapper:hover .tooltipText{visibility:visible;opacity:.8}.news{height:min-content;background-color:#fff;padding:5px 10px;border:2px solid black;border-bottom:5px solid black;border-radius:15px}.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(208,208,208) 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{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-height:90vh;margin:0 auto;z-index:10;margin-top:5vh}.loginPage form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:20px;margin:50px 0 20px}.loginPage p{font-size:12px}.loginPage input{border:2px solid black;border-radius:10px;padding:10px 15px;width:100%;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;padding:10px 20px;box-sizing:border-box;max-height:93vh;flex:1;overflow-y:auto}.chartPage .chartPageSection{display:flex;flex-direction:column;justify-content:flex-start;flex:1;width:100%;gap:3rem}.chartPage .wrapperDate{display:flex;justify-content:center;align-items:center;gap:15px;padding:8px 10px;height:min-content;border-radius:15px;margin-bottom:30px;z-index:10}.chartPage .wrapperDate input{background-color:#efefef;border-radius:8px;border:none;padding:2px 5px;width:min-content;font-size:16px;font-weight:500}.chart{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 #848484}.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 #4c4c4c}.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%}.chart .recharts-wrapper *:focus{outline:none!important}.bestSession{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}.bestSession .recharts-wrapper *:focus{outline:none!important}.averageChart{height:min-content}.averageChart .chartWrapper{width:100%;height:150px}.averageChart .headerChart{display:flex;justify-content:center;align-items:start}.averageChart .recharts-wrapper *:focus{outline:none!important}.editProfilePage{padding:10px 20px;box-sizing:border-box;max-height:93vh;overflow-y:auto}.editProfilePage .pageContentTemplate{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:min-content}.editProfilePage header{display:flex;justify-content:start;align-items:center;gap:5px;font-size:17px}.editProfilePage main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.editProfilePage .label{display:flex;justify-content:flex-start;align-items:start;flex-direction:column;font-weight:500;width:100%}.editProfilePage input{background-color:#f6f6f6;border-radius:10px;border:solid rgb(228,228,228) 3px;padding:10px 5px;width:-webkit-fill-available;width:stretch}.editProfilePage .photoInput{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.editProfilePage .skeletonContainer{width:-webkit-fill-available;width:stretch;height:100%;background-color:#f6f6f6;border-radius:10px;border:solid rgb(228,228,228) 3px;padding:5.5px 5px;display:flex;justify-content:flex-start;align-items:center}.profilePage{display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:10px 20px;box-sizing:border-box;max-height:93vh;flex:1}.profilePage header{display:flex;justify-content:flex-end;align-items:center;font-size:17px;height:30px;width:100%}.profilePage a{font-size:12px}.profilePage main{display:flex;flex-direction:column;justify-content:space-evenly;flex:1;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profilePage .profileCard{width:100%;flex:1;box-sizing:border-box;text-align:start;margin-bottom:50px}.profilePage .nameDisplay{display:flex;justify-content:start;align-items:flex-end;gap:5px;font-size:18px;margin-top:10px}.profilePage .names{color:gray;font-size:17px;margin-bottom:4px}.profilePage .pseudo{font-size:28px}.profilePage .creationDateDisplay{display:flex;justify-content:start;align-items:center;gap:5px;font-size:14px;margin-bottom:20px}.profilePage .profilePicture{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;z-index:10}.profilePage .skeletonContainer{height:100%;display:flex;justify-content:start;align-items:center}.profilePage .sectionBlock{display:grid;grid-template-columns:repeat(3,1fr);column-gap:25px;margin:50px 0 20px;row-gap:20px;justify-items:start;align-items:start}.profilePage .countDiv{position:relative;justify-self:center}.profilePage .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}.profilePage .flashNumber{font-size:10px}.profilePage .gridCalendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));column-gap:10px;row-gap:10px;justify-items:start}.profilePage .blockInfo{display:flex;justify-content:center;font-size:12px;border:1px solid black;border-bottom:2px solid black;padding:3px;border-radius:5px;background-color:#fff;position:relative;overflow:hidden;width:45px}.profilePage .toto{position:absolute;top:-7px;right:-7px;height:14px;width:14px;background-color:#ffa8a8;border-radius:10px}.scoreBoardPage{flex:1;display:flex;padding:10px 20px;box-sizing:border-box;max-height:93vh;overflow-y:auto}.scoreBoardPage .sectionScore{flex:1;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:3rem}.scoreBoardPage .sectionScore .rules{height:min-content;background-color:#fff;padding:5px 10px;border:2px solid black;border-bottom:5px solid black;border-radius:15px}.scoreBoardPage .sectionScore .rules header h2{margin:0}.scoreBoardPage .sectionScore .rules .divRatio{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;column-gap:50px;place-self:center;margin:10px 0 0}.scoreBoardPage .sectionScore .rules .divRatio p{margin:0}.scoreBoard{height:min-content}.scoreBoard header{display:flex;align-items:center;justify-content:flex-end;padding:0 5px}.scoreBoard .podiumDisplay{margin:40px 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{padding:2px 10px;border-radius:10px;font-size:16px;background-color:#77b5fe;border:2px solid rgb(71,151,242);border-bottom:5px solid rgb(71,151,242);color:#fff}.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:-10px;display:flex;rotate:-15deg}.scoreBoard .leaderStreak .textFire{position:absolute;left:50%;top:9px;transform:translate(-50%);font-size:14px}.scoreBoard .current{background-color:#ececec}.scoreBoard .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.teamPage{flex:1;display:flex;padding:10px 20px;box-sizing:border-box;max-height:93vh;overflow-y:auto}.teamPage .teamPageSection{flex:1;width:100%;display:flex;flex-direction:column;justify-content:start}.editTeam section{display:flex;flex-direction:column;gap:30px;margin:20px 0 40px}.editTeam select{background-color:#f6f6f6;border-radius:10px;border:solid rgb(228,228,228) 3px;padding:10px 5px}.editTeam input{background-color:#f6f6f6;border-radius:10px;border:solid rgb(228,228,228) 3px;padding:10px 5px;width:-webkit-fill-available;width:stretch}.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}.editTeam .skeletonContainer{width:-webkit-fill-available;width:stretch;height:100%;background-color:#f6f6f6;border-radius:10px;border:solid rgb(228,228,228) 3px;padding:5.5px 5px;display:flex;justify-content:flex-start;align-items:center}.legalPage{flex:1;display:flex;padding:10px 20px;box-sizing:border-box;max-height:93vh;overflow-y:auto;overflow-x:hidden}.legalPage .legalPageSection{flex:1;width:100%;display:flex;flex-direction:column;justify-content:start;gap:1.5rem}.politiqueConfidentialiteSection{height:min-content;background-color:#fff;padding:5px 10px;border:2px solid black;border-bottom:5px solid black;border-radius:15px}.politiqueConfidentialiteSection .accordionHeader{display:flex;align-items:center;justify-content:space-between;padding:5px 20px}.politiqueConfidentialiteSection .accordionHeader[aria-expanded=true]{transition:border-radius 1s}.politiqueConfidentialiteSection .accordionContent{overflow:auto;max-height:1000px;padding:0 20px;transition:max-height 1s ease-in-out}.politiqueConfidentialiteSection .accordionContent[aria-expanded=true]{max-height:0px;transition:max-height 1s cubic-bezier(0,1,0,1)}.politiqueConfidentialiteSection .accordionOpenBtn{transition:all .35s ease;transform:rotate(90deg)}.politiqueConfidentialiteSection .accordionOpenBtn[aria-expanded=true]{transform:rotate(0)}.mentionLegalesSection{height:min-content;background-color:#fff;padding:5px 10px;border:2px solid black;border-bottom:5px solid black;border-radius:15px}.mentionLegalesSection .accordionHeader{display:flex;align-items:center;justify-content:space-between;padding:5px 20px}.mentionLegalesSection .accordionHeader[aria-expanded=true]{transition:border-radius 1s}.mentionLegalesSection .accordionContent{overflow:auto;max-height:1000px;padding:0 20px;transition:max-height 1s ease-in-out}.mentionLegalesSection .accordionContent[aria-expanded=true]{max-height:0px;transition:max-height 1s cubic-bezier(0,1,0,1)}.mentionLegalesSection .accordionOpenBtn{transition:all .35s ease;transform:rotate(90deg)}.mentionLegalesSection .accordionOpenBtn[aria-expanded=true]{transform:rotate(0)}.cguSection{height:min-content;background-color:#fff;padding:5px 10px;border:2px solid black;border-bottom:5px solid black;border-radius:15px}.cguSection .accordionHeader{display:flex;align-items:center;justify-content:space-between;padding:5px 20px}.cguSection .accordionHeader[aria-expanded=true]{transition:border-radius 1s}.cguSection .accordionContent{overflow:auto;max-height:1000px;padding:0 20px;transition:max-height 1s ease-in-out}.cguSection .accordionContent[aria-expanded=true]{max-height:0px;transition:max-height 1s cubic-bezier(0,1,0,1)}.cguSection .accordionOpenBtn{transition:all .35s ease;transform:rotate(90deg)}.cguSection .accordionOpenBtn[aria-expanded=true]{transform:rotate(0)}.footerCompo{background-color:#fff;border-top:5px solid rgb(226,226,226);position:fixed;bottom:0;left:0;width:100%;height:7vh;display:flex;justify-content:space-around;align-items:center;box-sizing:border-box}.footerCompo .navLink img{display:block;padding:10px 20px}.footerCompo .active{background-color:#f8deaa;border-radius:100px}