@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary-color:#1597e1;--primary-text-color:#fff;--my-font-family:"Poppins", "TimesNew Roma", sans-serif;--tw-bg-opacity:1;--my_background_color:#111827;--dashboard-text-color:black;--dashboard-text-font-size:larger;--width-dashboard:calc(100% / 5);--width-dashboard-reduit:calc(100% / 30);--dashboard-btn-height-:40px;--my_dashboard_background_color:aqua}*{font-weight:200;font-family:var(--my-font-family);box-sizing:border-box;background-color:var(--my_background_color);margin:0;padding:0}body{-webkit-user-select:none;user-select:none;width:100vw;height:100vh;color:var(--primary-text-color)}header{width:100%;height:10.8vh;margin-bottom:2px;display:flex;position:relative;top:0;left:0;right:0}nav{justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex;position:relative}.logo{width:65px;height:100%;position:absolute;top:1px;left:6vw}.logo>a{width:100%;height:100%;display:block}a>img{background-repeat:no-repeat;background-size:contain;border-radius:50px;width:100%;height:100%}h1{align-self:center;position:absolute;left:35vw}ul{flex-direction:column;height:fit-content;list-style-type:none;display:none}ul>li:hover{cursor:pointer;background-color:var(--primary-color)}button{cursor:pointer;border:none;border-radius:30px;width:90%;height:55px}button:hover{opacity:.8}#loader-container{opacity:.7;justify-content:center;align-items:center;width:99.8vw;height:99.5vh;display:flex;position:absolute;top:0}.modal-l{z-index:9999;color:#fff;background:#00000059;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;inset:0}.spinner{border:2px solid #6812de;border-top-color:5px rgb(31 41 55/var(--tw-bg-opacity)) solid;border-radius:50%;width:50px;height:50px;margin:50px;animation-name:spinner;animation-duration:.8s;animation-iteration-count:infinite;animation-delay:.1ms}@keyframes spinner{to{transform:rotate(360deg)}}.spinner+p{background-color:#0000;font-size:x-large;font-weight:300}.main-authentification{flex-flow:column wrap;place-content:center safe center;width:100%;min-height:100vh;padding:24px 0;display:flex;position:relative}.form_container{color:#fff;border:1px solid #f7f5f5c9;border-radius:15px;flex-wrap:wrap;align-items:center;width:500px;display:flex;position:relative;box-shadow:0 0 15px #7c9ed6}.authentification{color:#000;background-color:#0ff;border-radius:0 0 20px 20px;justify-content:center;width:200px;height:50px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.authentification>span,button{background-color:#0000;align-self:center;font-size:x-large;font-weight:500}.authentification:before{content:"";background-color:#0000;border-top-right-radius:50%;width:30px;height:30px;position:absolute;top:0;left:-30px;box-shadow:15px 0 #0ff}.authentification:after{content:"";background-color:#0000;border-top-left-radius:50%;width:30px;height:30px;position:absolute;top:0;right:-30px;box-shadow:-15px 0 #0ff}.box{flex-direction:column;width:100%;display:flex;position:relative}.box>input{color:#fff;background-color:var(--my_background_color);border:1px solid;border-radius:30px;outline:none;width:100%;height:55px;padding-inline:20px 50px;font-size:16px;font-weight:300;transition:background-color .2s}.box>input:-webkit-autofill{caret-color:#fff;color:#fff;-webkit-text-fill-color:white;box-shadow:0 0 15px 0 var(--my_background_color) inset;-webkit-background-clip:text;border:1px solid #fff;border-radius:30px;background-color:var(--my_background_color)!important}.box>input:-webkit-autofill:hover{caret-color:#fff;color:#fff;-webkit-text-fill-color:white;box-shadow:0 0 15px 0 var(--my_background_color) inset;-webkit-background-clip:text;border:1px solid #fff;border-radius:30px;background-color:var(--my_background_color)!important}.box>input:-webkit-autofill:focus{caret-color:#fff;color:#fff;-webkit-text-fill-color:white;box-shadow:0 0 15px 0 var(--my_background_color) inset;-webkit-background-clip:text;border:1px solid #fff;border-radius:30px;background-color:var(--my_background_color)!important}#eye-fill,#eye-slash-fill{cursor:pointer;font-size:20px;position:absolute;top:20px;right:50px}#eye-slash-fill{display:none}.remember-forgot{justify-content:space-evenly;font-size:15px;display:flex}.remember-forgot>div:first-child{justify-content:space-evenly;width:50%;display:flex}.remember-forgot>div:first-child>input{cursor:pointer;align-self:center;width:16px;height:16px}.link{float:right;position:absolute;right:0}.box>button{background-color:#fff}.auth-brand{color:var(--primary-text-color);justify-content:center;align-items:center;gap:12px;margin-bottom:32px;text-decoration:none;display:flex}.auth-brand,.auth-brand *{background-color:#0000}.auth-brand img{border-radius:0;width:48px;height:48px}.auth-brand span{letter-spacing:1px;font-size:24px;font-weight:600}.main-authentification .step{width:100%}.main-authentification .auth-text{color:#cbd5e1;margin:0 0 8px;font-size:14px;font-weight:300;line-height:1.6}.main-authentification .auth-message,.main-authentification .auth-notice{border-radius:10px;width:100%;margin:0 0 16px;padding:10px 14px;font-size:14px;font-weight:400;line-height:1.5}.main-authentification .auth-message *,.main-authentification .auth-notice *{background-color:#0000}.main-authentification .auth-message-error{color:#fecaca;background-color:#3a1414;border:1px solid #7f2a2a}.main-authentification .auth-message-info,.main-authentification .auth-notice{color:#e0f2fe;background-color:#10304a;border:1px solid #1f5f8f}.main-authentification .auth-notice{flex-direction:column;gap:8px;display:flex}.main-authentification .auth-notice-actions{align-items:center;gap:16px;display:flex}.main-authentification .auth-notice-action{color:#7dd3fc;font-weight:500}.main-authentification .auth-links{justify-content:space-between;width:100%;margin-bottom:8px;display:flex}.main-authentification .link-button{color:#0ff;cursor:pointer;background-color:#0000;border:none;width:auto;height:auto;padding:0;font-size:14px;font-weight:400}.main-authentification .link-button:disabled{color:#94a3b8;cursor:default}@media (height<=860px){.main-authentification{padding:12px 0}.auth-brand{margin-bottom:18px}.auth-brand img{width:40px;height:40px}}@media (height<=680px){.auth-brand{margin-bottom:10px}.auth-brand img{width:34px;height:34px}.auth-brand span{font-size:20px}}.main-authentification .form_container{flex-flow:column;align-items:stretch;gap:18px;padding:76px 40px 28px}.main-authentification .box,.main-authentification .step{margin:0}.main-authentification .step:not([hidden]){flex-direction:column;gap:18px;display:flex}.main-authentification .box>input:focus~.label,.main-authentification .box>input:valid~.label{color:#e2e8f0;background-color:var(--my_background_color);border-radius:6px;padding:0 8px;font-size:12.5px;font-weight:400;top:-9px;left:18px}.main-authentification .box>label{color:#cbd5e1;font-weight:300}.main-authentification .remember-forgot{flex-direction:row;justify-content:space-between;align-items:center;padding:0 8px;font-size:14px}.main-authentification .remember-forgot>div:first-child{justify-content:flex-start;gap:10px;width:auto}.main-authentification .remember-forgot .link{position:static}.main-authentification .submit button{color:#000;background-color:#fff;width:100%}.main-authentification .pas_de_compte,.main-authentification .compte-existant{text-align:center;color:#cbd5e1;font-size:15px;font-weight:400}.main-authentification .pas_de_compte *,.main-authentification .compte-existant *{background-color:#0000;font-weight:400}.main-authentification .auth-message{margin:0}.oauth:not([hidden]){flex-direction:column;gap:14px;display:flex}.oauth,.oauth *{background-color:#0000}.oauth-separator{color:#b4c0d3;align-items:center;gap:12px;font-size:13px;font-weight:400;display:flex}.oauth-separator:before,.oauth-separator:after{content:"";background-color:#334155;flex-grow:1;height:1px}.oauth-buttons{justify-content:center;gap:20px;display:flex}.main-authentification .oauth-button{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex}.main-authentification .oauth-button[hidden]{display:none}.main-authentification .oauth-google{background-color:#fff;border:1px solid #fff}.main-authentification .oauth-github{color:#fff;background-color:#0b1220;border:1px solid #94a3b8}.oauth-note{color:#b4c0d3;text-align:center;justify-content:center;gap:8px;margin:0;font-size:12.5px;font-weight:400;line-height:1.5;display:flex}.oauth-note svg{flex-shrink:0;margin-top:2px}@media (height<=860px){.main-authentification .form_container{gap:14px;padding:70px 40px 22px}.main-authentification .step:not([hidden]){gap:14px}.main-authentification .box>input,.main-authentification .submit button{height:50px}.main-authentification .box>label{top:13px}#eye-fill,#eye-slash-fill{top:17px}.icon{top:15px}.main-authentification .oauth-button{width:48px;height:48px}}@media (height<=680px){.main-authentification .form_container{gap:10px;padding:62px 36px 16px}.main-authentification .step:not([hidden]){gap:10px}.main-authentification .box>input,.main-authentification .submit button{height:44px}.main-authentification .box>label{top:10px}#eye-fill,#eye-slash-fill{top:14px}.icon{top:12px}.oauth-note{display:none}.main-authentification .oauth-button{width:44px;height:44px}}.auth-aside,.auth-tagline,.auth-back,.auth-intro,.oauth-name,.oauth-or-email{display:none}@media (width<=1100px),(pointer:coarse) and (width<=1400px){.main-authentification .form_container{width:min(440px,100%);box-shadow:none;border:none;border-radius:0;gap:16px;padding:0}.main-authentification .authentification{background-color:#0000;border-radius:0;justify-content:flex-start;width:auto;height:auto;position:static;transform:none}.main-authentification .authentification:before,.main-authentification .authentification:after{display:none}.main-authentification .authentification>span{color:var(--primary-text-color);font-size:26px;font-weight:600}.main-authentification .box>label,.main-authentification .box>input:focus~.label,.main-authentification .box>input:valid~.label{color:#cbd5e1;background-color:#0000;border-radius:0;order:-1;margin-bottom:6px;padding:0;font-size:13px;font-weight:500;position:static}.main-authentification .box>input{background-color:#162131;border:1px solid #263449;border-radius:12px;height:52px;padding-inline:48px}.main-authentification .box>input:-webkit-autofill{border:1px solid #263449;border-radius:12px;box-shadow:inset 0 0 0 52px #162131}.main-authentification .box>input:-webkit-autofill:hover{border:1px solid #263449;border-radius:12px;box-shadow:inset 0 0 0 52px #162131}.main-authentification .box>input:-webkit-autofill:focus{border:1px solid #263449;border-radius:12px;box-shadow:inset 0 0 0 52px #162131}.main-authentification .box>input:hover,.main-authentification .box>input:focus{border:1px solid #38aef0;box-shadow:0 0 0 3px #38aef040}.main-authentification .box>.icon{inset:auto auto 16px 16px}.main-authentification .box>svg{background-color:#0000}.main-authentification #eye-fill,.main-authentification #eye-slash-fill{top:auto;bottom:18px;right:16px}.main-authentification .remember-forgot{min-height:44px;padding:0}.main-authentification .remember-forgot input[type=checkbox]{width:20px;height:20px}.main-authentification .remember-forgot a{align-items:center;min-height:44px;display:inline-flex}.main-authentification .submit button{color:#fff;background-color:#0b72b3;border-radius:12px;height:52px;font-size:15px;font-weight:600}.oauth-buttons{gap:10px}.main-authentification .oauth-button{border-radius:12px;flex:1 1 0;gap:10px;width:auto;height:52px;font-size:14px}.main-authentification .oauth-google{color:#111827}.oauth-name{font-weight:500;display:inline}.auth-brand{flex-direction:column;gap:8px;margin-bottom:24px}.auth-brand img{width:56px;height:56px}.auth-brand span{font-size:22px}.auth-tagline{color:#94a3b8;font-size:13px;font-weight:400;display:block}.singup_main .form_container{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;display:grid}.singup_main .form_container>*{grid-column:1/-1}.singup_main .form_container>.nom,.singup_main .form_container>.prenom{grid-column:auto}.singup_main .authentification{order:-3}.singup_main .auth-intro{color:#94a3b8;order:-2;margin-top:-8px;font-size:14px;font-weight:400;line-height:1.5;display:block}.singup_main .oauth{order:-1}.singup_main .oauth-note{order:1}.singup_main .oauth-separator{order:2}.singup_main .oauth-or-providers{display:none}.singup_main .oauth-or-email{display:inline}}@media (width>=1000px) and (width<=1100px),(pointer:coarse) and (width>=1000px) and (width<=1400px){main.main-authentification{grid-template-columns:500px minmax(0,1fr);align-content:stretch;place-items:center;padding:0;display:grid}.main-authentification>.auth-brand{display:none}.main-authentification>.form_container{margin:32px}.auth-aside{background-color:#0b1220;border-right:1px solid #1e293b;flex-direction:column;justify-content:space-between;place-self:stretch stretch;gap:32px;padding:48px 48px 36px;display:flex}.auth-aside *{background-color:#0000}.auth-aside-brand{align-items:center;gap:14px;display:flex}.auth-aside-brand span,.auth-aside-features li>span:last-child{flex-direction:column;gap:2px;display:flex}.auth-aside-brand strong{font-size:24px;font-weight:600}.auth-aside small,.auth-aside-note{color:#94a3b8;font-size:13px;font-weight:400}.auth-aside-pitch{flex-direction:column;gap:22px;display:flex}.auth-aside-title{font-size:30px;font-weight:600;line-height:1.25}.auth-aside-features{flex-direction:column;gap:18px;list-style:none;display:flex}.auth-aside-features li{align-items:flex-start;gap:14px;display:flex}.auth-aside-features strong{font-size:16px;font-weight:600}.auth-aside-features small{font-size:14px}.auth-aside-icon{color:#7dd3fc;background-color:#10304a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.auth-aside-note{font-size:12px}}@media (width<=600px){main.main-authentification{justify-content:flex-start;padding:40px 20px 24px}.main-authentification .form_container{width:100%}.singup_main.main-authentification{padding-top:8px}.singup_main>.auth-brand{display:none}.singup_main>.auth-back{color:#cbd5e1;background-color:#0000;justify-content:center;align-items:center;width:44px;height:44px;margin:0 0 8px -12px;display:flex}}body{background-color:var(--my_background_color)}.forgot-password_main{flex-flow:column wrap;place-content:center safe center;width:100%;min-height:100vh;padding:24px 0;display:flex;position:relative}button{border:none;border-radius:30px;width:90%;height:55px}button:hover{cursor:pointer}a{color:#0ff;text-decoration:none}a:hover{opacity:.8;text-decoration:underline}.form_container{color:#fff;border:1px solid #f7f5f5c9;border-radius:15px;flex-wrap:wrap;align-items:center;width:500px;padding:5em 2.5em 1em;display:flex;position:relative;box-shadow:0 0 15px #7c9ed6}.form_container:first-child,.form_container>button{justify-content:center}.authentification{width:300px}.forgot-password>span,button{align-self:center;font-size:x-large;font-weight:500}.forgot-password:before{content:"";background-color:#0000;border-top-right-radius:50%;width:30px;height:30px;position:absolute;top:0;left:-30px;box-shadow:15px 0 #0ff}.forgot-password:after{content:"";background-color:#0000;border-top-left-radius:50%;width:30px;height:30px;position:absolute;top:0;right:-30px;box-shadow:-15px 0 #0ff}.box{flex-direction:column;width:100%;margin:20px 0;display:flex;position:relative}.box>input{color:#fff;background-color:#fff0;border:1px solid;border-radius:30px;outline:none;width:100%;height:55px;padding-inline:20px 50px;font-size:16px}.box>input:hover,.box>input:focus{border:1.4px solid;box-shadow:0 0 15px #7c9ed6}.box>label{transition:all .2s;position:absolute;top:15px;left:20px}.box>input:focus~.label,.box>input:valid~.label{color:#000;background-color:#f5f5f5;border-radius:30px;padding:0 10px;font-size:14px;position:absolute;top:-10px;left:20px}.icon{font-size:20px;position:absolute;top:18px;right:25px}.remember-me{flex-direction:row;justify-content:space-evenly;height:25px;font-size:15px;display:flex}.remember-me>input{border-radius:0;width:16px;height:100%;translate:-4em}.remember-me>input:hover,.remember-me>input:focus{box-shadow:none;border:none}.remember-me>label{align-self:center;top:0;left:40%}[type=submit]{font-size:16px}[type=submit]:hover{opacity:.8}
