@charset "UTF-8";@font-face{font-family:work-sans;src:local("WorkSans"),url(/font/WorkSans.ttf) format("truetype")}body{background:#090f32;background-attachment:fixed;color:#fff;margin:0;font-family:work-sans;overflow:hidden;height:100dvh}body input{color:#fff}body .connexion-container,body .history-container{height:100dvh}body .connexion-container .menu-container .active-menu{border-radius:0 0 0 23px}body .history-container .menu-container .active-menu{border-radius:0 0 23px}body .menu-container{position:absolute;top:0;background:#2e4f6acc;border-radius:0 0 23px 23px;width:100%;height:7vh}body .menu-container ul{list-style-type:none;display:flex;padding-left:0;margin:0;height:100%}body .menu-container ul li{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3vh}body .menu-container ul .active-menu{background:#396184;width:50%;height:100%;font-size:4vh}body .btn-other-page{background-color:#bb0065;border-radius:50%;width:8vh;height:8vh;display:flex;justify-content:center;align-items:center;font-size:5vh}body .menu-btn-container{position:absolute;bottom:1.5rem;right:1.5rem}body .btn-back{background:#77aeef4d;border:1px solid rgba(63,177,255,.7);border-radius:50%;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;font-size:1rem;position:absolute;top:1rem;left:1rem}body .profile-picture{width:25vh;height:25vh;border-radius:50%;background:#77aeef66;border:2px solid rgba(63,177,255,.7);margin:4vh 0px 0px;position:relative}body .profile-picture img{width:25vh;height:25vh}body .profile-picture-button{display:flex;justify-content:flex-end;position:absolute;bottom:0;right:0}body .profile-picture-button button{color:#fff;background-color:#bb0065;border:1px solid rgba(255,255,255,.2);border-radius:5px;width:6vh;height:6vh;cursor:pointer;font-size:3vh;display:flex;justify-content:center;align-items:center}body .card-waiting-game{background:#77aeef4d;border:1px solid rgba(63,177,255,.7);border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1rem;padding:1rem .5rem;z-index:1}body .card-waiting-game p{text-align:center;margin:0}body .card-waiting-game p span{color:#5db9f9;text-transform:uppercase}body .card-waiting-game .avatar{background:#77aeef66;border:1px solid rgba(63,177,255,.7);border-radius:50%;width:100px;height:100px;aspect-ratio:1/1}body .card-waiting-game .avatar img{width:100%}body .ellipse-1{position:absolute;width:80%;height:50dvh;left:10%;top:25%;background:#6753e44d;filter:blur(50px)}body .ellipse-2{position:absolute;width:60%;height:33dvh;right:0;top:20%;background:#3fb1ff4d;filter:blur(50px)}body .ellipse-3{position:absolute;width:40%;height:20dvh;left:0;top:20%;background:#f5841c33;filter:blur(35px)}body .ellipse-4{position:absolute;width:40%;height:20dvh;right:10%;top:30%;background:#971a5e4d;filter:blur(35px)}.waiting-component{height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:.75rem 3rem}.question-component{display:flex;align-items:center;flex-direction:column;padding-top:8vh}.question-component .loader{margin-bottom:5vh}.question-component .answers{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.result-component{height:100vh;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;overflow:hidden;padding-top:10vh}.result-component-content{background:#77aeef26;border:1px solid rgba(101,181,236,.3);border-radius:24px;width:80vw;height:80vw;z-index:1;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;text-align:center;padding:1vw}.result-component-content.active{background:#77aeef4d;border:1px solid rgba(63,177,255,.7)}.result-component-content .result{font-weight:600;font-size:4.5vh}.result-component-content .sentence{font-weight:400;font-size:2vh}.result-component-content .points-won{font-weight:700;font-size:8vh}.result-component-content .total-points{font-weight:400;font-size:3vh}.result-component-ranking{display:grid;width:fit-content;text-align:center;margin:auto;z-index:1}.result-component-ranking .ranking{font-weight:500;font-size:14px}.result-component-ranking .rank{font-weight:600;font-size:25px;padding-top:1vh}.loader-result{display:flex;justify-content:center;align-items:center;margin-top:45vh}.loader-result .loader-item{width:8px;height:25px;border-radius:10px;margin:8px;display:flex;justify-content:center;align-items:center}.loader-result .loader-item:before{content:"";width:8px;height:25px;border-radius:10px;opacity:.7;animation:scale 2s infinite cubic-bezier(0,0,.49,1.02)}.loader-result .loader-item-1{background-color:#5db9f9}.loader-result .loader-item-1:before{background-color:#5db9f9;animation-delay:.2s}.loader-result .loader-item-2{background-color:#1e98d4}.loader-result .loader-item-2:before{background-color:#1e98d4;animation-delay:.4s}.loader-result .loader-item-3{background-color:#2a92d0}.loader-result .loader-item-3:before{background-color:#2a92d0;animation-delay:.6s}.loader-result .loader-item-4{background-color:#3a88c8}.loader-result .loader-item-4:before{background-color:#3a88c8;animation-delay:.8s}.loader-result .loader-item-5{background-color:#507cbe}.loader-result .loader-item-5:before{background-color:#507cbe;animation-delay:1s}@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(2.5)}78%,to{opacity:0}}.button-participate{margin:auto}.button-participate button:disabled{color:#ccc}.input-text{width:100%;display:grid;justify-items:center}.game-number{position:absolute;top:8px;right:16px;font-size:12px}@keyframes rotateloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-question{width:42vw;height:42vw;border-radius:50%;background:#7d91f980;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.loader-question:before{content:"";background-image:conic-gradient(transparent,#64d5ee,transparent);width:100%;height:100%;border-radius:50%;position:absolute;animation:rotateloader 1s linear infinite}.loader-question-container{width:35vw;height:35vw;background:#0c1237;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2}.loader-question-container span{font-weight:700;font-size:8vh}.answer{padding:1rem;width:30vw;height:18vh;background:#3655824d;border:1px solid rgba(255,255,255,.3);border-radius:16px;margin:1vw;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-transition:1s all;transition:1s all;-webkit-transform-origin:center;transform-origin:center}.answer-1{background:#5db9f926;border:2px solid #5db9f9}.answer-1 .answer-letter{background:#5db9f9}.answer-2{background:#bb006526!important;border:2px solid #bb0065!important}.answer-2 .answer-letter{background:#bb0065!important}.answer-3{background:#f5841c26!important;border:2px solid #f5841c!important}.answer-3 .answer-letter{background:#f5841c!important}.answer-4{background:#6753e426!important;border:2px solid #6753e4!important}.answer-4 .answer-letter{background:#6753e4!important}.answer-letter{width:15vw;height:15vw;border-radius:50%;background:#ffffff26;display:flex;justify-content:center;align-items:center}.answer-letter span{font-weight:600;font-size:10vw}.answer-sentence{text-align:center;font-size:19px;overflow-wrap:anywhere;word-wrap:break-word;word-break:normal;hyphens:auto;-webkit-hyphens:auto;max-width:100%;min-width:0;white-space:normal}.answer-sentence-text-medium{font-size:17px}.answer-sentence-text-small{font-size:14px}.answer.active{margin-top:10vh;-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}.answer.inactive{display:none}