@charset "UTF-8";@font-face{font-family:work-sans;src:local("WorkSans"),url(/font/WorkSans.ttf) format("truetype")}body{background:#0c1237;height:100vh;color:#fff;margin:0;font-family:work-sans;overflow:hidden;cursor:none}body #root{height:100vh}.transition-in{animation:transitionAppear 1s}@keyframes transitionAppear{0%{opacity:0}to{opacity:1}}.cine-blue-theme .participation-game-component .countdown{color:#a4c4ec}.cine-blue-theme .participation-game-component .slide-participation{background:#0c1237cc;border:1px solid rgba(255,255,255,.3)}.cine-blue-theme .loading-bar-component{border:2px solid #487c98}.cine-blue-theme .loading-bar-component-line{background:#5db9f9}.cine-blue-theme .game-number .infos-game .game-with-star .game-label .number{color:#5db9f9}.cine-blue-theme .ranking{background-color:#192c46}.cine-blue-theme .ranking .rank{background-color:#263e60}.cine-blue-theme .ranking .rank.rank-1{background-color:#5db9f9}.cine-blue-theme .ranking .rank.rank-1 .profile-picture{border:3px solid #5db9f9}.cine-blue-theme .ranking .rank.rank-2,.cine-blue-theme .ranking .rank.rank-3{background-color:#396184}.cine-blue-theme .ranking .rank .profile-picture{border:2px solid #5db9f9;background-color:#365582}.cine-blue-theme .top-three .container-picture .profile-picture{border:3px solid #5db9f9;background-color:#365582}.cine-blue-theme .first .top-three .container-picture .profile-picture{border:3px solid #f5841c;background-color:#365582}.cine-blue-theme .second .top-three .container-picture .profile-picture{border:3px solid #bb0065;background-color:#365582}.cine-blue-theme .third .top-three .container-picture .profile-picture{border:3px solid #6753e4;background-color:#365582}.cine-blue-theme .others{background:#090f32;border:2px solid #15205c}.cine-blue-theme .others .profile-picture{border:1.5px solid #5db9f9;background-color:#365582}@keyframes tail{0%{width:0px}30%{width:100px}to{width:0px}}@keyframes falling{0%{transform:translate(0)}to{transform:translate(300px)}}@keyframes shining{0%{width:0px}50%{width:30px}to{width:0px}}.waiting-component{height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:url(/img/Cinema_fond_montagne.png);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.waiting-component .night{position:absolute;width:100%;height:100%;transform:rotate(40deg)}.waiting-component .night .star{position:absolute;left:60%;top:0;height:4px;background:linear-gradient(-45deg,#30d7f1,#00f0);border-radius:999px;filter:drop-shadow(0 0 6px #6da5f3);animation:tail 3s ease-in-out infinite,falling 3s ease-in-out infinite}.waiting-component .night .star:before,.waiting-component .night .star:after{content:"";position:absolute;top:calc(50% - 2px);right:0;height:4px;background:linear-gradient(-45deg,#00f0,#30d7f1,#00f0);border-radius:100%;transform:translate(50%) rotate(45deg);animation:shining 3s ease-in-out infinite}.waiting-component .night .star:after{transform:translate(50%) rotate(-45deg)}.waiting-component .night .star:nth-child(1){top:calc(50% - 100px);left:calc(40% - 250px);animation-delay:7s}.waiting-component .night .star:nth-child(1):before,.waiting-component .night .star:nth-child(1):after{animation-delay:7s}.waiting-component .night .star:nth-child(2){top:calc(0% + -0px);left:calc(70% - 150px);animation-delay:1.4s}.waiting-component .night .star:nth-child(2):before,.waiting-component .night .star:nth-child(2):after{animation-delay:1.4s}.waiting-component .night .star:nth-child(3){top:calc(50% + 50px);left:calc(30% - 250px);animation-delay:3s}.waiting-component .night .star:nth-child(3):before,.waiting-component .night .star:nth-child(3):after{animation-delay:3s}.waiting-component .slide-waiting{height:80vh;width:70vh;display:flex;justify-content:center;align-items:center}.participation-game-component{text-align:center;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:url(/img/Cinema_fond_montagne.png);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.participation-game-component .contenu{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:1}.participation-game-component .contenu .content-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.participation-game-component .contenu .content-title img{height:6rem}.participation-game-component .contenu .content-title .scan-message{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:fadeIn .8s ease-out;max-width:800px;line-height:1.3;text-transform:uppercase}.participation-game-component .contenu .content-title .scan-message span{color:#39acff}@media (max-width: 768px){.participation-game-component .contenu .content-title .scan-message{font-size:1.8rem}}.participation-game-component .contenu .qrcode-container{display:flex;align-items:center;justify-content:center;gap:2rem;transform:translate(-86px)}.participation-game-component .contenu .qrcode-container .link-qrcode{display:flex;flex-direction:column;gap:.5rem}.participation-game-component .contenu .qrcode-container .link-qrcode .link{font-weight:700;font-size:1rem;text-decoration:underline}.participation-game-component .contenu .qrcode-container .scan-icon{width:140px;animation:swing 1s ease-in-out infinite;transform-origin:center 80%;filter:drop-shadow(0 0 10px rgba(57,172,255,.6));-webkit-user-select:none;user-select:none}.participation-game-component .contenu .qrcode-container .qrcode-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:column;background:#ffffff12;border:1px solid rgba(255,255,255,.3);padding:1.5rem;border-radius:1rem;box-shadow:0 8px 20px #00000059;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn 1.2s ease-out}.participation-game-component .contenu .qrcode-container .qrcode-wrapper canvas{border-radius:8px}.participation-game-component .contenu .qrcode-container .bounce canvas{animation:bounce-up 1.4s cubic-bezier(.35,0,.25,1) both}@keyframes bounce-up{0%{transform:translateY(0)}15%{transform:translateY(-40px)}30%{transform:translateY(18px)}45%{transform:translateY(-12px)}60%{transform:translateY(6px)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}.participation-slides{height:fit-content;width:25%;position:absolute;bottom:4rem;right:4rem;z-index:3}.question-component{display:flex;flex-direction:column;align-items:center;padding:0vh 0px 0px;height:100vh;justify-content:center}.question-component .question{font-size:30px;font-weight:600;letter-spacing:2px;padding-top:6vh;text-align:center;padding:0 3rem}.question-component .logo-question{align-items:center;border:2px solid #fff;border-radius:81px;display:flex;font-size:xx-large;justify-content:center;margin-bottom:24px;padding:14px 18px;text-align:center;width:25px}.question-component .loading-bar-container{width:80%;margin-top:3vh}.question-component-contenu{margin-top:3vh;height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:center}.question-component-contenu-image{margin-top:1vh}.question-component-contenu-image img{border-radius:15px;border:2px solid rgba(255,255,255,.3);height:250px;width:auto}.question-component-contenu-image.none img{display:none}.question-component-contenu-reponses{margin-top:3vh;display:flex;justify-content:center}.ranking-component-background{height:100vh;width:100vw}.ranking-component-background .top-banner-static{position:absolute;top:0;left:0;width:100%;height:60px;background:#0d1b2a;border-bottom:2px solid #39acff;color:#39acff;font-size:1.8rem;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;text-transform:uppercase;z-index:20;transform:translateY(-100%);opacity:0}.ranking-component-background .top-banner-static img{width:50px;height:50px;border-radius:50%;margin-right:10px}.ranking-component-background .show{opacity:1;transition:opacity .8s ease,transform .8s ease;transform:translateY(0)}.ranking-component-background.active{background:url(/img/Cinema_classement_partie.png);background-size:cover;background-repeat:no-repeat;background-position:center}.ranking-component-background .ranking-component{text-align:center;margin:auto;width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:700px;overflow:hidden}.ranking-component-background .ranking-component .ranking{width:700px;border-radius:15px;padding-bottom:5px}.ranking-component-background .ranking-component .ranking .rank{animation:slideRank .2s forwards;transform:translate(750px)}.ranking-component-background .ranking-component .ranking .rank-1{animation-delay:3.6s}.ranking-component-background .ranking-component .ranking .rank-2{animation-delay:3s}.ranking-component-background .ranking-component .ranking .rank-3{animation-delay:2.4s}.ranking-component-background .ranking-component .ranking .rank-4{animation-delay:1.8s}.ranking-component-background .ranking-component .ranking .rank-5{animation-delay:1.6s}.ranking-component-background .ranking-component .ranking .rank-6{animation-delay:1.4s}.ranking-component-background .ranking-component .ranking .rank-7{animation-delay:1.2s}.ranking-component-background .ranking-component .ranking .rank-8{animation-delay:1s}.ranking-component-background .ranking-component .ranking .rank-9{animation-delay:.8s}.ranking-component-background .ranking-component .ranking .rank-10{animation-delay:.6s}.ranking-component-background .ranking-component-title{font-size:25px;margin:2vh 0vh}@keyframes slideRank{to{transform:translate(0)}}@keyframes slideRankPartie{to{transform:translate(0)}}@keyframes wiggle{0%,7%{opacity:0;transform:rotate(0)}15%{transform:rotate(-25deg)}20%{transform:rotate(20deg)}25%{transform:rotate(-20deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0);opacity:1}}.end-game{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;overflow:hidden;background:url(/img/Cinema_fond_montagne.png);background-size:cover;background-repeat:no-repeat;background-position:center}.end-game-contenu{display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;position:absolute}.end-game-contenu .top{display:flex;justify-content:center;margin:6vh 0vh 2vh}.end-game-contenu .top .first{opacity:0;margin:0vh 8vh;animation:wiggle 2s forwards;animation-delay:4s}.end-game-contenu .top .second{opacity:0;margin-top:8vh;animation:wiggle 2s forwards;animation-delay:3s}.end-game-contenu .top .third{opacity:0;margin-top:8vh;animation:wiggle 2s forwards;animation-delay:2s}@keyframes loading{0%{width:0%}to{width:100%}}.loading-bar-component{width:100%;height:20px;border-radius:20px}.loading-bar-component-line{height:20px;border-radius:20px;animation:loading forwards cubic-bezier(0,0,0,0);animation-duration:var(--timing)}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.question-card-component{position:relative;width:250px;height:250px;margin:0px 1vh;display:flex;justify-content:center}.question-card-component-content{position:relative;width:230px;height:230px;border-radius:25px;display:flex;justify-content:center;align-items:center;overflow:hidden}.question-card-component-content.question-1{background:#5db9f926;border:3px solid #5db9f9}.question-card-component-content.question-2{background:#bb006526;border:3px solid #bb0065}.question-card-component-content.question-3{background:#f5841c26;border:3px solid #f5841c}.question-card-component-content.question-4{background:#6753e426;border:3px solid #6753e4}.question-card-component-content .box-reponse-tic{height:0px}.question-card-component-content .box-reponse-tic img{display:none}.question-card-component-content .box-reponse-text{display:flex;justify-content:center;align-items:center;margin:10px;height:60%}.question-card-component-content .box-reponse-text span{font-size:25px;text-align:center}.question-card-component-letter{position:absolute;width:70px;height:70px;border-radius:100px;z-index:2;display:flex;justify-content:center;align-items:center;bottom:-5%}.question-card-component-letter span{font-size:40px;font-weight:700}.question-card-component-letter.question-1{background:#5db9f9!important}.question-card-component-letter.question-2{background:#bb0065!important}.question-card-component-letter.question-3{background:#f5841c!important}.question-card-component-letter.question-4{background:#6753e4!important}.question-card-component.active .question-card-component-content{border:none}.question-card-component.active .question-card-component-content.question-1{animation:boxShadowAppear ease-in 1s;box-shadow:0 0 20px #5db9f9}.question-card-component.active .question-card-component-content.question-1:after{background-image:conic-gradient(transparent,#29486f,transparent)}.question-card-component.active .question-card-component-content.question-1:before{background-image:conic-gradient(transparent,#a1f3ff,#39acff,transparent)}.question-card-component.active .question-card-component-content.question-1 .box-reponse{background-color:#29486f}.question-card-component.active .question-card-component-content.question-1 .box-reponse-tic{background:#5db9f9;box-shadow:0 0 20px #5db9f9}.question-card-component.active .question-card-component-content.question-2{animation:boxShadowAppearQ2 ease-in 1s;box-shadow:0 0 20px #bb0065}.question-card-component.active .question-card-component-content.question-2:after{background-image:conic-gradient(transparent,#382e5a,transparent)}.question-card-component.active .question-card-component-content.question-2:before{background-image:conic-gradient(transparent,#fbacd6,#f30483,transparent)}.question-card-component.active .question-card-component-content.question-2 .box-reponse{background-color:#382e5a}.question-card-component.active .question-card-component-content.question-2 .box-reponse-tic{background:#bb0065;box-shadow:0 0 20px #bb0065}.question-card-component.active .question-card-component-content.question-3{animation:boxShadowAppearQ3 ease-in 1s;box-shadow:0 0 20px #f5841c}.question-card-component.active .question-card-component-content.question-3:after{background-image:conic-gradient(transparent,#414250,transparent)}.question-card-component.active .question-card-component-content.question-3:before{background-image:conic-gradient(transparent,#ffdcbb,#ff8819,transparent)}.question-card-component.active .question-card-component-content.question-3 .box-reponse{background-color:#414250}.question-card-component.active .question-card-component-content.question-3 .box-reponse-tic{background:#f5841c;box-shadow:0 0 20px #f5841c}.question-card-component.active .question-card-component-content.question-4{animation:boxShadowAppearQ4 ease-in 1s;box-shadow:0 0 20px #6753e4}.question-card-component.active .question-card-component-content.question-4:after{background-image:conic-gradient(transparent,#2c396c,transparent)}.question-card-component.active .question-card-component-content.question-4:before{background-image:conic-gradient(transparent,#bbb1fd,#8b79fa,transparent)}.question-card-component.active .question-card-component-content.question-4 .box-reponse{background-color:#2c396c}.question-card-component.active .question-card-component-content.question-4 .box-reponse-tic{background:#6753e4;box-shadow:0 0 20px #6753e4}.question-card-component.active .question-card-component-content:after{animation:elementAppear ease-in 1s;content:"";position:absolute;width:1000px;height:1000px;animation:animate 5s linear infinite;animation-delay:-2s}.question-card-component.active .question-card-component-content:before{animation:elementAppear ease-in 1s;content:"";position:absolute;width:1000px;height:1000px;animation:animate 5s linear infinite}.question-card-component.active .question-card-component-content .box-reponse{top:6px;right:6px;bottom:6px;left:6px;border-radius:20px;width:220px;height:220px;z-index:1;display:flex;flex-direction:column;align-items:center}.question-card-component.active .question-card-component-content .box-reponse-tic{animation:elementAppear ease-in 1s;position:relative;width:80px;height:40px;border-radius:0 0 10px 10px!important;top:0;display:flex;justify-content:center;align-items:center}.question-card-component.active .question-card-component-content .box-reponse-tic img{display:block;height:15px}.question-card-component.active .question-card-component-letter.question-1{background:#5db9f9;box-shadow:0 0 8px #5db9f9}.question-card-component.active .question-card-component-letter.question-2{background:#bb0065;box-shadow:0 0 8px #bb0065}.question-card-component.active .question-card-component-letter.question-3{background:#f5841c;box-shadow:0 0 8px #f5841c}.question-card-component.active .question-card-component-letter.question-4{background:#6753e4;box-shadow:0 0 8px #6753e4}.question-card-component.inactive .question-card-component-content{border:none;animation:borderDesappear ease-in 1s}.question-card-component.inactive .question-card-component-content.question-1{animation:backgroundQuestion1Desappear ease-in 1s;opacity:0}.question-card-component.inactive .question-card-component-content.question-2{animation:backgroundQuestion2Desappear ease-in 1s;opacity:0}.question-card-component.inactive .question-card-component-content.question-3{animation:backgroundQuestion3Desappear ease-in 1s;opacity:0}.question-card-component.inactive .question-card-component-content.question-4{animation:backgroundQuestion4Desappear ease-in 1s;opacity:0}.question-card-component.inactive .question-card-component-content .box-reponse,.question-card-component.inactive .question-card-component-letter{animation:cardDesappear ease-in 1s;opacity:0}@keyframes cardDesappear{0%{opacity:1}to{opacity:0}}@keyframes borderDesappear{0%{border:2px solid rgba(255,255,255,.3)}to{border:0px solid rgba(255,255,255,.3)}}@keyframes cardLetterChange{0%{background:#687a95;box-shadow:0 0 8px #687a95}to{background:#5db9f9;box-shadow:0 0 8px #5db9f9}}@keyframes backgroundQuestion1Desappear{0%{background:#5db9f926;opacity:1}to{background:transparent;opacity:0}}@keyframes backgroundQuestion2Desappear{0%{background:#bb006526;opacity:1}to{background:transparent;opacity:0}}@keyframes backgroundQuestion3Desappear{0%{background:#f5841c26;opacity:1}to{background:transparent;opacity:0}}@keyframes backgroundQuestion4Desappear{0%{background:#6753e426;opacity:1}to{background:transparent;opacity:0}}@keyframes elementAppear{0%{opacity:0}to{opacity:1}}@keyframes boxShadowAppear{0%{box-shadow:0 0 20px transparent}to{box-shadow:0 0 20px #5db9f9}}@keyframes boxShadowAppearQ2{0%{box-shadow:0 0 20px transparent}to{box-shadow:0 0 20px #bb0065}}@keyframes boxShadowAppearQ3{0%{box-shadow:0 0 20px transparent}to{box-shadow:0 0 20px #f5841c}}@keyframes boxShadowAppearQ4{0%{box-shadow:0 0 20px transparent}to{box-shadow:0 0 20px #6753e4}}@keyframes twinkleGameNumber{20%{transform:scale(.5);opacity:50%}50%{transform:scale(1);opacity:100%}}.game-number{position:absolute;bottom:2vh;right:1vw;font-size:11px;display:flex;justify-content:center;align-items:center;animation:fromRight 1s forwards}.game-number .infos-game{display:flex;flex-direction:column;align-items:center;gap:.125rem;background:#ffffff12;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px #00000059;border-radius:24px;padding:.75rem 1.25rem}.game-number .infos-game .game-with-star{display:flex;margin-bottom:.25rem;align-items:center}.game-number .infos-game .game-with-star .game-label{display:flex;align-items:center;font-size:1rem;gap:3px;font-weight:600;text-transform:uppercase}.game-number .infos-game .game-with-star .game-label .number{color:#39acff}.game-number .qr-code canvas{border-radius:4px}.game-number .url{font-size:12px;font-style:italic;font-weight:600}.game-number-twinkle-star{display:flex;justify-content:center;margin-right:4px}.game-number-twinkle-star.active{animation:twinkleGameNumber infinite 2s}.game-number-twinkle-star img{height:9px}@keyframes fromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes swing{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.countdown-container{display:flex;gap:.5rem;flex-direction:column;align-items:center;justify-content:center;opacity:0;animation:fadeIn .8s forwards .5s}.countdown-container .countdown-message{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);animation:fadeIn 1s ease-out}.countdown-container .countdown{display:flex;align-items:center;font-size:10rem;font-weight:800;color:#fff;line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Arial Black,sans-serif;letter-spacing:-5px;height:12rem}@media (max-width: 768px){.countdown-container .countdown{font-size:8rem}}.countdown-container .countdown.countdown-large{font-size:12rem;text-shadow:0 0 50px rgba(57,172,255,.8);animation:pulse 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.countdown-container .countdown.countdown-large{font-size:12rem}}@keyframes animatestarsend{0%{transform:translateY(100vh) scale(0)}to{transform:translateY(-10vh) scale(1)}}.stars{position:absolute;top:0;left:0;display:flex;justify-content:space-between;height:100vh;width:100%}.stars span{position:relative;width:6px;height:6px;background:#4fc3dc;margin:0 4px;border-radius:50%;box-shadow:0 0 5px #4fc3dc44,0 0 10px #4fc3dc,0 0 15px #4fc3dc;animation:animatestarsend 15s linear infinite;animation-duration:calc(125s / var(--i))}.stars span:nth-child(2n){width:4px;height:4px;background:#30d7f1;box-shadow:0 0 5px #157685,0 0 10px #30d7f1,0 0 15px #30d7f1}.stars span:nth-child(5n){width:2px;height:2px;background:#8fe6f1;box-shadow:0 0 5px #50959e,0 0 10px #8fe6f1,0 0 15px #8fe6f1}.rank{position:relative;display:flex;padding:8px 8px 8px 55px;margin:2rem 4rem 2rem 5rem;justify-content:space-between;align-items:center;border-radius:10px}.rank.rank-1{margin:0rem;border-radius:15px 15px 0 0;padding:15px 60px 15px 70px;font-size:20px}.rank.rank-1 .profile-picture{height:70px;width:70px;left:5%}.rank.rank-1 .profile-picture img{height:70px;width:70px}.rank.rank-1 .rank-user{position:absolute;left:2%}.rank.rank-1 .name{padding-left:9%;min-height:20px}.rank.rank-2,.rank.rank-3{padding:10px 10px 10px 55px;font-size:18px;margin:2rem 2.5rem 2rem 3.5rem}.rank.rank-2 .rank-user,.rank.rank-3 .rank-user{position:absolute;left:-7%;font-weight:600;font-size:25px}.rank-user{position:absolute;left:-9%;font-weight:600;font-size:25px}.rank .profile-picture{position:absolute;height:50px;width:50px;border-radius:50px;left:-2%}.rank .profile-picture img{height:50px;width:50px}.rank .name,.rank .points{font-weight:600;min-height:18px}.others{width:35dvw;border-radius:60px;position:relative;margin-bottom:.5rem;padding:5px 20px 5px 30px;display:flex;justify-content:space-between;align-items:center}.others .group{display:flex;justify-content:space-between;align-items:center}.others .rank-others{padding-right:1rem;text-align:center;min-width:1rem}.others .profile-picture{height:5dvh;width:5dvh;border-radius:50%}.others .profile-picture img{height:5dvh}.others .pseudo{font-weight:600;min-height:19px;padding-left:1rem}.top-three{display:flex;align-items:center;justify-content:center;flex-direction:column}.top-three .container-picture{position:relative;display:flex;align-items:center;justify-content:center}.top-three .container-picture .rank-end-game{position:absolute;left:-6%;top:10%;font-size:40px;font-weight:600}.top-three .container-picture .profile-picture{border-radius:50%;display:flex;align-items:center;justify-content:center}.top-three .container-picture .profile-picture img{width:120px;height:120px}.top-three .pseudo{font-size:20px;font-weight:600}.top-three .points{font-size:18px}.first .top-three{border-radius:50%;width:150px;height:150px}.first .top-three .profile-picture img{width:150px;height:150px}.first .top-three .rank-end-game{left:-3%;top:2%;font-size:50px;font-weight:700}.slide{z-index:3;padding:4vh;background:#0c1237cc;border:1px solid rgba(255,255,255,.3);border-radius:24px;display:flex;justify-content:center;width:100%}.slide .slide-contenu{display:flex;justify-content:space-evenly;flex-direction:column;align-items:center;width:100%}.slide .slide-contenu-image{position:relative}.slide .slide-contenu-image img{width:100%}.slide .slide-contenu-image.height-limited img{height:30vh}.slide .slide-contenu-number{height:8vh;width:8vh;border-radius:50%;background-color:#fff;border:2px solid #0c1237;display:flex;justify-content:center;align-items:center}.slide .slide-contenu-number span{font-size:4vh;color:#0c1237;font-weight:600}.slide .slide-contenu-text{text-align:center;font-size:1.2rem;font-weight:600;text-transform:uppercase}.slide .slide-contenu-icon{font-size:3rem}.slide-participation{width:100%;max-width:90vw;overflow:hidden;margin:0 auto;padding:2vh 0}.slide-participation .slider-track{display:flex;gap:1rem;transition:transform .6s cubic-bezier(.4,0,.2,1);margin:0 1rem}.slide-participation .card{flex:0 0 calc(100% - 3.8rem);width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 8px 20px #00000059;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1)}.slide-participation .card img{width:40%;filter:drop-shadow(0 4px 12px rgba(57,172,255,.5));-webkit-user-select:none;user-select:none}.slide-participation .card p{margin:0;font-size:1.1rem;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.2;color:#fff}.slide-participation .slider-track .card:first-child{opacity:1;transform:scale(1)}.slide-participation .slider-track .card:first-child{opacity:1!important;transform:scale(1)!important}.wifi-infos{position:absolute;top:6vh;left:2vw;font-size:14px;text-align:start}.circular-progress{--size: 30px;--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2)}.circular-progress circle{cx:50%;cy:50%;r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round;transition:stroke-dasharray .3s linear}.circular-progress circle.bg{stroke:#fff3}.circular-progress circle.fg{stroke:#5db9f9;transform-origin:50% 50%}
