html,body,#root{height:100%;width:100%}*{font-family:Oswald,sans-serif;box-sizing:border-box;margin:0;padding:0}dialog{position:absolute;top:50%;left:50%;translate:-50% -50%;padding:1rem;display:none;flex-direction:column;align-items:center;gap:.8rem;text-align:center}dialog .container-buttons-dialog{display:flex;justify-content:space-around;flex-wrap:wrap;width:100%}dialog .container-buttons-dialog button{padding:8px 16px;border-radius:5px;font-size:.8rem;text-transform:uppercase;cursor:pointer;outline-offset:-4px}dialog .container-buttons-dialog button.sign{border:2px solid rgb(41,94,93);background-color:transparent;color:#295e5d;outline:1px solid rgb(41,94,93)}dialog .container-buttons-dialog button.sign:hover{color:#edebe6;background-color:#295e5d;outline:1px solid #EDEBE6}dialog .container-buttons-dialog button.think{border:2px solid rgb(41,94,93);background-color:#295e5d;color:#edebe6;outline:1px solid #EDEBE6}dialog .container-buttons-dialog button.think:hover{color:#295e5d;background-color:#edebe6;outline:1px solid rgb(41,94,93)}dialog.open{display:flex}.summary-container{height:100%;width:100%;background-color:#edebe6}.summary-container .loading{height:100%;width:100%;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.summary-container header{width:100%;height:25%;background:rgb(41,94,93);background:radial-gradient(circle,rgb(41,94,93) 0%,rgb(93,148,146) 100%);display:flex;justify-content:center;align-items:center;padding:0 2rem}.summary-container header h1{color:#f4f3f0;font-size:2rem;text-align:center}.summary-container main{width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;background-color:#edebe6}.summary-container main h2{color:#5d9492;font-weight:100;font-size:2rem}.summary-container main ul{list-style-type:none;display:flex;flex-direction:column;align-items:center;padding:2rem 0;width:60vw;max-width:650px}.summary-container main ul li{position:relative}.summary-container main ul li:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#5d9492;transform-origin:left;animation:apparition-border 1s ease-in-out forwards}.summary-container main ul li:nth-child(1):after{animation-delay:.5s}.summary-container main ul li:nth-child(2):after{animation-delay:525ms}.summary-container main ul li:nth-child(3):after{animation-delay:.55s}.summary-container main ul li:nth-child(4):after{animation-delay:575ms}.summary-container main ul li:nth-child(5):after{animation-delay:.6s}.summary-container main ul li:nth-child(6):after{animation-delay:625ms}.summary-container .container-buttons{margin-top:3vh;display:flex;justify-content:center;flex-wrap:wrap;gap:24px}.summary-container button{padding:16px 32px;border-radius:5px;text-transform:uppercase;cursor:pointer;outline-offset:-4px;transition:.25s}.summary-container .button-outlined{border:2px solid rgb(41,94,93);background-color:transparent;color:#295e5d;outline:1px solid rgb(41,94,93)}.summary-container .button-outlined:hover{color:#edebe6;background-color:#295e5d;outline:1px solid #EDEBE6}.summary-container .button-filled{border:2px solid rgb(41,94,93);background-color:#295e5d;color:#edebe6;outline:1px solid #EDEBE6}.summary-container .button-filled:hover{color:#295e5d;background-color:#edebe6;outline:1px solid rgb(41,94,93)}.summary-container form{padding:5vh 3vw 0 3vw;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;gap:28px}.summary-container form h2{text-align:center}.summary-container form .input-birthDate{display:flex;flex-direction:column}.summary-container form input{border:1px solid rgb(204,204,204);width:300px;min-height:30px;color:#508685;font-size:16px;padding:.5rem;position:relative}.summary-container .container-input{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:2rem}.summary-container .input-block{position:relative}.summary-container label{padding:0 3px;margin:0;font-size:16px;color:#508685;text-transform:uppercase}.summary-container .input-error{display:block;position:absolute;margin-top:5px;font-size:.8rem;color:red}@media screen and (max-width: 900px){.summary-container dialog{width:80vw}.summary-container header h1{font-size:1.8rem}.summary-container main{padding:1.5rem}.summary-container main ul{padding:1.8rem 0;width:90vw;max-width:90vw}.summary-container main ul li p{font-size:1.1rem}}@media screen and (max-width: 500px){.summary-container header h1{font-size:1.6rem}.summary-container main{padding:1rem}.summary-container main ul{padding:1.6rem 0}.summary-container main ul li p{font-size:.8rem}}@keyframes error-shake{0%{--left: -10px}20%{--left: 8px}40%{--left: -6px}60%{--left: 4px}80%{--left: -2px}to{--left: 0px}}.error-container{height:100%;width:100%;display:flex;align-items:center;gap:3rem;color:#faebdf;background:rgb(41,94,93);background:radial-gradient(circle,rgb(41,94,93) 0%,rgb(93,148,146) 100%);padding:2rem}.error-container .error-image{width:600px;height:auto;filter:drop-shadow(5px 5px 30px rgb(93,148,146))}.error-container h1{font-size:4.5rem}.error-container h2{font-size:2.5rem;padding:.5rem 0}.error-container p{font-size:1rem}@media screen and (max-width: 1000px){.error-container .error-image{width:400px}.error-container h1{font-size:3rem}.error-container h2{font-size:1.8rem;padding:.3rem 0}.error-container p{font-size:.7rem}}@media screen and (max-width: 500px){.error-container .error-image{width:350px}.error-container h1{font-size:3.5rem}.error-container h2{font-size:2rem;padding:.5rem 0}.error-container p{font-size:.8rem}}@media screen and (max-width: 1000px){.error-container{padding:1.5rem}}@media screen and (max-width: 800px){.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center}}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:rgb(41,94,93) rgb(41,94,93) transparent transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after,.loader:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent transparent rgb(93,148,146) rgb(93,148,146);width:40px;height:40px;border-radius:50%;box-sizing:border-box;animation:rotationBack .5s linear infinite;transform-origin:center center}.loader:before{width:32px;height:32px;border-color:rgb(41,94,93) rgb(41,94,93) transparent transparent;animation:rotation 1.5s linear infinite}.loader~p{text-align:center;padding:0 5vw}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.logo{position:fixed;top:32px;left:32px}@media screen and (max-width: 900px){.logo{width:150px;height:auto;top:15px;left:15px}}@media screen and (max-width: 500px){.logo{width:120px;height:auto}}.line{width:100%;display:flex;justify-content:space-between;transition:all .25s;padding:1rem 0}.line p{font-size:1.1rem;color:#295e5d;font-weight:100;transition:all .25s}.line:hover{background-color:#295e5d;padding:1rem}.line:hover p{color:#f4f3f0}@media screen and (max-width: 900px){.line p{font-size:1.4rem}}@media screen and (max-width: 500px){.line p{font-size:1.3rem}}.payment-container{height:100%;width:100%;background-color:#edebe6}.payment-container .loading{height:100%;width:100%;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.payment-container header{width:100%;height:25%;background:rgb(41,94,93);background:radial-gradient(circle,rgb(41,94,93) 0%,rgb(93,148,146) 100%);display:flex;justify-content:center;align-items:center;padding:0 2rem}.payment-container header h1{color:#f4f3f0;font-size:2rem;text-align:center}.payment-container main{width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;background-color:#edebe6}.payment-container main h2{color:#5d9492;font-weight:100;font-size:1.8rem;text-align:center}.payment-container main ul.payment-method{display:flex;gap:1.5rem;list-style-type:none}.payment-container main ul.payment-method li{font-size:1.2rem;color:#295e5d;padding:.3rem 0}.payment-container main ul.payment-method li.selected{border-bottom:1px solid rgb(93,148,146)}.payment-container main ul.payment-method li:hover{cursor:pointer}.payment-container main div.virement-informations{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.payment-container main div.virement-informations h3{font-size:1.3rem;color:#212f3c}.payment-container main div.virement-informations ul.virement-informations-list{display:flex;flex-direction:column;width:70vw;max-width:650px;list-style-type:none}.payment-container main div.virement-informations ul.virement-informations-list li{color:#295e5d;font-size:1.2rem;font-weight:100;padding-top:.75rem;display:flex;justify-content:space-between;position:relative;flex-wrap:wrap;gap:1rem}.payment-container main div.virement-informations ul.virement-informations-list li:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#5d9492;transform-origin:left;animation:apparition-border 1s ease-in-out forwards}.payment-container main div.virement-informations ul.virement-informations-list li:nth-child(1):after{animation-delay:.5s}.payment-container main div.virement-informations ul.virement-informations-list li:nth-child(2):after{animation-delay:525ms}.payment-container main div.virement-informations ul.virement-informations-list li:nth-child(3):after{animation-delay:.55s}.payment-container main div.virement-informations ul.virement-informations-list li:nth-child(4):after{animation-delay:575ms}.payment-container main div.virement-informations ul.virement-informations-list li:nth-child(5):after{animation-delay:.6s}.payment-container main div.virement-informations ul.virement-informations-list li:nth-child(6):after{animation-delay:625ms}.payment-container main div.virement-informations button{padding:16px 32px;border-radius:5px;text-transform:uppercase;cursor:pointer;outline-offset:-4px;transition:.25s;border:2px solid rgb(41,94,93);background-color:#295e5d;color:#edebe6;outline:1px solid #EDEBE6}.payment-container main div.virement-informations button:hover{color:#295e5d;background-color:#edebe6;outline:1px solid rgb(41,94,93)}@media screen and (max-width: 900px){.payment-container header h1{font-size:1.8rem}.payment-container main{padding:1.5rem 1rem}.payment-container main h2{font-size:1.7rem}.payment-container main div.virement-informations ul.virement-informations-list{width:90vw}.payment-container main div.virement-informations ul.virement-informations-list li{font-size:1.1rem}}@media screen and (max-width: 600px){.payment-container header h1{font-size:1.6rem}.payment-container main{padding:1rem}.payment-container main h2{font-size:1.5rem}.payment-container main div.virement-informations ul.virement-informations-list{width:90vw}.payment-container main div.virement-informations ul.virement-informations-list li{font-size:1rem}}@keyframes apparition-border{0%{width:0}to{width:100%}}.payment-form{display:flex;flex-direction:column;gap:1rem;align-items:center}.payment-form button{padding:16px 32px;border-radius:5px;text-transform:uppercase;cursor:pointer;outline-offset:-4px;transition:.25s;border:2px solid rgb(41,94,93);background-color:#295e5d;color:#edebe6;outline:1px solid #EDEBE6}.payment-form button:hover{color:#295e5d;background-color:#edebe6;outline:1px solid rgb(41,94,93)}.appreciation-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:rgb(41,94,93);background:radial-gradient(circle,rgb(41,94,93) 0%,rgb(93,148,146) 100%);padding:2rem}.appreciation-container h1{font-size:4rem;text-align:center}@media screen and (max-width: 900px){.appreciation-container h1{font-size:3rem}}@media screen and (max-width: 500px){.appreciation-container h1{font-size:2rem}}.custom-cursor{width:12px;height:12px;background-color:#eaaa38;border-radius:50%;position:absolute;pointer-events:none;transform:translate(-50%,-50%);transition:transform .2s cubic-bezier(.2,1,.3,1);filter:blur(2px);z-index:2}.alreadySigned-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;color:#fff;background:rgb(41,94,93);background:radial-gradient(circle,rgb(41,94,93) 0%,rgb(93,148,146) 100%);padding:2rem}.alreadySigned-container h1{font-size:4rem;text-align:center}.alreadySigned-container p{font-size:2rem;text-align:center}@media screen and (max-width: 900px){.alreadySigned-container h1{font-size:3rem}.alreadySigned-container p{font-size:1.5rem}}@media screen and (max-width: 500px){.alreadySigned-container h1{font-size:2rem}.alreadySigned-container p{font-size:1rem}}