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}.App{text-align:center}html *{font-family:Barlow,sans-serif}.main{padding-top:69px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge-achievement-popup-container{height:50%!important;z-index:2000!important}.badge-achievement-popup .badge-achievement-carousel-badge{text-align:center!important}.confetti-wrapper{display:none!important;position:absolute!important;z-index:1000!important}.confetti-wrapper.active{display:block!important}:root{--badge-color:#838489;--badge-color-light:#f3f4ff;--badge-color-medium:#516262;--badge-color-dark:#212134}.Badge{display:inline-block;margin:10px;position:relative}.badge-wrapper{filter:drop-shadow(0 20px 15px rgba(0,0,0,.8));transform:scale(.8);transform-origin:center center}.badge,.badge-wrapper{height:15em;width:15em}.badge{border:3px solid #516262;border:3px solid var(--badge-color-medium);border-radius:50%;box-shadow:inset 0 0 10px #212134,inset 0 3px 30px #838489,0 0 50px #0000004d,0 10px 20px #0006;box-shadow:inset 0 0 10px var(--badge-color-dark),inset 0 3px 30px var(--badge-color),0 0 50px #0000004d,0 10px 20px #0006;overflow:hidden;position:relative;transition:transform .3s ease,filter .3s ease}.badge:before{background:radial-gradient(circle at center,#0000 50%,#0003 80%,#0000004d 100%)}.badge:hover{filter:brightness(1.2) contrast(1.1);transform:scale(1.05)}.metal-badge{background:#838489;background:var(--badge-color);position:relative}.glossy{border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:15}.metal-badge:before{background:radial-gradient(circle at center,#f3f4ff 0,#838489 40%,#212134 100%),conic-gradient(from 45deg,#f3f4ff 0,#838489 10%,#516262 20%,#212134 30%,#516262 40%,#838489 50%,#f3f4ff 60%,#838489 70%,#516262 80%,#212134 90%,#f3f4ff 100%);background:radial-gradient(circle at center,var(--badge-color-light) 0,var(--badge-color) 40%,var(--badge-color-dark) 100%),conic-gradient(from 45deg,var(--badge-color-light) 0,var(--badge-color) 10%,var(--badge-color-medium) 20%,var(--badge-color-dark) 30%,var(--badge-color-medium) 40%,var(--badge-color) 50%,var(--badge-color-light) 60%,var(--badge-color) 70%,var(--badge-color-medium) 80%,var(--badge-color-dark) 90%,var(--badge-color-light) 100%);mix-blend-mode:overlay;opacity:.85;z-index:2}.metal-badge:after{animation:rotate 20s linear infinite;background:conic-gradient(from 135deg,#212134 0,#516262 12.5%,#838489 25%,#f3f4ff 37.5%,#838489 50%,#516262 62.5%,#212134 75%,#516262 87.5%,#212134 100%);background:conic-gradient(from 135deg,var(--badge-color-dark) 0,var(--badge-color-medium) 12.5%,var(--badge-color) 25%,var(--badge-color-light) 37.5%,var(--badge-color) 50%,var(--badge-color-medium) 62.5%,var(--badge-color-dark) 75%,var(--badge-color-medium) 87.5%,var(--badge-color-dark) 100%);opacity:.8;z-index:3}.metal-badge:after,.metal-badge:before{border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.metal-badge:before{background:radial-gradient(circle at center,#0000 30%,#516262 70%,#212134 100%);background:radial-gradient(circle at center,#0000 30%,var(--badge-color-medium) 70%,var(--badge-color-dark) 100%);opacity:.3;z-index:1}.inner{align-items:center;background:#516262;background:var(--badge-color-medium);border:2px solid #516262;border:2px solid var(--badge-color-medium);border-radius:50%;box-shadow:inset 0 0 10px #0003,0 0 8px #0000004d;display:flex;height:11em;justify-content:center;left:calc(50% - 5.5em);overflow:hidden;position:absolute;top:calc(50% - 5.5em);width:11em;z-index:10}.inner img.badgeIcon{border-radius:50%;height:100%;object-fit:cover;width:100%;z-index:11}.Badge .teacher-circle{align-items:center;background-color:#3f51b5;border-radius:50%;bottom:0;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:help;display:flex;font-size:.9em;font-weight:700;height:3em;justify-content:center;position:absolute;right:0;width:3em;z-index:20}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge:before{box-shadow:inset 0 0 30px #212134,inset 0 0 60px #0000004d;box-shadow:inset 0 0 30px var(--badge-color-dark),inset 0 0 60px #0000004d;content:"";z-index:5}.badge:before,.umbrella{border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.umbrella{background:radial-gradient(ellipse at 30% 30%,#ffffff80 0,#ffffff1a 20%,#0000 50%),radial-gradient(ellipse at 70% 70%,#fff6 0,#ffffff0d 25%,#0000 50%),radial-gradient(circle at center,#fff3 0,#0000 60%);opacity:.7;z-index:4}@media (prefers-reduced-motion:no-preference){.metal-badge:after{animation:rotate 20s linear infinite}.metal-badge .umbrella{animation:shine-pulse 3s ease-in-out infinite}}@keyframes shine-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.particle-container{height:100%;left:0;overflow:hidden;top:0;width:100%;z-index:25}.particle,.particle-container{border-radius:50%;pointer-events:none;position:absolute}.particle{background:#fff;opacity:0;transform:translate(-50%,-50%) scale(0)}@keyframes particle-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.8}to{opacity:0;transform:translate(calc(-50% + var(--x-travel)),calc(-50% + var(--y-travel))) scale(1)}}.particle:nth-child(4n){background:#f3f4ff;background:var(--badge-color-light);box-shadow:0 0 3px #f3f4ff;box-shadow:0 0 3px var(--badge-color-light)}.particle:nth-child(4n+1){background:#fff;box-shadow:0 0 4px #fff}.particle:nth-child(4n+2){background:#838489;background:var(--badge-color);box-shadow:0 0 3px #838489;box-shadow:0 0 3px var(--badge-color)}.particle:nth-child(4n+3){background:#516262;background:var(--badge-color-medium);box-shadow:0 0 2px #516262;box-shadow:0 0 2px var(--badge-color-medium)}.badge-wrapper:hover .badge{filter:brightness(1.2) contrast(1.1);transform:scale(1.05)}.badge-wrapper:hover .umbrella{animation:shine-pulse 1.5s ease-in-out infinite;opacity:.9}.badge-wrapper:hover .metal-badge:before{opacity:.95}.login-container{background-color:#3949b5;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;justify-content:center}.login-container,.login-right{align-items:center;display:flex}.login-right{background:#fff;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;width:800px}.login-right-content{align-items:flex-start;display:flex;flex-direction:column;height:80%;padding-top:100px;width:60%}.login-background{height:100vh;width:100%}form.form-login{align-items:flex-end;flex-direction:column;height:50%}.loading,form.form-login{display:flex;justify-content:center;width:100%}.loading{align-items:center;background:#00000080;height:100%;left:0;position:fixed;top:0;z-index:9999}.dashboard{margin:30px}.bordered{border:1px solid #ccc;border-radius:5px;padding:20px}.title{align-items:center;display:flex;justify-content:space-between}.linkDeleteButton{display:flex;justify-content:flex-end;margin-top:10px!important}.badge-popup{margin:25px;min-height:200px;min-width:500px}.badge-popup hr{border:1px solid #e0e0e0;margin:35px}.badge-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.badge-row .badge{margin:10px}.admin-popup{margin:25px;min-height:200px;min-width:500px}.admin-info{display:flex;flex-direction:column;gap:10px;padding:10px 20px}.admin-info p{color:#333;font-size:16px;margin:5px 0}.admin-actions{display:flex;gap:10px;justify-content:flex-end;padding:20px}.admin-delete-btn{background-color:#d32f2f;color:#fff}.admin-delete-btn:hover{background-color:#b71c1c}.error-text{color:red}.error-text,.success-text{font-size:14px;margin-top:5px}.success-text{color:green}.assign-admin-popup{margin:25px;min-height:300px;min-width:550px}.assign-admin-popup hr{border:1px solid #e0e0e0;margin:20px 0}.assign-admin-form{display:flex;flex-direction:column;gap:15px;padding:10px 20px}.assign-admin-form .MuiFormControl-root{margin-bottom:15px}.assign-admin-actions{display:flex;gap:10px;justify-content:flex-end;padding:20px}.assign-admin-table{margin-top:15px}.assign-admin-delete-btn{background-color:#d32f2f;color:#fff}.assign-admin-delete-btn:hover{background-color:#b71c1c}.success-message{color:green}.error-message,.success-message{font-size:14px;margin-top:10px;text-align:center}.error-message{color:red}.background{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;margin-top:0 auto;overflow:auto;width:100%}#root,.main,body,html{height:100%}.avatar{border:5px solid #000;border-radius:50%;height:200px;line-height:200px;width:200px}.profil{align-items:left;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80;border-radius:10px;box-shadow:0 19px 20px #4d4d4d1a,0 -12px 30px #4242421a,0 4px 6px #4847471a,0 12px 13px #3f3f3f1a,0 -3px 5px #3e3e3e1a;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Barlow,sans-serif;font-size:24px;justify-content:left;margin:50px;padding:25px}#privacyMessage{text-align:left}@media screen and (max-width:600px){.profil{margin:50px}.infosUser,.profil{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Barlow,sans-serif;font-size:24px;justify-content:center}.infosUser{margin:20px;padding:0!important;text-align:center}.infosLevel{align-items:center;flex-direction:column!important;font-weight:700;inline-size:-webkit-min-content;inline-size:min-content;justify-content:center!important;width:100%}.BadgeArray{display:block!important;overflow-x:scroll;padding-bottom:0!important;padding-left:15px;white-space:nowrap}.Badge{display:inline-block!important;height:140px!important;margin-top:15px;width:140px!important}}.infosUser{align-items:center;justify-content:center;padding-left:50px}.checkbox{accent-color:#3949b5;cursor:pointer;height:20px;margin-left:10px;vertical-align:middle;width:20px}.backgroundButton,.badgeButton{margin-top:25px!important}.infosLevel{align-items:left;display:flex;flex-direction:row;font-weight:700;justify-content:left;margin-top:15px;width:100%}.progressBar{background-color:#ddd;border-radius:10px;height:40px;margin-top:20px;width:100%}.progressLevel{min-width:180px;text-align:center}.progressBarFill{background-color:#3949b5;border-radius:10px;color:#fff;height:100%;line-height:40px;text-align:center}.hiddenAlert{display:none;margin-top:15px}.BadgeArray{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80;border-radius:10px;box-shadow:0 19px 20px #4d4d4d1a,0 -12px 30px #4242421a,0 4px 6px #4847471a,0 12px 13px #3f3f3f1a,0 -3px 5px #3e3e3e1a;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center;margin:50px;padding:20px}.badgeIcon{border-radius:100%;box-shadow:0 4px 8px 0 #00000073,0 6px 5px 0 #00000073;height:100px;transition:.25s ease-in-out;width:100px;z-index:1}.Badge{align-items:center;display:flex;height:150px;justify-content:center}.badge-wrapper{display:inline-block;position:relative;z-index:1}.teacher-circle{align-items:center;background-color:#3949b5;border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:30px;justify-content:center;position:absolute;right:0;width:30px;z-index:3}.teacher-circle:hover{background-color:#1565c0;transform:scale(1.1)}.badge-wrapper:hover+.hideDisplay,.badgeIcon:hover+.hideDisplay,.teacher-circle:hover+.hideDisplay{animation:fadeIn .35s;display:block;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hideDisplay{background-color:#3949b5;border:1px solid #000;border-radius:10px;box-shadow:4px 8px #5d5d5d;color:#fff;display:none;font-size:12px;margin-left:10px;margin-top:275px;position:fixed;text-align:center;width:175px;z-index:-1000}.editImage{background-color:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;height:25px;margin-left:170px;margin-top:-70px;padding:5px;position:absolute;width:25px}.editImage:hover{filter:brightness(85%)}.imageInput{display:none}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.textBadge{font-size:14}.badge-selector{margin-bottom:20px;padding-bottom:5px;padding-top:5px}.listFavorite{min-height:250px}.deleteButton{background-color:#f33!important}.rowButtons{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:900px){.message{font-size:25px;text-align:center}}.leaderboard{align-items:center;background-color:#f1f6fd;background-image:url(/static/media/background.77e16c117755bdce26b5.png);background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}.leaderboard-container{background-color:#fff;width:50%}.leaderboard-background,.leaderboard-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.leaderboard-background{box-shadow:0 0 10px 0 #0003;width:100%}.leaderboard-title{justify-content:center;width:100%}.leaderboard-table,.leaderboard-title{align-items:center;display:flex;flex-direction:column}.leaderboard-table{height:100%;justify-content:flex-start;width:80%}.leaderboard-table-header{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:5px;width:100%}@media screen and (max-width:900px){.leaderboard-container{width:100%}.leaderboard-table-header{flex-direction:column}}.delete-badge-popup{margin:25px;max-height:500px}.badge-create-form{align-items:center;display:flex;flex-direction:row;justify-content:center}.badge-create-form-container{align-items:center;display:flex;flex-direction:column;height:100%;margin-bottom:100px;width:80%}.badge-create-form-content{padding-top:100px}.badge-create-form-content,.badge-create-form-preview{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:50%}.badge-create-form-preview{justify-content:center;padding-top:120px}.badge-create-form-background{flex-direction:row}.badge-create-form-background,form.create-badge{align-items:flex-start;display:flex;height:100%;width:100%}form.create-badge{flex-direction:column;justify-content:center}.badge-create-form-button-field{margin-bottom:20px}.badge-create-form-button-field,.badge-create-form-button-submit{display:flex;justify-content:space-between;width:80%}.badge-create-form-category-selector{margin-bottom:20px;margin-top:20px;width:80%}.delete-category-popup{margin:25px;max-height:500px}.category-create-form{align-items:center;display:flex;flex-direction:row;justify-content:center}.category-create-form-container{align-items:center;display:flex;flex-direction:column;height:100%;width:80%}.category-create-form-content{padding-top:100px}.category-create-form-content,.category-create-form-preview{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:50%}.category-create-form-preview{justify-content:center;padding-top:120px}.category-create-form-background{flex-direction:row}.category-create-form-background,.create-category{align-items:flex-start;display:flex;height:100%;width:100%}.create-category{flex-direction:column;justify-content:center}.category-create-form-button-field{margin-bottom:20px}.category-create-form-button-field,.category-create-form-button-submit{display:flex;justify-content:space-between;width:80%}.category-create-form-picker{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:100%}.category-popup{margin:25px;min-height:400px;min-width:500px}.category-popup hr{border:1px solid #e0e0e0;margin:35px}.category-selector{margin-bottom:20px;padding-bottom:5px;padding-top:5px}.category-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.category-row .category{margin:10px}.category-button{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;padding:5px}.signup{height:100%}.signup-container{background-color:#3949b5;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:row;height:-webkit-fit-content;height:fit-content;min-height:100%}.signup-right{align-items:center;background:#fff;display:flex;flex-direction:column;width:900px}.signup-right-content{align-items:flex-start;display:flex;flex-direction:column;width:60%}.signup-background{width:100%}.titre-creer-compte{font-size:5vh;font-weight:700;margin-bottom:30px}form.signup-form{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;width:100%}.hidden-div{margin-top:-15px}.listeBadge{align-items:center;background-color:#f1f6fd;background-image:url(/static/media/background.77e16c117755bdce26b5.png);background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.listeBadge-container{background-color:#fff;width:80%}.listeBadge-background,.listeBadge-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.listeBadge-background{box-shadow:0 0 10px 0 #0003;width:100%}.listeBadge-title{justify-content:center;width:100%}.listeBadge-table,.listeBadge-title{align-items:center;display:flex;flex-direction:column}.listeBadge-table{height:100%;justify-content:flex-start;width:80%}.listeBadge-table-header{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:5px;width:100%}.listeBadge-listes{display:flex;min-height:430px;padding-bottom:50px;width:100%}.listeBadge-inner{margin-bottom:10px}.listeBadge-listes{flex-direction:column;gap:100px;padding-bottom:80px}@media screen and (max-width:1100px){.listeBadge-container{width:100%}.listeBadge-table-header{flex-direction:column}}.dialog-popup{display:flex!important;justify-content:center!important;margin:25px;min-height:400px;min-width:500px}.dialog-popup hr{border:1px solid #e0e0e0;margin:35px}.dialog-principal{align-content:center;align-items:center;justify-content:center;text-align:center}.avatar{margin-top:16px!important;min-height:150px!important;min-width:150px!important}.description{margin-top:70px!important;text-align:center}.teacher-code-popup{margin:25px;min-height:100px;min-width:500px}.teacher-code-popup hr{border:1px solid #e0e0e0;margin:35px}.mt-2{margin-top:10px}form{padding:5px}.teacher-code-selector{margin-bottom:20px;padding-bottom:5px;padding-top:5px}.teacher-code-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.teacher-code-row .badge{margin:10px}.profile-modify-form{align-items:center;display:flex;flex-direction:row;justify-content:center}.profile-modify-form-container{align-items:center;display:flex;flex-direction:column;height:100%;margin-bottom:100px;width:80%}.profile-modify-form-content{padding-top:100px}.profile-modify-form-content,.profile-modify-form-preview{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:50%}.profile-modify-form-preview{justify-content:center;padding-top:120px}.profile-modify-form-background{flex-direction:row}.profile-modify-form-background,form.profile-modify{align-items:flex-start;display:flex;height:100%;width:100%}form.profile-modify{flex-direction:column;gap:.8em;justify-content:center}.profile-modify-form-button-field{margin-bottom:20px}.profile-modify-form-button-field,.profile-modify-form-button-submit{display:flex;justify-content:space-between;width:80%}.message-error-form{color:#d32f2f;font-family:Barlow,sans-serif;font-size:.75rem;font-weight:400;line-height:1.66;margin:3px 14px 0;text-align:left}.contact{align-items:center;background-color:#f1f6fd;background-image:url(/static/media/background.77e16c117755bdce26b5.png);background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}.contact-container{background-color:#fff;width:50%}.contact-container,.contact-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.contact-loading{width:100%}.contact-background{box-shadow:0 0 10px 0 #0003;height:100%;padding-bottom:50%}.contact-background,.contact-content,.contact-title{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media screen and (max-width:900px){.contact-container{width:100%}.contact-table-header{flex-direction:column}}.colone:hover{background-color:#f2f3fa;cursor:pointer}.confidentiality{align-items:center;background-image:url(/static/media/background.77e16c117755bdce26b5.png);background-size:cover;display:flex;flex-direction:column;justify-content:center}.confidentiality-container{width:50%}.confidentiality-container,.confidentiality-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.confidentiality-loading{width:100%}.confidentiality-background{background-color:#fff;box-shadow:0 0 10px 0 #0003;height:100%;padding:20px}.confidentiality-background,.confidentiality-title{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.confidentiality-content{display:flex;flex-direction:column;margin-bottom:10%;width:100%}h1{font-size:3em}h1,h2{color:#151d53;font-family:Barlow,sans-serif;font-weight:700}h2{font-size:2em;width:100%}@media screen and (max-width:900px){.confidentiality-container{width:100%}.confidentiality-table-header{flex-direction:column}}
/*# sourceMappingURL=main.b434ab4d.css.map*/