.calendar{position:relative;width:104%}.calendar__table{width:100%;height:100%;border-collapse:collapse}.calendar__table tbody th{position:sticky;left:0;z-index:1;padding:10px}.calendar__table thead th{position:sticky;top:0;z-index:2}.sticky_calendar{background-color:white;position:sticky;top:10px;z-index:9}.scrollable_calendar{position:relative;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:auto}.calendar__table .calendar__month{padding:1px;border:5px solid #1f1f1f;vertical-align:top;z-index:2}.calendar__table .calendar__othermonth{padding:1px;border:5px solid #ebebeb;vertical-align:top}.calendar__table--6weeks td{height:18.67%}.calendar__weekday{font-weight:bold;color:#ff1010;font-size:1.2em}.calendar__day{font-size:1.3em;text-decoration:none;color:black}.calendar__othermonth .calendar__day{opacity:.3}.calendar__table-- tr .calendar__othermonth:nth-child(2n){background-color:#bb8d8d82;margin:3px}.calendar_input{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.visibilityNone{visibility:hidden}.calendar__button{display:block;width:50px;height:50px;text-align:center;color:white;font-size:44px;background-color:#007bff;border-radius:50%;box-shadow:0 6px 10px 0 #0001a,0 1px 18px 0 #0001a,0 3px 5px -1px #0003;right:30px;text-decoration:none;transition:.3s}.calendar__button:hover{text-decoration:none;color:white;transform:scale(1.2)}table{border-collapse:collapse}.proposition_table{width:100%}.proposition_table td{text-align:center}:not(html) #calendar{border-collapse:collapse;margin:0 auto}#calendar th{background-color:#f2f2f2;text-align:center;font-size:10px;border:1px solid #ddd}#calendar td{position:relative;height:20px;border:1px solid black;padding:5px}#calendar td:hover{background-color:#f5f5f5;cursor:pointer}#calendar td:not(:first-child):before{position:relative;width:100%;background-color:#ddd}#calendar td .event{background-color:#f1c40f;color:#fff;border-radius:4px;position:absolute;font-size:8px;z-index:2;top:0;left:0}#calendar td .event-title{font-weight:bold}#calendar td .event-time{font-size:8px;font-style:italic}#calendar form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ddd;padding:16px;box-shadow:2px 2px 4px rgba(0,0,0,0.3);z-index:1}#calendar label{display:block;margin-bottom:8px;font-weight:bold}#calendar input[type="text"],#calendar input[type="datetime-local"],#calendar input[type="submit"]{display:block;width:100%;margin-bottom:8px;padding:4px;border:1px solid #ddd;font-size:14px}#calendar input[type="submit"]{background-color:#4caf50;color:#fff;border:none;cursor:pointer}.today{background-color:#e0e0e0}.current-time-bar{position:absolute;width:100%;height:2px;background-color:red;z-index:2}.event-dragging{z-index:999}.emty_calandar{position:relative;text-align:center;border-color:#888;border-top:1px solid black;border-bottom:1px solid black}.emty_calandar:hover{background-color:#4caf50}.tdUser{border:none;border-radius:5px}.tdUser:hover{border-radius:5px;border-style:solid;border-width:2px}.event{position:relative;z-index:1;cursor:pointer}.proposition{position:relative}.propostion__button{display:block;width:50px;height:50px;text-align:center;color:white;font-size:47px;background-color:#007bff;border-radius:50%;box-shadow:0 6px 10px 0 #0001a,0 1px 18px 0 #0001a,0 3px 5px -1px #0003;bottom:30px;right:30px;text-decoration:none;transition:.3s}.propostion__button:hover{text-decoration:none;color:white;transform:scale(1.2)}.weekend{background-color:#b4b0b0}.holiday{background-color:#fdd}.previous-month{background-color:#ddf}.next-month{background-color:#ddf}.calendar__table td{padding:1px;border:5px solid #1f1f1f;vertical-align:top;border-bottom-width:1px;border-top-width:1px}.thOrganisation{padding:1px;border:5px solid #1f1f1f;vertical-align:top;border-bottom-width:0}.formExamen legend{background-color:white;border-radius:10px;padding:10px;text-decoration:underline}.calendar__table table{border-collapse:collapse;width:100%}.calendar__table td th{border:1px solid #ddd;text-align:center;padding:8px}.number_examen,#fieldL1RaOd,#fieldL1RaSerreOd,#fieldL1DiaOd,#fieldL1AddCoOd,#fieldL1RaOg,#fieldL1RaSerreOg,#fieldL1DiaOg,#fieldL1AddCoOg,#fieldL1SOd,#fieldL1COd,#fieldL1AOd,#fieldL1AddOd,#fieldL1AvVlOd,#fieldL1AvVlOdg,#fieldL1AvVPOdg,#fieldL1SOg,#fieldL1COg,#fieldL1AOg,#fieldL1AddOg,#fieldL1AvVlOg,#fieldL1RaOd,#fieldL1RaSerreOd,#fieldL1DiaOd,#fieldL1AddCoOd,#fieldL1RaOg,#fieldL1RaSerreOg,#fieldL1DiaOg,#fieldL1AddCoOg,#fieldL1AvVlOg,#fieldL1AddOg,#fieldL1AOg,#fieldL1COg,#fieldL1SOg,#fieldL1AvVPOdg,#fieldL1AvVlOdg,#fieldL1AvVlOd,#fieldL1AddOd,#fieldL1AOd,#fieldL1COd,#fieldL1SOd,#fieldLSurRefAvVlOg,#fieldLSurRefAddOg,#fieldLSurRefAOg,#fieldLSurRefCOg,#fieldLSurRefSOg,#fieldLSurRefAvVPOdg,#fieldLSurRefAvVlOdg,#fieldLSurRefAvVlOd,#fieldLSurRefAddOd,#fieldLSurRefAOd,#fieldLSurRefCOd,#fieldLSurRefSOd,#fieldC3BOg,#fieldC3POg,#fieldC3BOd,#fieldC3POd,#fieldC3AvVlOg,#fieldC3AvVPOdg,#fieldC3AvVlOdg,#fieldC3AvVlOd,#fieldC3AddOg,#fieldC3AOg,#fieldC3COg,#fieldC3SOg,#fieldC3AddOd,#fieldC3AOd,#fieldC3COd,#fieldC3SOd,#fieldC1BOg,#fieldC1POg,#fieldC1BOd,#fieldC1POd,#fieldC1AvVlOg,#fieldC1AvVPOdg,#fieldC1AvVlOdg,#fieldC1AvVlOd,#fieldC1AddOg,#fieldC1AOg,#fieldC1COg,#fieldC1SOg,#fieldC1AddOd,#fieldC1AOd,#fieldC1COd,#fieldC1SOd,#fieldAutoRefAog,#fieldAutoRefCog,#fieldAutoRefSog,#fieldBrouillardOg,#fieldAutoRefAod,#fieldAutoRefCod,#fieldAutoRefSod,#fieldBrouillardOd{max-width:80px;margin:2px}.image-examen{border:none;-webkit-border-radius:75px;border-radius:5px;transition:transform .1s}.image-examen:hover{width:304px;height:400px;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}.item{background-color:#fff;box-shadow:0 15px 35px #0001a,0 5px 15px #2121214d;transition:transform .7s;transform:translate3d(0,-1px,0);margin:5px;padding:5px}.item:hover{transform:translate3d(0,-10px,0)}.item img{display:block;height:10%}.item img:active{display:block;height:auto;width:120%}.item__image:active{width:120%}.item__body{padding:25px}.item__title{margin-bottom:5px;font-weight:bold;color:#232323}.item__description{color:#585858}.items{position:relative}.carousel{position:relative;width:100%}.carouselDiv{width:100%;overflow-x:hidden}.carousel__container{transition:transform .3s;transform:translate3d(0,0,0)}.carousel__container::after{content:'';clear:both;display:table}.carousel__item{float:left}.carousel__next,.carousel__prev{position:absolute;width:50px;height:50px;background:#B1B1B161 url(/image/svg/right.svg) center center no-repeat;background-size:20px 20px;border-radius:50%;top:90%;margin-top:20px;right:10px;box-shadow:0 15px 35px #3232321a,0 5px 15px #0001a;cursor:pointer;transition:transform .3s,opacity .3s;opacity:.5}.carousel__next:hover,.carousel__prev:hover{transform:scale(1.2)}.carousel__prev{background-image:url(/image/svg/left.svg);right:auto;left:10px}.carousel__next--hidden,.carousel__prev--hidden{opacity:0}.carousel__pagination{position:absolute;bottom:0;left:0;right:0;text-align:center;display:none}.carousel__pagination__button{background-color:#fff;width:10px;height:10px;border-radius:50%;display:inline-block;margin:0 3px;box-shadow:0 2px 5px #3232321a;transition:transform .3s;cursor:pointer}.carousel__pagination__button--active,.carousel__pagination__button:hover{transform:scale(1.4)}@media screen and (min-width:800px){.carousel__pagination{display:block}}.keyboard_key{display:inline-block;min-width:10px;height:18px;padding:0 4px;font-size:11px;line-height:18px;color:#555;text-align:center;background-color:#EEE;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,whiteSmoke 0,#EEE 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,whiteSmoke),color-stop(100%,#EEE));background-image:-webkit-linear-gradient(top,whiteSmoke 0,#EEE 100%);background-image:-ms-linear-gradient(top,whiteSmoke 0,#EEE 100%);background-image:-o-linear-gradient(top,whiteSmoke 0,#EEE 100%);background-image:linear-gradient(top,whiteSmoke 0,#EEE 100%);border:1px solid #CCC;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 white,0 1px 0 #CCC;box-shadow:inset 0 1px 0 white,0 1px 0 #CCC;margin-right:5px}.select-id-ophtal{position:relative;display:inline-block}.selected-id-ophtal{display:inline-block;padding:5px 10px;border:1px solid #ccc;cursor:pointer}.options-id-ophtal{position:absolute;top:100%;left:0;z-index:1;display:none;width:100%;background-color:#fff;border:1px solid #ccc;border-top:none;max-height:150px;overflow-y:auto}.show-options-id-ophtal .options-id-ophtal{display:block}.list-id-ophtal{margin:0;padding:0;list-style:none}.item-id-ophtal{padding:5px 10px;cursor:pointer}.item-id-ophtal:hover{background-color:#f2f2f2}.search-id-ophtal{display:block;width:100%;padding:5px 10px;border:none;border-bottom:1px solid #ccc;box-sizing:border-box}.list-id-ophtal li.hide-id-ophtal{display:none}.container-reglement .btn-reglement{margin-left:4px;margin-top:4px}#panier td{padding-right:10px}.note-list{list-style:none;padding:0}.note-list-item{margin-bottom:10px}.note-date{font-weight:bold}.note-link{text-decoration:none;color:#000}.note-link:hover{text-decoration:underline}.note-content{margin-top:5px}.date-limit{font-weight:bold}.date-limit-red{color:red}.date-limit-green{color:green}.examenCorrection{max-width:2cm}.blur-strong{clip-path:polygon(45% 50%,45% 100%,0% 100%,0% 50%,100% 50%,100% 100%,55% 100%,60% 50%,45% 50%)}.blur-Essentiel{clip-path:polygon(42% 50%,45% 100%,0% 100%,0% 50%,100% 50%,100% 100%,55% 100%,60% 50%,45% 50%)}.blur-tranquillite{clip-path:polygon(41% 50%,45% 100%,0% 100%,0% 50%,100% 50%,100% 100%,58% 100%,60% 50%,42% 50%)}.blur-moyen{clip-path:polygon(40% 50%,40% 100%,0% 100%,0% 50%,100% 50%,100% 100%,59% 100%,60% 50%,40% 50%)}.blur-serenite{clip-path:polygon(37% 50%,40% 100%,0% 100%,0% 50%,100% 50%,100% 100%,60% 100%,66% 50%,40% 50%)}.blur-light{clip-path:polygon(37% 50%,39% 100%,0% 100%,0% 50%,100% 50%,100% 100%,61% 100%,65% 50%,35% 50%)}.blur-excellence{clip-path:polygon(37% 50%,36% 100%,0% 100%,0% 50%,100% 50%,100% 100%,65% 100%,67% 50%,35% 50%)}.blur-excellence{clip-path:polygon(37% 50%,36% 100%,0% 100%,0% 50%,100% 50%,100% 100%,65% 100%,67% 50%,35% 50%)}.buttons{text-align:center;margin-top:20px}.inputExamen{width:80px}.col-examen{max-width:450px}#videoContainer{position:relative}#cropCanvas{position:absolute;top:0;left:0}.cropPoints{position:absolute;background-color:red;width:10px;height:10px;border-radius:50%}.maskVerreVl{position:absolute;top:0;left:0;width:100%;height:98%;background-image:url('/image/verres/verreProg.png');background-size:100% 100%;transition:filter .5s ease-out;clip-path:polygon(100% 0,100% 91%,64% 96.15%,61.60% 73.23%,56.4% 70.69%,46.2% 70.97%,40.6% 74.23%,37.6% 96.62%,0px 88%,0px 0)}#maskVerreColor{position:absolute;top:0;left:0;width:100%;height:98%;pointer-events:none;mix-blend-mode:multiply;border-radius:50%;transition:background 2s ease,opacity 2s ease}.maskVerreVp{position:absolute;top:0;left:0;width:100%;height:98%;background-image:url('/image/verres/verreProg.png');background-size:100% 100%;transition:filter .5s ease-out;clip-path:circle(30% at 52% 100%)}.maskVerreProg{position:absolute;top:0;left:0;width:100%;height:98%;background-image:url('/image/verres/verreProg.png');background-size:100% 100%;transition:filter .5s ease-out}.maskVerreMyopie{position:absolute;top:0;left:0;width:100%;height:98%;background-image:url('/image/verres/verreProg.png');background-size:100% 100%;clip-path:circle(35% at 50% 50%);transition:filter .5s ease-out}.image-container{position:relative;display:block;width:50%;margin:auto}.imageVerre{width:100%}#left-button-E{left:5%;position:absolute;transform:translateY(-50%) rotate(180deg)}.rougeE{background-color:#600}.vertE{background-color:#040}#right-button-E{right:5%;position:absolute;transform:translateY(-50%)}#up-button-E{position:absolute;top:10%;transform:translateX(-50%) rotate(270deg)}#down-button-E{bottom:10%;position:absolute;transform:translateX(-50%) rotate(90deg)}.btn-av span{font-size:100px}.btn-av span:nth-child(2){font-size:60px}.btn-av span:nth-child(3){font-size:40px}.btn-av span:nth-child(4){font-size:20px}.btn-av span:nth-child(5){font-size:10px}.horizon-E{top:50%}.vertical-E{left:50%}.divE{height:25cm;width:25cm;background-color:black;display:flex;justify-content:center;align-items:center;position:relative}.white-E{background-color:white;align-items:center;height:8cm;width:8cm;position:absolute}.e{position:absolute;top:0;bottom:0}.canvas{display:none;margin:10px;border-radius:10px}.barreRouge{content:"";position:absolute;bottom:50%;left:0;width:100%;height:2px;background-color:#d11212;z-index:9999}#countdown{position:fixed;top:5%;right:46.5%;text-align:center;font-size:30px;font-weight:bold;z-index:1000;width:100px;height:100px;background-color:red;border-radius:50%;color:white;display:flex;justify-content:center;align-items:center;line-height:1;visibility:hidden;z-index:9999}.cible{width:200px;height:200px;background-color:transparent;position:relative;border:1px solid red;border-radius:50%;z-index:99999}.cible.D::before,.cible.D::after{content:"";position:absolute;background-color:green}.cible.G::before,.cible.G::after{content:"";position:absolute;background-color:red}.cible::before{width:1px;height:100px;left:50%;top:calc(50% - 50px);transform:translateX(-50%)}.cible::after{width:100px;height:1px;left:calc(50% - 50px);top:50%;transform:translateY(-50%)}.point{width:20px;height:20px;position:absolute;display:none}.horrizon{width:100px;height:2px}.vertical{width:2px;height:200px}#distance,#distanceG,#distanceHD,#distanceHG{margin-top:20px}.carre{width:10%;background-color:rgba(128,128,128,0.1);border-radius:100%;z-index:99999}.carre:hover{background-color:rgba(128,128,128,0.9)}.ND::before,.ND::after{content:"";position:absolute;background-color:green}.ND::before{width:1px;height:200%;left:100%;top:-198%}.ND::after{width:200%;height:1px;left:-100%;top:0}.NG::before,.NG::after{content:"";position:absolute;background-color:red}.NG::before{width:1px;height:200%;left:0;top:-200%}.NG::after{width:200%;height:1px;left:0;top:0}.BD::before,.BD::after{content:"";position:absolute;background-color:blue}.BD::before{width:1px;height:300%;left:100%;top:00%}.BD::after{width:300%;height:1px;left:100%;top:00%}.BG::before,.BG::after{content:"";position:absolute;background-color:blue}.BG::before{width:1px;height:300%;left:0;top:00%}.BG::after{width:300%;height:1px;left:-300%;top:00%}.barre{width:2px;height:100vh;background-color:#000;position:fixed;right:50%;z-index:999}.dessus{z-index:99998}.tailleImage{position:relative;width:auto;max-width:100vh;left:14%}.capturedImage{border-radius:10px;clip-path:circle(35% at center);width:130%;max-width:130vh;object-fit:cover}.cibleOiel{display:flex;top:30px;position:absolute;right:30px;z-index:999999}#btnPrendrePDM{}.px360{min-width:360px}.px344MinWidth{min-width:344px}.image-carte-vitale{width:5.4cm;height:10%;overflow:hidden}.image-carte-vitale img{clip-path:inset(0 0 90% 0)}.testAVPresentation{list-style-type:none;text-align:center}.testAVvP1{font-size:15.5px;line-height:15.5px}.testAVvP2{font-size:12.4px;line-height:12.4px}.testAVvP3{font-size:9.81667px;line-height:9.81667px}.testAVvP4{font-size:7.75px;line-height:7.75px}.testAVvP5{font-size:6.2px;line-height:6.2px}.minuteur{font-size:xx-large}.sortablelist{list-style:none;padding:0;width:300px;margin-bottom:20px}.sortablelist li{margin:10px 0;padding:10px;border:1px solid #ccc;background:#f9f9f9;cursor:grab}.sortablelist li:active{cursor:grabbing}.sortablelist li.dragging{background:#e0e0e0;opacity:.8}#word-container{position:relative;height:60vh;background-color:rgba(39,39,39);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}#word-container h1{font-size:2em;margin:10px;display:block;color:black;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff;z-index:100;padding:10px;background:radial-gradient(circle,rgba(39,39,39,0.10) 10%,rgba(39,39,39) 10%)}#word-container p{font-size:1.2em;display:block;color:white;margin:10px;z-index:100;padding:10px}#word-container p:hover{font-size:1.2em;color:white;margin:10px;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff;z-index:100;background:radial-gradient(circle,rgba(0,0,0,0) 100%,black 100%)}.word{display:flex;flex-direction:column;gap:1rem;position:absolute;font-size:20px;font-weight:bold;color:white;opacity:0;transition:transform .3s ease,opacity .5s ease,left .5s ease,top .5s ease;text-decoration:none;z-index:1;max-width:80%;margin:auto;text-align:center;word-wrap:break-word;white-space:normal}.word:hover{transform:scale(1.2);color:black;margin:0;text-shadow:0 0 5px #ff00e6,0 0 10px #ff00e6,0 0 20px #ff00e6,0 0 40px #0ff}.void{width:100%;max-width:1024px;margin:auto;position:relative;aspect-ratio:1 / 1;--rotate-speed:40;--count:8;--easeInOutSine:cubic-bezier(0.37,0,0.63,1);--easing:cubic-bezier(0.000,0.37,1.000,0.63)}.void ul:hover *{animation-play-state:paused}.void ul{list-style-type:none;margin:0;padding:0;position:relative;width:100%;aspect-ratio:1 / 1;outline:2px dotted magenta;z-index:1}.void li{position:absolute;top:50%;transform:translateY(-50%);width:100%;animation:rotateCW calc(var(--rotate-speed) * 1s) var(--easing) infinite}.void .card{width:27%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#FFF;box-shadow:0 4px 12px rgba(0,0,0,0.1),0px 16px 32px rgba(0,0,0,0.1);border-radius:12px;font-family:'Inter',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#535062;animation:rotateCCW calc(var(--rotate-speed) * 1s) var(--easing) infinite}.void a{text-decoration:none;color:unset}.void .model-name{font-weight:500;line-height:150%;display:block}.void svg{position:absolute;top:0;left:0;z-index:0}@keyframes rotateCW{from{transform:translate3d(0px,-50%,-1px) rotate(-45deg)}to{transform:translate3d(0px,-50%,0px) rotate(-315deg)}}@keyframes rotateCCW{from{transform:rotate(45deg)}to{transform:rotate(315deg)}}@keyframes pulseGlow{from{background-size:60%}to{background-size:100%}}.void .center-circle{position:absolute;width:20%;aspect-ratio:1 / 1;left:50%;top:50%;transform:translate(-50%,-50%);background:#FFF;box-shadow:0 18px 36px -18px rgba(12,5,46,0.3),0px 30px 60px -12px rgba(12,5,46,0.25);border-radius:50%}.void .void .second-circle{position:absolute;width:30%;aspect-ratio:1 / 1;left:50%;top:50%;transform:translate(-50%,-50%);background:#F5F4FE;opacity:.5;box-shadow:0 18px 36px -18px rgba(12,5,46,0.3),0px 30px 60px -12px rgba(12,5,46,0.25);border-radius:50%}.void .last-circle{position:absolute;width:40%;aspect-ratio:1 / 1;left:50%;top:50%;transform:translate(-50%,-50%);background:#F5F4FE;opacity:.25;box-shadow:0 18px 36px -18px rgba(12,5,46,0.3),0px 30px 60px -12px rgba(12,5,46,0.25);border-radius:50%}.void .crop{mask-image:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1));-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1))}.void .mask{animation:pulseGlow 5s linear infinite alternate;background-position:100% 50%;background-repeat:no-repeat;background-image:radial-gradient(100% 50% at 100% 50%,rgba(60,26,229,0.25) 0,rgba(60,26,229,0.247904) 11.79%,rgba(59,26,229,0.241896) 21.38%,rgba(58,26,229,0.2324) 29.12%,rgba(57,26,229,0.219837) 35.34%,rgba(55,26,229,0.20463) 40.37%,rgba(53,26,229,0.1872) 44.56%,rgba(51,26,229,0.16797) 48.24%,rgba(48,26,229,0.147363) 51.76%,rgba(46,26,229,0.1258) 55.44%,rgba(44,26,229,0.103704) 59.63%,rgba(41,26,229,0.0814963) 64.66%,rgba(39,26,229,0.0596) 70.88%,rgba(36,26,229,0.038437) 78.62%,rgba(34,26,229,0.0184296) 88.21%,rgba(32,26,229,0) 100%)}.void .mask{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:24px;font-weight:bold;color:white;background:rgba(0,0,0,0.5);padding:10px 20px;border-radius:8px;transition:opacity .3s ease-in-out;z-index:3}.void .mask .maskTitre{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.void .mask::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:white;opacity:0;transition:opacity .5s ease-in-out}.void .mask.active::after{opacity:1}.custom-selectFace{position:relative;width:300px;border:1px solid #ccc;border-radius:6px;background:white;padding:10px;cursor:pointer}.custom-selectFace .selected{font-weight:bold}.dropdown{display:none;position:absolute;top:100%;left:0;background:white;width:100%;border:1px solid #ccc;z-index:1000}.custom-selectFace.open .dropdown{display:block}.dropdown div{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer}.dropdown div:hover{background-color:#f0f0f0}.custom-selectFace img{width:50px;height:auto}.answers{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;justify-content:center}.answer{cursor:pointer;text-align:center}.answer img{width:100px;height:auto;border-radius:5px}.back-btn{margin-top:15px;display:block;background:#ccc;padding:5px 10px;border:none;border-radius:4px}#verre-svg{width:150px;height:250px;margin:20px auto;display:block}.color-options{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:600px;margin:auto}.color-option{cursor:pointer;border:2px solid transparent;padding:5px;width:100px;border-radius:8px;transition:border-color .3s ease}.color-option img{max-width:100%;height:70px;border-radius:5px;object-fit:cover}.color-option.selected{border-color:#007bff;box-shadow:0 0 10px #007bff}.color-option p{margin:6px 0 0 0;font-weight:bold}