@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--background: #FFFFFF}body{font-family:Poppins,sans-serif;background-color:var(--background)}button{text-decoration:none}.margin-vertical{margin-top:1rem;margin-bottom:1rem}.CardDle{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50px;width:270px;height:270px;box-shadow:0 0 10px #00000040;background-color:#fff;position:relative}.CardDle p{position:absolute;top:231.5px;font-size:16px!important;font-weight:500!important;font-family:Poppins,sans-serif!important}.dle-container{overflow-x:auto}.dle-container h1{font-family:Poppins,sans-serif;font-weight:700;font-size:48px}.dle-header{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.dle-title{display:flex;align-items:center;justify-content:center;gap:20px}.dle-title .IconButton{position:absolute;left:20px}.dle-button-invite{position:absolute;right:20px}.dle-title img{width:66px;height:66px}.dle-input{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%}td.centered-cell{text-align:center;vertical-align:middle}td.centered-cell img{display:block;margin:0 auto;max-width:80px;max-height:80px}.dle-container table{border-collapse:separate;border-spacing:10px;margin:0 40px}.dle-container th{background-color:var(--maincolor)}.dle-container td{background-color:#fff}.dle-container table tbody td:first-child{border:2px solid var(--maincolor)}.dle-container th,.dle-container td{text-align:center;border-radius:10px;width:211px;height:56px;font-size:16px;font-weight:400}@media (max-width: 800px){.dle-container table{min-width:600px;border-spacing:3px;margin:0 10px}.dle-container th,.dle-container td{width:140px;height:35px;font-size:12px}.dle-container td img{max-width:40px;max-height:40px}.dle-container h1{font-size:36px}.dle-title img{width:40px;height:40px}}.suggestions-list{list-style-type:none;padding:0;margin:0;position:absolute;width:430px;max-height:180px;overflow-y:auto;z-index:1000;background-color:#fff;border:2px solid var(--maincolor);border-radius:5px;text-align:center;top:50px}.suggestions-list li{padding:10px;cursor:pointer}.suggestions-list li:hover{background-color:var(--maincolor);color:#2a75bb}.dle-container table .correct{background-color:#47f367}.dle-container table .incorrect{background-color:#ff3939}.dle-container table .semi-correct{background-color:#f3db45}.IconButton{display:flex;align-items:center;width:75px;height:75px;border:2px solid #DEDEDE;background-color:var(--background);text-align:center;justify-content:center;cursor:pointer;transition:all .3s}.IconButton img{width:40px}.IconButton.disabled{cursor:not-allowed;background-color:#dfdede}.IconButton:hover{background-color:#dedede}.IconButton.small{width:25px;height:25px;border:1px solid #DEDEDE}.IconButton.small img{width:15px;height:15px}.IconButton.borderless{border:none!important;background-color:transparent!important;scale:.8!important}.IconButton.borderless:hover{background-color:transparent!important;transition:transform .5s;transform:rotate(90deg)}.round{border-radius:50%}.square{border-radius:5px}.Input{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}.Input input{display:flex;flex-direction:row;justify-content:center;align-items:center;border:2px solid #E2E2E2;border-radius:5px;font-family:Poppins,sans-serif;width:100%;height:100%}.Input.small{width:120px;height:10px;font-size:12px}.Input.small input{padding:5px}.Input.large{width:283px;height:20px;font-size:14px}.Input.large input{padding:10px}.error{color:red;font-size:.8em;margin-top:.5em;font-weight:400}.Input:focus{outline:solid 2px var(--maincolor)}.Button{font-family:Poppins,sans-serif;font-size:12px;border:2px solid #DADADA;background-color:#fff;border-radius:5px;height:44px;width:120px;padding:0 16px;cursor:pointer;color:#000}.Button.borderless{border:none}.Button.small{width:80px;height:20px;font-size:10px;padding:0 8px}.Button.borderless:hover{background-color:#fff;color:#8c8c8c}@media (max-width: 768px){.Button{width:100px;padding:0 8px}}.Button:hover{background-color:#dadada}.Victory{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.Victory p{margin:0}.Victory .victory-content{width:517px;height:440px;background-color:#fff;border-radius:10px;border:2px solid var(--maincolor);padding:10px 50px}.Victory .victory-header{display:flex;flex-direction:row;text-align:center;justify-content:center;margin-top:8px}.Victory .victory-header img{position:relative;left:200px}.Victory .victory-header img:hover{transform:rotate(90deg);transition:transform .3s;cursor:pointer}.Victory .victory-header h1{font-size:28px;font-weight:700;margin:0}.Victory .victory-header button{border:none;outline:none;background:none}.Victory .victory-header button:hover{cursor:pointer}.Victory .victory-header h3{font-size:20px;font-weight:700}.Victory .victory-content{display:flex;flex-direction:column}.Victory .victory-content h2{font-size:22px;font-weight:700;margin:-20px 0 0}.Victory .victory-body{display:flex;flex-direction:row;gap:50px;margin-top:20px;margin-left:20px;margin-bottom:50px}.Victory .victory-body img{scale:1.4;border-radius:5px;border:2px solid var(--maincolor);height:auto;max-width:80px}.Victory .victory-body p{color:var(--maincolor);font-size:18px;font-weight:700;margin:20px 0 0}.Victory .victory-content .column-right{display:flex;flex-direction:column}.Victory .back-accueil{background-color:var(--maincolor);display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:10px;margin:30px 80px 50px;padding:5px 10px;border:none;gap:20px}.Victory .back-accueil:hover{cursor:pointer;transition:transform .5s;transform:scale(.95)}.Victory .back-accueil p{font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.Victory .back-accueil img{scale:.8}.Alert{position:fixed;top:20px;right:20px;border-radius:10px;padding:20px;font-size:14px;font-weight:400;display:flex;gap:10px;align-items:center;justify-content:center}.Alert.error{background-color:#fdeded}.Alert.info{background-color:#e5f6fd}.Alert.success{background-color:#edf7ed}.Alert.warning{background-color:#fff4e5}.Alert img{width:20px;height:auto}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--maincolor)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch.small{width:40px;height:20px}.switch.small .slider{height:20px}.switch.small .slider:before{height:14px;width:14px;left:3px;bottom:3px}.switch.small input:checked+.slider:before{transform:translate(20px)}.ToogleSwitch{display:flex;flex-direction:row;font-size:14px;font-weight:400;gap:10px}.ToogleSwitch p{margin:0!important}.InviteToDle{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.InviteToDle .content{position:relative;padding:2rem;background:#fff;border-radius:8px;width:100%;max-width:450px;box-shadow:0 4px 10px #0003}.InviteToDle .content h3{text-align:center;margin-bottom:1.5rem}.InviteToDle .content .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer}.InviteToDle .content .close-btn:hover{color:#000}.InviteToDle .content .input-row{display:flex;gap:.5rem;margin-bottom:1rem}.InviteToDle .content .input-row input{flex:1}.InviteToDle .content .email-list.already-invited{background-color:#e8f0fe}.InviteToDle .content .email-list li{background:#f5f5f5;padding:.5rem .75rem;margin-bottom:.5rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.InviteToDle .content .footer{display:flex;justify-content:center;margin-top:1rem}.InviteToDle .content .error{color:#c00;text-align:center;margin-top:.5rem}.InviteToDle .content .success{color:green;text-align:center;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.HubDlePage{display:flex;flex-direction:column;margin:35px 50px}.HubDlePage h1{font-size:48px;font-weight:700;margin:0}.HubDlePage p{font-size:20px;font-weight:500;margin:0}.HubDlePage .headers{display:flex;flex-direction:row;justify-content:space-between}.HubDlePage .cardbutton{border:none;outline:none;background:none;cursor:pointer}.HubDlePage .card-container{position:relative}.HubDlePage .card-container .IconButton{position:absolute;top:-10px;left:260px;z-index:10;transition:all .3s ease}.HubDlePage button .CardDle{transition:all .5s}.HubDlePage button:hover .CardDle{background-color:var(--hover-color, #ddd)}.cardList{display:flex;flex-direction:row;gap:40px;margin-top:40px}@media (max-width: 1200px){.HubDlePage{margin:20px 30px}.HubDlePage h1{font-size:36px}.HubDlePage p{font-size:18px}.cardList{gap:30px}}@media (max-width: 768px){.HubDlePage{margin:15px 20px}.HubDlePage h1{font-size:28px}.HubDlePage p{font-size:16px}.cardList{flex-direction:column;align-items:center;gap:20px}}@media (max-width: 480px){.HubDlePage{margin:10px 15px}.HubDlePage h1{font-size:24px}.HubDlePage p{font-size:14px}.cardList{gap:15px}}.GeneratorDle{margin:35px 50px;font-family:Poppins,sans-serif;font-weight:700}.GeneratorDle h1{font-size:48px;margin:0}.GeneratorDle h2{font-size:20px;margin:20px 0}.GeneratorDle h3{font-size:14px;font-weight:400;margin:20px 0 0}.GeneratorDle .headers{position:relative;display:flex;flex-direction:row;gap:40px}.GeneratorDle .headers .IconButton{position:relative;top:-10px;left:0;z-index:10;transition:all .3s ease}.GeneratorDle .personalisation{display:flex;flex-direction:row;gap:60px}.GeneratorDle .personalisation .main-info{display:flex;flex-direction:column;gap:5px}.GeneratorDle .table-container-colonne{width:50%}.GeneratorDle .data{display:flex;flex-direction:column;gap:40px}.GeneratorDle .data .table-container-data{width:50%}.GeneratorDle table{font-family:Poppins,sans-serif;border-collapse:collapse;text-align:center;width:100%;border:2px solid #E0E0E0}.GeneratorDle table th,.GeneratorDle table td{font-weight:400;padding:8px 0}.GeneratorDle table thead{background-color:#f5f5f5}.GeneratorDle table thead th{font-size:14px;font-weight:400}.GeneratorDle table tbody{border:2px solid #E0E0E0}.GeneratorDle table tbody td{font-size:12px;font-weight:500;padding:5px 10px;text-align:center}.GeneratorDle table tbody td .imgObject{width:40px;height:auto}.GeneratorDle table tbody .Input{margin:0 auto}.GeneratorDle .actions{margin-top:80px;display:flex;flex-direction:row;justify-content:end;gap:20px}@media (max-width: 800px){.GeneratorDle h1{font-size:36px}.GeneratorDle .personalisation{flex-direction:column;gap:20px}.GeneratorDle .data .table-container-data,.GeneratorDle .table-container-colonne{width:100%}.GeneratorDle table th,.GeneratorDle table td{font-size:12px;padding:5px}}.rcp-root{--rcp-background-color: #121212;--rcp-field-input-color: #ffffff;--rcp-field-input-border-color: #242424;--rcp-field-label-color: #808080}.rcp{display:flex;flex-direction:column;background-color:var(--rcp-background-color);border-radius:10px}.rcp-body{display:flex;flex-direction:column;gap:20px;padding:20px 10px}.rcp-section{display:flex;flex-direction:column;gap:10px}.rcp-interactive{width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.rcp-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{cursor:all-scroll;width:100%;position:relative;background-image:linear-gradient(to bottom,transparent,black),linear-gradient(to right,white,transparent);border-radius:10px 10px 0 0}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-10px)}.rcp-hue{cursor:ew-resize;position:relative;width:100%;height:12px;background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-alpha{cursor:ew-resize;position:relative;width:100%;height:12px;border-radius:10px}.rcp-alpha-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{width:100%;font-family:inherit;font-size:14px;text-align:center;color:var(--rcp-field-input-color);background-color:transparent;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;outline:none;padding:5px 0}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{font-size:14px;text-align:center;color:var(--rcp-field-label-color)}.ColorPick{display:flex;flex-direction:row;gap:20px;position:relative}.color-palette{width:40px;height:40px;border-radius:5px;border:2px solid #D9D9D9}.color-palette:hover{cursor:pointer}.colorPicker{position:absolute;left:50px}.Select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #E2E2E2;padding:5px 10px;width:150px;font-size:11px;font-weight:400;border-radius:5px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="black"><path d="M5.516 7.548l4.484 4.485 4.484-4.485a1 1 0 111.416 1.415l-5.2 5.2a1 1 0 01-1.416 0l-5.2-5.2a1 1 0 011.416-1.415z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.Select:hover{cursor:pointer}.Select:focus{outline:none}.Select option{padding:10px;background:#fff;color:#333}.Select:-moz-focusring{color:transparent;text-shadow:0 0 0 #333}.InputImage{width:158px;height:158px;border-radius:3px;border:3px dashed black;display:flex;justify-content:center;align-items:center}.InputImage:hover{cursor:pointer}.InputImage.border-none{border:none}.InputImage.small{width:40px;height:40px;border:2px dashed black}.InputImage.small img{width:20px;height:20px}.InputImage img{width:55px;height:55px}.InputImage .PreviewImage{width:100%;height:100%}.InputImage .popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.InputImage .popup-content{background:#fff;padding:20px;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1000}.InputImage .mode-switch{display:flex;flex-direction:column;gap:20px}.Footer{position:fixed;bottom:0;left:0;width:100%;background-color:#f5f5f5;padding:10px;text-align:center;color:#333}.Footer p{font-size:12px}.Footer .footer-content{display:flex;flex-direction:column;align-items:center}.Footer .footer-content .footer-links{margin-top:8px;font-size:10px}.Footer .footer-content .footer-links a{color:#a3a3a3;text-decoration:none;margin:0 5px}.Footer .footer-content .footer-links a:hover{text-decoration:underline}.Footer .footer-content .footer-links span{color:#999}.AuthButtons,.AuthButtons .profile-container{position:relative}.AuthButtons .profile-container .IconButton{position:absolute;top:0;right:0}.AuthButtons .profile-container .profile-menu{position:absolute;top:80px;right:0;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:10px;z-index:1000}.AuthButtons .profile-container .profile-menu p{margin:0 0 10px;font-size:14px;color:#333}.AuthButtons .profile-container .profile-menu button{color:#333;padding:5px 10px;border-radius:4px;cursor:pointer;border:2px solid #DADADA}.AuthButtons .profile-container .profile-menu .logout{background:#f44336;color:#fff}.profile-icon{width:40px;height:40px;border-radius:50%}
