:root{--primary-color:#2a2c30;--secondary-color:#303237;--tertiary-color:#1e1f22;--text-color:#d1d3d7;--actif-color:#fcfcfc;--selection-color:#3f4148;--inactif-color:#9299a2;--red-color:#d12828;--green-color:#007b00}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--secondary-color);color:var(--inactif-color);font-family:Roboto,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:normal}button[data-v-eeeabbb4]{width:155px;height:47px;border-radius:10px;background:var(--primary-color);color:var(--actif-color);border:none;cursor:pointer}button[data-v-eeeabbb4]:hover{background:var(--selection-color)}.red[data-v-eeeabbb4]{background:var(--red-color);color:var(--actif-color)}.green[data-v-eeeabbb4]{background:var(--green-color);color:var(--actif-color)}input[data-v-81fb2e0a]{width:280px;height:30px;flex-shrink:0;border-radius:15px;background:var(--tertiary-color);border:none;padding:10px;color:var(--text-color)}input[data-v-81fb2e0a]:focus{outline:none;box-shadow:0 0 10px var(--primary-color)}input[data-v-81fb2e0a]::-moz-placeholder{color:var(--secondary-color,#303237);font-size:15px;font-style:normal;font-weight:400;line-height:normal}input[data-v-81fb2e0a]::placeholder{color:var(--secondary-color,#303237);font-size:15px;font-style:normal;font-weight:400;line-height:normal}section[data-v-81fb2e0a]{justify-content:center}.input-container[data-v-81fb2e0a]{margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start}label[data-v-81fb2e0a]{margin-bottom:5px;margin-left:10px;color:var(--text-color);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.over-span[data-v-81fb2e0a]{display:flex;flex-direction:column;align-items:flex-end}.motdepasse[data-v-81fb2e0a]{margin-top:-13px}.action p[data-v-81fb2e0a],.motdepasse[data-v-81fb2e0a]{color:var(--inactif-color);font-size:15px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.action p[data-v-81fb2e0a]{margin-top:5px;text-align:center}section[data-v-81fb2e0a]{height:35vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--secondary-color)}.error[data-v-81fb2e0a]{color:var(--red-color);font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin-top:5px;text-align:center}svg path[data-v-443702c0]{fill:var(--actif-color);width:152px;height:148px}.home[data-v-443702c0]{height:100vh;background-color:var(--secondary-color);width:100vw}.home[data-v-443702c0],.title-container[data-v-443702c0]{display:flex;flex-direction:column;align-items:center;justify-content:center}.title-container[data-v-443702c0]{padding:2%;height:30vh}h1[data-v-443702c0]{color:var(--actif-color);font-size:50px;font-style:normal;font-weight:400;line-height:normal}input[data-v-74d34d0c]{width:280px;height:30px;flex-shrink:0;border-radius:15px;background:var(--tertiary-color);border:none;padding:10px;color:var(--text-color)}input[data-v-74d34d0c]:focus{outline:none;box-shadow:0 0 10px var(--primary-color)}input[data-v-74d34d0c]::-moz-placeholder{color:var(--secondary-color,#303237);font-size:15px;font-style:normal;font-weight:400;line-height:normal}input[data-v-74d34d0c]::placeholder{color:var(--secondary-color,#303237);font-size:15px;font-style:normal;font-weight:400;line-height:normal}section[data-v-74d34d0c]{justify-content:center}.input-container[data-v-74d34d0c]{margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start}label[data-v-74d34d0c]{margin-bottom:5px;margin-left:10px;color:var(--text-color);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.over-span[data-v-74d34d0c]{display:flex;flex-direction:column;align-items:flex-end}.motdepasse[data-v-74d34d0c]{margin-top:-13px}.action p[data-v-74d34d0c],.motdepasse[data-v-74d34d0c]{color:var(--inactif-color);font-size:15px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.action p[data-v-74d34d0c]{margin-top:5px;text-align:center}section[data-v-74d34d0c]{height:35vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--secondary-color)}.error[data-v-74d34d0c]{color:var(--red-color);font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin-top:5px;text-align:justify;width:300px}.pop-up[data-v-74d34d0c]{display:flex;flex-direction:column;align-items:center;background:var(--secondary-color);height:100vh;width:100vw;position:absolute;top:0;left:0;z-index:100;padding:20px;box-sizing:border-box}.after-button[data-v-74d34d0c]{color:var(--inactif-color);font-size:15px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer;margin-top:5px;text-align:center;margin-left:auto;margin-right:10px;box-sizing:border-box}.photo-profil[data-v-74d34d0c]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:10vh;height:80vh;width:100vw;max-height:600px;box-sizing:border-box;background:var(--secondary-color)}.photo[data-v-74d34d0c]{width:250px;height:250px;border-radius:500px;overflow:hidden}.photo img[data-v-74d34d0c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.title[data-v-74d34d0c]{color:var(--text-color);font-size:20px;font-style:normal;font-weight:400;line-height:normal;margin-top:20px;text-align:center}.input-zone label[data-v-74d34d0c]{display:grid;grid-template-columns:1fr 4fr;border-radius:20px;width:312px;height:56px;background-color:var(--tertiary-color);font-size:15px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer;color:var(--inactif-color);align-items:center}.input-zone label i[data-v-74d34d0c]{display:flex;justify-content:center}.action-button[data-v-74d34d0c]{display:flex;flex-direction:column;gap:10px}svg path[data-v-4cd445b1]{fill:var(--actif-color);width:152px;height:148px}.home[data-v-4cd445b1]{height:100vh;background-color:var(--secondary-color);width:100vw}.home[data-v-4cd445b1],.title-container[data-v-4cd445b1]{display:flex;flex-direction:column;align-items:center;justify-content:center}.title-container[data-v-4cd445b1]{padding:2%;height:30vh}h1[data-v-4cd445b1]{color:var(--actif-color);font-size:50px;font-style:normal;font-weight:400;line-height:normal}