.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-results__options{list-style:none;margin:0;padding:0}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.pagination{display:flex;justify-content:center;padding:20px 0}.pagination a,.pagination span{margin:0 5px;color:#202020;text-decoration:none}.pagination a:hover,.pagination .current{font-weight:500;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}body:not([data-action-name=leaderboard]) .pagination .prev,body:not([data-action-name=leaderboard]) .pagination .next{display:none !important}:root{--color-white: #ffffff;--color-black: #111827;--color-gray-50: #f9f9f9;--color-gray-100: #f7f7f7;--color-gray-200: #e9e9e9;--color-gray-300: #e0e0e0;--color-gray-600: #888888;--color-gray-700: #666666;--color-gray-800: #3c3c3c;--color-gray-900: #202020;--color-gray-950: #1b1b1b;--color-primary: var(--color-gray-900);--color-secondary: var(--color-white);--color-background: var(--color-gray-100);--color-text: #52525d}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,code,del,em,img,ins,q,s,small,strong,var,b,u,i,center,dl,ol,ul,li,form,table,tbody,tfoot,thead,tr,th,td,aside,details,footer,header,menu,nav,section,summary,time,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}aside,details,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;src:url(/assets/IBMPlexSans-Bold-1c0dfc2b91ce5d4b2b7a5703341d3d89d3c5d887751acc96ee07bca56a13c19c.woff2) format("woff2");font-display:swap}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;src:url(/assets/IBMPlexSans-Medium-0d447bb8836adb106bb72364b97f944f0cb4a162dcad542f14cf12ce031e06e2.woff2) format("woff2");font-display:swap}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;src:url(/assets/IBMPlexSans-Regular-5c3d9be3cf3349c1e518b6014827267778b626650534444853117fa91683cb87.woff2) format("woff2");font-display:swap}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:300;src:url(/assets/IBMPlexSans-Light-1b1a8d63b0511cf630e9f750fd26b1172b8d8d7860717c13ee6c5142db0e8675.woff2) format("woff2");font-display:swap}@font-face{font-family:"Noto Color Emoji";font-style:normal;font-weight:400;src:url(/assets/NotoColorEmoji-Regular-1b28beb2d3bf1b7cc69896e7938944299463c6d1853ac78b6b071512cbb8ff6e.woff2) format("woff2");font-display:swap}.flag{font-family:"Noto Color Emoji",sans-serif;font-style:normal;font-weight:400}h1{font-weight:500;font-size:32px;padding:10px 0}h2{font-size:22px;font-weight:500;margin:40px 0 24px 0}h3{font-size:20px;font-weight:500;margin:24px 0 16px 0}p{font-size:18px;line-height:130%}.semi-bold{font-weight:600}.medium{font-weight:500}.underline{text-decoration:underline !important}.date{font-weight:300;margin-top:16px}.center{text-align:center}h1,h2,h3{color:var(--color-primary)}p{color:var(--color-text)}.black{color:var(--color-primary) !important}.italic{font-style:italic}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:var(--color-white)}body.dark-mode p{color:var(--color-gray-200)}body.dark-mode .black{color:var(--color-white)}@media screen and (min-width: 426px)and (max-width: 600px){h1{font-size:26px}h2{font-size:21px;margin:24px 0 16px 0}h3{font-size:19px;margin:16px 0 8px 0}p{font-size:17px}}@media screen and (max-width: 425px){h1{font-size:24px}h2{font-size:20px;margin:24px 0 16px 0}h3{font-size:18px;margin:16px 0 8px 0}p{font-size:16px}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:"IBM Plex Sans";overflow-x:hidden}[data-loading-target=footer]{display:none}main{margin-left:350px;width:calc(100vw - 350px)}.main-show{margin-left:0;width:auto}.no-scroll{overflow:hidden}.form-step h3{color:#fff;margin-top:0;padding:48px 0}.form-step textarea{width:auto}.grid-1{padding:0 10vw 64px 10vw}.subtitle-top{font-size:20px;font-weight:500;margin-top:24px;color:#fff}.subtitle{width:50vw;color:#e9e9e9;line-height:125%}.subtitle a{color:#e9e9e9}.flex-form{display:flex;flex-direction:column;gap:36px}.flex-form div{display:flex;flex-direction:column;gap:24px}.flex-button{display:flex;justify-content:center}@media screen and (max-width: 1280px){main{margin-left:30vw;width:70vw}}@media screen and (max-width: 1024px){main{margin-left:0;width:auto}.subtitle{width:fit-content}main{padding-bottom:80px}}.top-header{padding:0 10vw;padding-top:96px;padding-bottom:72px;background-color:#202020;color:#fff;position:relative}.top-header h1{color:var(--color-secondary)}@media screen and (max-width: 600px){.top-header{padding:0 5vw;padding-top:64px;padding-bottom:56px}}@media screen and (min-width: 601px)and (max-width: 800px){.top-header{padding:0 8vw;padding-top:72px;padding-bottom:64px}}body{background-color:var(--color-background)}body.light-mode{background-color:var(--color-background)}body.dark-mode{background-color:#18181a}#cookie-consent-banner{position:fixed;bottom:0;width:100%;background-color:#f7f7f7;color:#fff;text-align:center;padding:10px;z-index:1000}#cookie-consent-banner button{background-color:var(--color-primary);color:var(--color-secondary);padding:5px 10px;border:none;margin:5px}@media screen and (max-width: 425px){.grid-1{padding:0 5vw 32px 5vw}}@media screen and (min-width: 426px)and (max-width: 1024px){.grid-1{padding:0 8vw 52px 8vw}}@media screen and (min-width: 1700px){.grid-1{padding:0 15vw 64px 15vw}.top-header{padding:0 15vw;padding-top:96px;padding-bottom:72px}}.alert{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:space-between;align-items:center;z-index:999;width:60vw;top:100px;padding:20px;background-color:var(--color-primary);color:var(--color-secondary);opacity:1;transition:opacity .6s;border-radius:10px;color:#fff}.alert p{color:#fff}.closebtn{margin-left:15px;color:var(--color-secondary);font-weight:bold;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.closebtn:hover{color:#e9e9e9}.progress-container{color:#fff;position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:#ddd;border-radius:0px 0px 10px 10px}.progress-bar{width:0;height:100%;background-color:var(--color-primary);transition:width .1s;border-radius:0px 0px 10px 10px}@media screen and (min-width: 0px)and (max-width: 600px){.alert{width:80vw;top:calc(50px + var(--safe-area-top-android, env(safe-area-inset-top, 0px)))}}.suggestions-box{border:2px solid var(--color-gray-200);max-height:400px;overflow-y:auto;position:absolute;background-color:var(--color-white);width:50vw;border-radius:16px;z-index:100;margin-top:8px}@media screen and (max-width: 425px){.suggestions-box{width:90vw}}@media screen and (min-width: 426px)and (max-width: 600px){.suggestions-box{width:85vw}}@media screen and (min-width: 601px)and (max-width: 768px){.suggestions-box{width:80vw}}.suggestion-item{padding:20px 32px;cursor:pointer;display:flex;align-items:center}.suggestion-item:hover,.suggestion-item.active-suggestion{background-color:var(--color-gray-50)}@media screen and (max-width: 425px){.suggestion-item{padding:12px 24px;font-size:16px}}@media screen and (min-width: 426px)and (max-width: 600px){.suggestion-item{padding:12px 24px}}.section-title{font-size:18px;font-weight:500;color:var(--color-text);margin-bottom:16px;margin-left:32px;margin-top:48px}@media screen and (max-width: 425px){.section-title{font-size:16px;margin-left:24px;margin-top:32px}}@media screen and (min-width: 426px)and (max-width: 600px){.section-title{margin-left:24px;margin-top:32px}}.button{display:block;padding:20px 45px;border:none;border-radius:5px;font-size:15px;font-weight:500;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.large{padding:25px 125px}.button.dashed{background:rgba(0,0,0,0);border:1px dashed #ccc;color:#fff}.button.dashed:hover{background-color:var(--color-secondary);color:var(--color-primary)}.button-add{font-weight:500;font-size:22px;border-radius:10px;width:22vw;aspect-ratio:1/.5;display:flex;align-items:center;justify-content:center}.button-add:hover{opacity:.8}.arrow-button{width:80px;height:80px;background-color:var(--color-primary);border:none;border-radius:5px;cursor:pointer;align-items:center;justify-content:center;display:flex}.arrow-button:hover{background-color:#3c3c3c}.arrow-button:active{background-color:#1b1b1b}.circle{background-color:var(--color-primary);width:75px;height:75px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;cursor:pointer}.circle:hover{background-color:#3c3c3c}.circle:active{background-color:#1b1b1b}.flex-right-btn{display:flex;gap:16px;position:absolute;top:50px;right:5vw;z-index:999}.circle-notif{width:60px;height:60px;position:relative}.notification-counter{position:absolute;right:-10px;display:flex;align-items:center;justify-content:center;top:-10px;background-color:#fff;color:var(--color-primary);border-radius:50%;font-size:12px;width:30px;height:30px}.circle-back{background-color:rgba(32,32,32,.4);border-radius:50%;width:75px;height:75px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.circle-back:hover,.circle-save:hover{opacity:.8}#back-btn,#home-btn{background:none;border:none;cursor:pointer}@media screen and (min-width: 1025px)and (max-width: 1280px){.button-add{font-size:20px;width:40vw}.large{padding:25px 86px}}@media screen and (min-width: 601px)and (max-width: 1024px){.large{padding:21px 64px}.circle{width:60px;height:60px}.circle svg{scale:.8}.circle-back{width:60px;height:60px}.circle-back svg{scale:.8}.circle-notif{width:55px;height:55px}.circle-notif svg{scale:.8}.arrow-button{width:70px;height:70px}.arrow-button svg{scale:.8}.circle-save{width:60px;height:60px}.circle-save svg{scale:.9}.button-add{font-size:20px;width:60vw}}@media screen and (min-width: 426px)and (max-width: 600px){.large{padding:25px 66px;width:100%}.circle{width:65px;height:65px}.circle svg{scale:.8}.circle-notif{width:50px;height:50px}.circle-notif svg{scale:.7}.circle-back{top:40px;width:65px;height:65px}.circle-back svg{scale:.8}.circle-save{top:40px;width:65px;height:65px}.button-add{font-size:18px;width:60vw}}@media screen and (min-width: 376px)and (max-width: 425px){.button{width:100%;padding:20px 15px;font-size:15px}.circle{width:65px;height:65px}.circle svg{scale:.8}.circle-notif{width:45px;height:45px}.circle-notif svg{scale:.7}.circle-back{top:35px;width:65px;height:65px}.circle-back svg{scale:.8}.circle-save{top:35px;width:65px;height:65px}.button-add{font-size:18px;width:90vw}}@media screen and (max-width: 375px){.flex-right-btn{gap:4px}.button{width:100%;padding:20px 15px;font-size:14px}.circle{width:60px;height:60px}.circle svg{scale:.8}.circle-notif{width:45px;height:45px}.circle-notif svg{scale:.6}.circle-back{top:25px;width:60px;height:60px}.circle-back svg{scale:.8}.circle-save{top:25px;width:60px;height:60px}.button-add{font-size:16px;width:90vw}}.button{color:var(--color-primary);background-color:var(--color-secondary)}.button:hover{background-color:var(--color-background)}.button:active{background-color:#dbdbdb}.dark{background-color:var(--color-primary);color:var(--color-secondary)}.dark:hover{background-color:#3c3c3c}.dark:active{background-color:#1b1b1b}.button-add{background-color:var(--color-secondary);color:var(--color-primary)}body.dark-mode .button-add{background-color:#272729;color:var(--color-white)}body.dark-mode .button{color:var(--color-white);background-color:#272729}body.dark-mode .button:hover{background-color:#18181a}body.dark-mode .dark{background-color:#333}.bg-img-card{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;z-index:0;opacity:1;transform:rotate(-6deg);z-index:-1;object-fit:cover;overflow:hidden}.bg-img-card::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;filter:blur(20px);transform:scale(1.1);z-index:0}.bg-img-card>*{position:relative;z-index:1}.card{padding-top:190px;height:calc(100dvh - 190px);position:relative;width:50vw;scroll-snap-align:start;display:flex;justify-content:center;flex-direction:column}.bg-card{transform:rotate(6deg);border-radius:5px;width:50vw;min-height:100px;height:45dvh;position:relative}.flex-info-card{display:flex;align-items:start;justify-content:space-between;z-index:99;top:0px;padding:24px 16px;height:100%;position:relative}.flex-info-card-left{height:85%;display:flex;flex-direction:column;gap:4px;justify-content:space-between}.flex-info-card .info-card-dark{scale:.9;height:30px;width:fit-content}.flex-info-card.partners{align-items:end;height:89%}.domaine-flex-card{display:flex;flex-direction:column;gap:4px}.title-card{margin-top:8px;font-size:36px;letter-spacing:-1%;font-weight:500}.card .subtitle-card{margin-top:32px}.subtitle-card{text-transform:uppercase;font-size:20px;display:flex}.subtitle-card a:hover{text-decoration:underline}.container-text-card{padding:0 36px;width:85%}.description-card{margin-top:16px;overflow-wrap:break-word}.description-card-home{max-height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3dvh}@media screen and (min-width: 601px)and (max-width: 1024px){.bg-img-card{transform:rotate(-4deg)}.bg-card{transform:rotate(4deg)}.card{width:80vw;padding-top:70px;height:calc(100dvh - 70px)}.bg-card{width:80vw;height:calc(90dvh - 280px);max-height:700px;min-height:0px}.title-card{font-size:30px}.subtitle-card{font-size:18px;margin-top:24px}.container-text-card{padding:0px}.description-card{display:none}}@media screen and (min-width: 426px)and (max-width: 600px){.flex-info-card{padding:16px 8px}.bg-img-card{transform:rotate(0deg)}.bg-card{transform:rotate(0deg)}.card{padding-top:10px;height:calc(100dvh - 10px);width:90vw}.card .subtitle-card{margin-top:16px}.bg-card{width:90vw;height:calc(100dvh - 280px)}.title-card{font-size:28px}.subtitle-card{font-size:18px;margin-top:24px}.container-text-card{padding:0px}.description-card{display:none}}@media screen and (max-width: 425px){.flex-info-card{padding:16px 8px}.bg-img-card{transform:rotate(0deg)}.bg-card{transform:rotate(0deg)}.card{padding-top:var(--safe-area-top-android, env(safe-area-inset-top, 0px));height:100dvh;width:90vw}.card .subtitle-card{margin-top:16px}.bg-card{width:90vw;height:calc(100dvh - 260px)}.title-card{font-size:26px}.subtitle-card{font-size:16px;margin-top:16px}.container-text-card{padding:0px;width:100%}.description-card{display:none}}.subtitle-card{color:var(--color-primary)}.subtitle-card a{color:var(--color-primary)}.description-card{color:var(--color-text)}body.dark-mode .subtitle-card{color:var(--color-white)}body.dark-mode .subtitle-card a{color:var(--color-white)}body.dark-mode .description-card{color:var(--color-gray-200)}@media screen and (max-width: 768px){.save-btn{position:absolute !important;top:24px;right:16px}.flex-info-card-left{width:100%;height:93%;flex-direction:row !important;align-items:flex-end;justify-content:space-between !important}.flex-info-card-left .date-card{order:2}.flex-info-card-left .domaine-flex-card{order:1;flex-direction:row;flex-wrap:wrap}}@media screen and (max-width: 425px){.save-btn{top:16px !important;right:8px !important}}.card-title{position:relative;font-weight:500;font-size:24px;padding:20px}.default-overlay{border-radius:5px;width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.5)}.flex-card-list{margin-top:32px;width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:55px}.card-list{overflow:hidden;width:17.5vw;aspect-ratio:1/1;display:flex;align-items:end;border:1px solid #e9e9e9;border-radius:5px;position:relative}@media screen and (max-width: 350px){.card-title{font-size:18px;padding:10px}.flex-card-list{grid-template-columns:repeat(2, 1fr);gap:15px}.card-list{width:40vw}}@media screen and (min-width: 351px)and (max-width: 600px){.card-title{font-size:22px;padding:10px}.flex-card-list{grid-template-columns:repeat(2, 1fr);gap:15px}.card-list{width:40vw}}@media screen and (min-width: 601px)and (max-width: 768px){.card-title{font-size:22px;padding:10px}.flex-card-list{grid-template-columns:repeat(3, 1fr);gap:24px}.card-list{width:27vw}}@media screen and (min-width: 769px)and (max-width: 1024px){.card-title{font-size:24px;padding:10px}.flex-card-list{grid-template-columns:repeat(2, 1fr);gap:15px}.card-list{width:25vw}}@media screen and (min-width: 1025px)and (max-width: 1280px){.flex-card-list{grid-template-columns:repeat(3, 1fr);gap:15px}.card-list{width:16vw}}.card-title{color:var(--color-secondary)}body.dark-mode .card-title{color:#272729}.card-slider-wrapper{position:relative;overflow:hidden;width:100%;height:100%}.card-slider-blurred-bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;filter:blur(20px);transform:scale(1.1)}.card-slider-slides{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.card-slide-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background-color:rgba(0,0,0,0)}.card-slider-slides .card-slide-image.active{display:block !important;opacity:1 !important;visibility:visible !important}.card-slider-slides .card-slide-image:not(.active){display:none}.card-slider-nav,.card-slider-dots{z-index:11}.card-slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:11;background:rgba(0,0,0,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0}.card-slider-nav:focus{outline:none}.card-slider-nav:hover{background:rgba(0,0,0,.4)}.card-slider-nav.prev{left:10px}.card-slider-nav.next{right:10px}.card-slider-nav svg{width:12px;stroke:#fff}.card-slider-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:11;display:flex;gap:8px}.card-slider-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,.5);border:none;padding:0;cursor:pointer}.card-slider-dot.active{background-color:#fff}label{font-size:16px}input.search-top-bar{border-radius:50px;font-size:17px;padding:5px 10px;padding-left:50px;width:40vw;height:55px;border:none;position:relative;background:url(/assets/search-icon.svg) no-repeat left 20px center;background-size:16px 16px}input.search-top-bar::placeholder{color:var(--color-primary)}input[type=search]{margin-right:16px}.search-wrapper{position:relative}.clear-search{position:absolute;top:50%;right:24px;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:none;align-items:center;justify-content:center}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.image-grid-container{flex-direction:row !important;flex-wrap:wrap;gap:2vw !important;margin-top:1rem}.image-uplopartner-card{width:22vw;display:flex;flex-direction:column;gap:.75rem;border:2px dashed #ddd;border-radius:8px;padding:1rem;position:relative;background-color:#fafafa;transition:all .2s ease}.image-uplopartner-card:hover{border-color:#999;background-color:#fff}.image-drag-handle{cursor:move;display:flex;align-items:center;justify-content:center;gap:8px;color:#777;background:#f4f4f4;border-radius:6px;padding:8px 12px;font-size:.9rem;font-weight:500;border:1px solid #eee;user-select:none;transition:background-color .2s ease,color .2s ease}.image-drag-handle:hover{background:#e9e9e9;color:#333}.image-preview-existing{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:8px}.image-preview-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-delete-overlay{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;background-color:rgba(255,255,255,.9);border:1px solid #eee;border-radius:1rem;padding:.25rem .5rem;font-size:.9rem;cursor:pointer}.image-delete-overlay .delete-image-btn{font-weight:bold;font-size:1.25rem;color:#e61818;border:none;cursor:pointer;line-height:1}.image-delete-overlay input[type=checkbox]{display:none}.image-credit-field{margin-top:.25rem;width:100%}.image-preview-new img{width:100%;height:auto;object-fit:cover;border-radius:8px;max-height:200px}.image-credit-field input{position:absolute;bottom:0;left:0;width:100%;padding:6px 8px;background:rgba(0,0,0,.7);border:none;color:#fff;font-size:12px;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.2);border-radius:0 0 8px 8px;z-index:11}@media screen and (min-width: 0px)and (max-width: 1260px){.image-grid-container{flex-direction:column !important}.image-uplopartner-card{width:90%}}@media screen and (min-width: 426px)and (max-width: 1024px){input.search-top-bar{font-size:14px;height:50px;width:58vw}}@media screen and (min-width: 0px)and (max-width: 425px){input.search-top-bar{font-size:14px;height:50px;width:55vw}}.field{width:100%}.input-flex{display:flex;flex-direction:column;gap:12px}input[type=text],input[type=date],input[type=email],input[type=password]{border:none;stroke:none;padding:0 25px;width:calc(100% - 56px);height:70px;border-radius:5px;border:2px solid #e9e9e9;font-weight:500}@media screen and (min-width: 769px)and (max-width: 1024px){select{width:calc(50vw + 30px)}textarea{width:50vw}}select{width:100%;border:none;stroke:none;padding:0 25px;height:70px;border-radius:5px;border:2px solid #e9e9e9;font-weight:500}.select2{width:100% !important}.select2-container .select2-selection--single{padding-left:25px !important;height:55px !important;line-height:70px !important;display:flex !important;align-items:center !important}textarea{color:var(--color-primary);border:none;stroke:none;padding:25px;width:100%;height:120px;resize:none;border:2px solid #e9e9e9;border-radius:5px}.flex-btn-add{display:flex;justify-content:space-between;margin-top:32px;flex-wrap:wrap;gap:16px}.flex-form label{font-size:16px;font-weight:500;color:var(--color-secondary)}.source-input{flex-direction:row !important}@media screen and (min-width: 601px)and (max-width: 768px){input[type=text],input[type=date],input[type=email],input[type=password]{padding:0 15px;width:calc(100% - 36px)}input[type=text]::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{font-size:15px}select{width:calc(100% + 2px);font-size:15px}select::placeholder{font-size:15px}textarea{padding:0 15px;width:calc(100% - 36px);height:120px;font-size:15px}textarea::placeholder{font-size:15px}}@media screen and (min-width: 376px)and (max-width: 600px){input[type=text],input[type=date],input[type=email],input[type=password]{padding:0 15px;width:calc(100% - 36px);height:60px;font-size:15px}input[type=text]::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{font-size:15px}select{width:calc(100% + 2px);padding-left:15px;height:60px;font-size:15px}select::placeholder{font-size:15px}textarea{padding:0 15px;width:calc(100% - 36px);height:120px;font-size:15px}textarea::placeholder{font-size:15px}}@media screen and (max-width: 375px){input[type=text],input[type=date],input[type=email],input[type=password]{padding:0 15px;width:calc(100% - 36px);height:55px;font-size:14px}input[type=text]::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{font-size:14px}select{width:calc(100% + 2px);padding-left:15px;height:55px;font-size:14px}select::placeholder{font-size:14px}textarea{padding:0 15px;width:calc(100% - 36px);height:120px;font-size:14px}textarea::placeholder{font-size:14px}}input.search-top-bar{background-color:var(--color-secondary);color:var(--color-primary)}input[type=text],input[type=date],input[type=email],input[type=password]{background-color:var(--color-secondary) !important;color:var(--color-primary) !important}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text)}select{background-color:var(--color-secondary);color:var(--color-primary)}textarea{background-color:var(--color-secondary);color:var(--color-text)}.rules-add-hr{margin:24px 0}.form-step{display:none;animation:fadeIn .5s ease-in-out}.form-step.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-step p{color:var(--color-secondary)}.form-step ul li{margin:16px 0}.form-step h4{margin:32px 0;font-size:20px;font-weight:600}body.dark-mode input.search-top-bar{background-color:#272729;color:var(--color-white);border-color:#18181a}body.dark-mode input[type=text],body.dark-mode input[type=date],body.dark-mode input[type=email],body.dark-mode input[type=password]{background-color:#272729 !important;color:var(--color-white) !important;border-color:#18181a}body.dark-mode input::placeholder,body.dark-mode select::placeholder,body.dark-mode textarea::placeholder{color:var(--color-gray-200)}body.dark-mode select{background-color:#272729;color:var(--color-white);border-color:#18181a}body.dark-mode textarea{background-color:#272729;border-color:#18181a}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:#202020 !important;color:#fff !important;right:0 !important;left:auto !important;border:none !important}.list-card{background-color:var(--color-secondary);padding:25px;display:flex;align-items:center;justify-content:space-between;color:var(--color-primary);font-weight:500;border-radius:5px;margin-top:16px;font-size:18px;position:relative}.list-card:hover{background-color:#ededed;cursor:pointer}.list-card div{gap:8px;display:flex}.share-list{font-weight:400;font-size:16px}@media screen and (min-width: 0px)and (max-width: 500px){.list-card{font-size:15px;padding:20px}.list-card svg{scale:.8}}body.dark-mode .list-card{background-color:#272729;color:var(--color-white)}body.dark-mode .list-card:hover{opacity:.8}body.dark-mode .list-card svg path{fill:var(--color-white)}.popup-content .filters{margin-top:16px;margin-bottom:32px;gap:16px;display:flex;flex-wrap:wrap}.popup-content .filters .filter{width:auto;flex:1 1 20%;min-width:150px;max-width:260px}.popup-content .filters .filter-actions{flex:1 1 auto;justify-content:flex-start}.popup-content .filters .filter-actions .button{margin-top:0;height:42px;display:flex;align-items:center;justify-content:center}.popup-content .dropdown-toggle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:42px;display:flex;align-items:center;padding:0 10px !important}.popup-content .select2-container .select2-selection--multiple{height:42px !important;min-height:42px !important;padding:0 10px !important;display:flex;align-items:center}.popup-content .select2-container .select2-selection--multiple .select2-selection__rendered{margin:0 !important;display:flex;align-items:center}.modal-content{background-color:#f7f7f7;margin:0 auto;padding:0 50px;padding-bottom:24px;border-radius:5px;width:70vw;margin-bottom:32px}.flex-card{margin:32px 0;width:100%;display:flex;flex-wrap:wrap;gap:2%}.check-box-wrapper{width:18%;aspect-ratio:1/1;position:relative}.check-box-wrapper.selected{opacity:.5}.check-box-wrapper.selected::after{content:"";position:absolute;top:50%;left:50%;width:40%;height:40%;transform:translate(-50%, -50%);background-image:url("data:image/svg+xml;utf8,      <svg width='76' height='73' viewBox='0 0 76 73' fill='none' xmlns='http://www.w3.org/2000/svg'>      <path d='M69 33.4961V36.5186C68.996 43.527 66.7266 50.3463 62.5303 55.9595C58.334 61.5727 52.4357 65.6791 45.7149 67.6663C38.9941 69.6534 31.8111 69.4148 25.237 66.986C18.663 64.5572 13.0501 60.0684 9.23562 54.1891C5.42112 48.3097 3.60932 41.3548 4.07045 34.3616C4.53158 27.3684 7.24092 20.7117 11.7944 15.3841C16.3479 10.0565 22.5015 6.34359 29.3376 4.79908C36.1737 3.25456 43.3259 3.9612 49.7275 6.8136' stroke='white' stroke-width='6.5' stroke-linecap='round' stroke-linejoin='round'/>      <path d='M72.25 7.26895L36.5 43.0189L26.75 33.2689' stroke='white' stroke-width='6.5' stroke-linecap='round' stroke-linejoin='round'/>      </svg>");background-repeat:no-repeat;background-size:contain;background-position:center}.card-list-add{width:100%;aspect-ratio:1/1;display:flex;align-items:end;border:1px solid #e9e9e9;border-radius:5px;position:relative;background-color:rgba(255,255,255,.8);box-sizing:border-box}.card-list-add:hover{cursor:pointer;opacity:.9}.card-title-add{position:relative;font-weight:500;width:60%;color:var(--color-secondary);padding:10px;font-size:18px}.hidden{display:none}.hidden-check{visibility:hidden}.search-container{position:relative;width:30vw;height:70px;margin-top:30px}.search-container input[type=search]{width:100%;height:60px;padding-left:45px;border:none;border-radius:5px;font-weight:500;font-size:16px;color:var(--color-primary);background-color:#f6f6f6;position:relative}.search-container input[type=search]::placeholder{color:var(--color-primary)}.search-container .search-icon{position:absolute;top:30%;left:15px;width:18px;height:18px;z-index:1}@media screen and (min-width: 769px)and (max-width: 1024px){.check-box-wrapper{width:23%;aspect-ratio:1/1}.search-container{width:40vw}}@media screen and (min-width: 600px)and (max-width: 768px){.modal-content{padding:0 20px 32px 20px;width:90vw}.flex-card{margin-top:24px;gap:2%}.check-box-wrapper{width:23%;aspect-ratio:1/1}.card-title-add{width:100%}.search-container{width:100%;height:70px;margin-top:30px}.search-container input[type=search]{height:60px}}@media screen and (min-width: 425px)and (max-width: 601px){.modal-content{padding:0 20px 32px 20px;width:85vw}.flex-card{margin-top:0px;gap:2%}.check-box-wrapper{width:32%;aspect-ratio:1/1}.card-title-add{width:100%}.search-container{width:100%;height:70px;margin-top:30px}.search-container input[type=search]{height:55px;padding-left:45px;font-size:15px;margin-top:20px}.search-container .search-icon{top:55%;left:15px;width:17px;height:17px}}@media screen and (min-width: 0px)and (max-width: 426px){.modal-content{padding:0 15px 32px 15px;width:85vw}.flex-card{margin-top:0px;gap:2%}.check-box-wrapper{width:49%;aspect-ratio:1/1}.card-title-add{width:100%}.search-container{width:100%;height:70px;margin-top:30px}.search-container input[type=search]{height:55px;padding-left:45px;font-size:14px;margin-top:20px}.search-container .search-icon{top:55%;left:15px;width:16px;height:16px}}#loading{position:fixed;top:0;left:0;z-index:9999;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);user-select:none;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}#loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-bg{padding:24px;background-color:var(--color-background);border-radius:50%}#loading video{width:20vw;aspect-ratio:1/1}#content{opacity:1;transition:opacity .5s ease}body.overflow-hidden{overflow:hidden}@media screen and (max-width: 768px){#loading video{width:30vw}}@media screen and (max-width: 1024px){#loading img{width:124px}}@noscript{#loading{display:none !important}#content,footer{display:block !important}}.mega-menu-btn{width:100%;height:42px;padding:3px 15px;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:4px;text-align:left;font-size:16px;color:var(--color-gray-900);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.mega-menu-btn:hover{border-color:#bbb}.mega-menu-btn.active{border-color:var(--color-gray-900)}.mega-menu-btn.has-selection{background-color:var(--color-gray-900);color:var(--color-white);border-color:var(--color-gray-900)}.mega-menu-btn.has-selection svg path{stroke:var(--color-white)}.mega-menu-content{display:none;position:absolute;top:50%;left:50%;transform:translateX(-50%);width:900px;max-width:95vw;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.15);padding:40px;z-index:999;cursor:default;max-height:80vh;overflow-y:auto;box-sizing:border-box}.mega-menu-content.active{display:block;animation:megaMenuFadeIn .3s ease-out forwards}.mega-menu-close{display:none;position:absolute;top:20px;right:20px;background:#f5f5f5;border:none;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.mega-menu-close:hover{background:var(--color-gray-300);transform:rotate(90deg)}.mega-menu-close svg{color:var(--color-gray-900)}.theme-cards-grid{display:grid;grid-template-columns:repeat(5, 1fr);column-gap:12px;row-gap:32px;width:100%}.mega-menu-items,.mega-menu-search-results{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:20px;row-gap:32px;width:100%}.mega-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ebebeb;border-radius:8px;color:var(--color-gray-900);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;height:100%;min-height:48px;user-select:none}.mega-menu-item:hover{background:var(--color-gray-300)}.mega-menu-item.is-checked{background:var(--color-gray-900);color:var(--color-white)}.mega-menu-item span{line-height:1.3;white-space:normal;word-break:break-word}.mega-menu-item input[type=checkbox]{accent-color:var(--color-white);width:16px;height:16px;cursor:pointer;margin:0}.mega-menu-header{display:flex;align-items:center;margin-bottom:24px;border-bottom:2px solid #f0f0f0;padding-bottom:16px;gap:16px}.mega-menu-back-btn{background:none;border:none;font-size:14px;color:var(--color-gray-700);cursor:pointer;padding:8px 16px 8px 0;font-weight:500;display:flex;align-items:center}.mega-menu-back-btn:hover{color:var(--color-gray-900)}.mega-menu-selected-theme-title{margin:0;font-size:16px;text-transform:uppercase;font-weight:600;color:var(--color-gray-900)}.theme-card{position:relative;background-color:#f5f5f5;border-radius:8px;padding:24px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,0)}.theme-card:hover{background-color:#ebebeb;border-color:#ddd;transform:translateY(-2px)}.theme-card .theme-card-title{font-weight:500;font-size:16px;color:var(--color-gray-900);line-height:1.3}.theme-card .arrow-theme-card{position:absolute;bottom:14px;right:14px}.mega-menu-footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.btn-clear-selection{background:none;border:none;color:var(--color-gray-600);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;transition:all .2s}.btn-clear-selection:hover{color:#f44336;text-decoration:underline}.btn-confirm-filter{background:var(--color-gray-900);color:var(--color-white);border:none;padding:12px 36px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.btn-confirm-filter:hover{background:#444;transform:translateY(-2px)}.mega-menu-search-wrapper{position:relative;margin-bottom:24px}.mega-menu-search-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.mega-menu-search-input{width:100%;height:48px !important;padding:0 16px 0 48px !important;border:2px solid var(--color-gray-200);border-radius:8px;font-size:15px;background-color:var(--color-gray-50);transition:all .2s ease}.mega-menu-search-input:focus{outline:none;border-color:var(--color-gray-900);background-color:var(--color-white)}@keyframes megaMenuFadeIn{from{opacity:0;transform:translate(-50%, -10px)}to{opacity:1;transform:translate(-50%, 0)}}@keyframes megaMenuSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 1024px){.mega-menu-content{width:90vw}}@media screen and (max-width: 768px){.mega-menu-content{position:fixed;top:2vw;left:2vw;width:98vw;height:96vh;max-height:96vh;transform:none;border-radius:0;padding:60px 20px 0px 20px;z-index:9999}.mega-menu-content.active{animation:megaMenuSlideUp .3s ease-out forwards}.mega-menu-close{display:flex}.theme-cards-grid,.mega-menu-items.open,.mega-menu-search-results{grid-template-columns:repeat(2, 1fr);gap:12px}.mega-menu-footer{position:sticky;bottom:0;background:var(--color-white);padding:20px 0;margin-top:20px;border-top:1px solid #f0f0f0}.mega-menu-search-input{width:80% !important;margin:0 auto;margin-top:16px;display:block}.mega-menu-header{flex-direction:column;align-items:flex-start}}@media screen and (max-width: 480px){.theme-cards-grid,.mega-menu-items.open,.mega-menu-search-results{grid-template-columns:repeat(2, 1fr)}.mega-menu-items.open,.mega-menu-search-results{grid-template-columns:repeat(1, 1fr)}}.nav-link-profil{width:calc(100% - 40px);display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:5px;font-weight:500}.nav-link-profil:hover{opacity:.6}.nav-link-inner{height:45px;display:flex;align-items:center;gap:28px;font-size:18px}.nav-link-profil.disabled{opacity:.5;cursor:not-allowed}.nav-link-profil.deco{justify-content:center;color:#e61818;height:40px}@media screen and (min-width: 426px)and (max-width: 600px){.nav-link-profil{padding:20px 15px;width:calc(100% - 30px)}.nav-link-profil svg{scale:.8}.nav-link-inner{gap:16px;font-size:16px}.nav-link-profil.deco{font-size:16px;height:30px}}@media screen and (max-width: 425px){.nav-link-profil{width:calc(100% - 30px);padding:20px 15px}.nav-link-profil svg{scale:.7}.nav-link-inner{gap:8px;font-size:16px}.nav-link-profil.deco{font-size:16px;height:30px}}.nav-link-profil{background-color:var(--color-secondary);color:var(--color-primary)}body.dark-mode .nav-link-profil{background-color:var(--color-primary);color:var(--color-secondary)}body.dark-mode .nav-link-profil svg path{fill:var(--color-secondary)}.popup{display:none;position:fixed;justify-content:center;align-items:start;top:0px;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;overflow:auto}.popup-content{margin-top:10dvh;background-color:var(--color-secondary);border-radius:10px;z-index:1000;width:700px;padding-bottom:45px;margin-bottom:32px}.popup-inner{padding:0 2.5vw}.top-popup{border-radius:10px 10px 0 0;height:80px;width:90%;background-color:var(--color-background);position:relative;display:flex;align-items:center;justify-content:flex-end;padding:0 5%}.close-popup{scale:.7;cursor:pointer}.close-popup:hover{opacity:.6}.flex-title-popup{margin-top:32px;padding:0 50px;display:flex;align-items:center;justify-content:space-between}.title-popup{color:var(--color-primary);font-weight:500;font-size:24px;margin:32px 0}.subtitle-popup{color:var(--color-primary);font-weight:500;font-size:20px;margin:16px 0}.popup-link-add{padding:0;font-size:18px;color:var(--color-primary);text-decoration:underline}.popup .button{width:fit-content;margin-top:24px}@media screen and (min-width: 426px)and (max-width: 768px){.top-popup{height:70px}.popup-content{width:90vw}.title-popup{margin-bottom:0}.flex-title-popup{flex-direction:column;margin-top:24px;gap:8px;padding:0 30px;margin-bottom:32px}}@media screen and (min-width: 0px)and (max-width: 425px){.top-popup{height:70px}.close-popup{scale:.6}.popup-content{width:95vw;margin-bottom:calc(var(--safe-area-top-android, env(safe-area-inset-top, 0px)) + 24px)}.flex-title-popup{flex-direction:column;margin-top:24px;padding:0 16px;gap:8px;margin-bottom:32px}.title-popup{font-size:18px}.popup-link-add{width:fit-content;font-size:16px}.title-popup{margin-bottom:0}}.box-list{width:85%;padding:24px 0;align-items:center;display:flex;margin-left:auto;margin-right:auto;justify-content:space-between;border-bottom:2px solid var(--color-primary)}.box-list-left{display:flex;align-items:center}.box-list svg{scale:.9;cursor:pointer}.box-list svg:hover{opacity:.8}.box-list svg path{fill:var(--color-primary)}.title-list{font-size:20px;color:#202020;margin-bottom:8px;font-weight:500}.nb-list{font-size:16px;color:#8d9299}.add-to-list-btn{padding:0}@media screen and (min-width: 446px)and (max-width: 768px){.box-list{padding:20px 0px}.box-list svg{scale:.8}.title-list{font-size:18px;margin-bottom:4px}}@media screen and (min-width: 0px)and (max-width: 445px){.box-list{padding:16px}.box-list svg{scale:.8}.title-list{font-size:18px;margin-bottom:4px}.nb-list{font-size:14px}}body.dark-mode .title-popup{color:var(--color-white)}body.dark-mode .popup-link-add{color:var(--color-white)}body.dark-mode .subtitle-popup{color:var(--color-white)}body.dark-mode .top-popup{background-color:#18181a}body.dark-mode .popup-content{background-color:#272729}body.dark-mode .box-list{border-bottom:2px solid var(--color-white)}body.dark-mode .box-list svg path{fill:var(--color-white)}body.dark-mode .close-popup path{fill:var(--color-white)}.progress-container-form{margin-top:48px;position:relative;width:100%;height:20px;background:#e9e9e9;border:#fff 2px solid;border-radius:35px;overflow:hidden}.progress-bar-form{height:100%;background:#202020;width:0%;transition:width .3s ease-in-out}.progress-percent-form{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-weight:bold;color:#fff;mix-blend-mode:difference}.hub-filters-toolbar{background:rgba(0,0,0,0);padding:0;margin:32px 0 32px 0;position:relative;z-index:10;width:auto}.hub-filters-toolbar .hub-filters-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hub-filters-toolbar .filter-wrapper{position:relative;display:inline-flex;align-items:center}.hub-filters-toolbar .filter-wrapper svg.icon-left{position:absolute;left:12px;pointer-events:none;width:16px;height:16px;stroke:#52525d;z-index:2}.hub-filters-toolbar .filter-wrapper svg.icon-chevron{position:absolute;right:12px;pointer-events:none;width:16px;height:16px;stroke:#52525d;z-index:2;transition:transform .2s}.hub-filters-toolbar .filter-wrapper .hub-filter-select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #eaeaea;border-radius:8px;padding:10px 36px 10px 36px;font-size:14px;font-weight:500;color:#52525d;cursor:pointer;min-width:130px;outline:none;transition:all .2s;position:relative;z-index:1}.hub-filters-toolbar .filter-wrapper .hub-filter-select:hover{border-color:#ccc}.hub-filters-toolbar .filter-wrapper.active .hub-filter-select{background:#202020;color:#fff;border-color:#202020}.hub-filters-toolbar .filter-wrapper.active svg.icon-left,.hub-filters-toolbar .filter-wrapper.active svg.icon-chevron{stroke:#fff}.hub-filters-toolbar .filter-wrapper.active svg.icon-chevron{transform:rotate(180deg)}.hub-filters-toolbar .hub-filter-reset{color:#999;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:all .2s;background:#f9f9f9;border:1px solid #eaeaea}.hub-filters-toolbar .hub-filter-reset:hover{color:#e53935;background:#fff5f5;border-color:#ffcdd2}.hub-filters-toolbar{width:auto;margin:20px 0vw;padding:12px}.hub-filters-toolbar .hub-filters-form{gap:12px}.quizzes-hub{background-color:#f9f9f9;min-height:100vh}.quizzes-hub .top-header .header-navigation-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:40px}.quizzes-hub .top-header .header-navigation-wrapper .back-link{margin-bottom:0}.quizzes-hub .top-header .header-navigation-wrapper .header-actions{display:flex;align-items:center;gap:12px}.quizzes-hub .top-header .header-navigation-wrapper .header-actions .points-pill{background:#fff;color:#202020;padding:10px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;font-weight:500}.quizzes-hub .top-header .header-navigation-wrapper .header-actions .leaderboard-icon-btn{background:#fff;color:#202020;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.quizzes-hub .top-header .header-navigation-wrapper .header-actions .leaderboard-icon-btn:hover{background:#202020;color:#fff;transform:translateY(-2px)}.quizzes-hub .top-header .search-container{margin-top:40px;max-width:600px}.quizzes-hub .top-header .search-container .search-input-wrapper{background:#fff;border-radius:40px;display:flex;align-items:center;padding:0 16px}.quizzes-hub .top-header .search-container .search-input-wrapper svg{flex-shrink:0;width:18px;height:18px}.quizzes-hub .top-header .search-container .search-input-wrapper input{border:none !important;background:rgba(0,0,0,0) !important;padding:0px 12px;width:100%;outline:none !important;font-size:16px;color:#202020;box-shadow:none !important;appearance:none;-webkit-appearance:none}.quizzes-hub .top-header .feedback-quiz-btn{margin-top:24px;width:fit-content;text-decoration:none}.quizzes-hub .quiz-section{margin-top:80px;margin-bottom:80px;padding-left:6vw;padding-right:6vw}.quizzes-hub .quiz-section .section-header{margin-bottom:32px}.quizzes-hub .quiz-section .section-header h2{font-size:28px;margin-bottom:12px;font-weight:500}.quizzes-hub .quiz-section .section-header p{color:#52525d;line-height:1.5;max-width:800px}.quizzes-hub .quiz-section .quiz-grid{display:grid;grid-template-columns:1fr;gap:16px;padding-bottom:20px}@media(min-width: 600px){.quizzes-hub .quiz-section .quiz-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 900px){.quizzes-hub .quiz-section .quiz-grid{grid-template-columns:repeat(3, 1fr)}}.quizzes-hub .top-header{padding:calc(env(safe-area-inset-top) + 64px) 5vw 56px}.quizzes-hub .top-header h1{font-size:32px}.quizzes-hub .top-header .search-container{width:100%;margin-top:30px}.quizzes-hub .quiz-section{margin-bottom:40px}.quizzes-hub .quiz-section .section-header h2{font-size:24px}.quizzes-hub.hub-view .top-header.dark-header{background-color:#202020;color:#fff;padding-top:calc(env(safe-area-inset-top) + 96px);padding-bottom:72px;padding-left:10vw;padding-right:10vw;margin-bottom:0}.quizzes-hub.hub-view .top-header.dark-header .back-link svg path{fill:#fff}.quizzes-hub.hub-view .top-header.dark-header .points-pill{background:#fff;color:#202020}.quizzes-hub.hub-view .top-header.dark-header h1,.quizzes-hub.hub-view .top-header.dark-header .subtitle,.quizzes-hub.hub-view .top-header.dark-header .subtitle-top{color:#fff}.quizzes-hub.hub-view .top-header.dark-header .subtitle{opacity:.8}.quizzes-hub.hub-view .top-header.dark-header .feedback-quiz-btn{background:#fff;color:#202020;border:none;font-weight:500;display:flex;align-items:center;padding:12px 24px;border-radius:8px;transition:opacity .2s}.quizzes-hub.hub-view .top-header.dark-header .feedback-quiz-btn:hover{opacity:.9;color:#202020}.quizzes-hub.hub-view .quiz-sections{padding-top:60px;background-color:#f9f9f9}.quiz-player-wrapper *,.quiz-player-wrapper *::before,.quiz-player-wrapper *::after{box-sizing:border-box}.quiz-player-wrapper{display:flex;height:100vh;width:100%;position:fixed;top:0;left:0;z-index:9999;background:#fff}.quiz-player-wrapper .quiz-left-pane{width:40%;gap:24px;background:#202020;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.quiz-player-wrapper .quiz-left-pane .pane-header{display:flex;align-items:center;gap:12px}.quiz-player-wrapper .quiz-left-pane .pane-header .back-btn{color:#fff}.quiz-player-wrapper .quiz-left-pane .pane-header .hub-link{font-size:18px;font-weight:500}.quiz-player-wrapper .quiz-left-pane .pane-content .domaine-badge{margin-bottom:40px}.quiz-player-wrapper .quiz-left-pane .pane-content .domaine-badge .badge{background:rgba(255,210,30,.2);color:#ffd21e;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.quiz-player-wrapper .quiz-left-pane .pane-content .progress-section{margin-bottom:40px}.quiz-player-wrapper .quiz-left-pane .pane-content .progress-section .progress-info{display:flex;justify-content:space-between;margin-bottom:12px;font-size:16px}.quiz-player-wrapper .quiz-left-pane .pane-content .progress-section .progress-info a{color:inherit !important;text-decoration:none !important}.quiz-player-wrapper .quiz-left-pane .pane-content .progress-section .progress-track{height:6px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.quiz-player-wrapper .quiz-left-pane .pane-content .progress-section .progress-track .progress-fill{height:100%;background:#fff;width:0%;transition:width .3s}.quiz-player-wrapper .quiz-left-pane .pane-content .question-image-container{width:100%;margin-bottom:24px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;min-height:120px}.quiz-player-wrapper .quiz-left-pane .pane-content .question-image-container img{max-width:100%;max-height:200px;object-fit:contain}.quiz-player-wrapper .quiz-left-pane .pane-content .question-image-container.hidden{display:none}.quiz-player-wrapper .quiz-left-pane .pane-content h2.question-title{font-size:32px;line-height:1.3;margin-bottom:12px;color:#fff}.quiz-player-wrapper .quiz-left-pane .pane-content .instruction{color:rgba(255,255,255,.6);font-size:16px}.quiz-player-wrapper .quiz-left-pane .pane-footer .branding{display:flex;align-items:center;gap:12px}.quiz-player-wrapper .quiz-right-pane{flex:1;gap:24px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.quiz-player-wrapper .quiz-right-pane .pane-header{display:flex;justify-content:space-between;align-items:center}.quiz-player-wrapper .quiz-right-pane .pane-header .header-links{display:flex;align-items:center;gap:8px}.quiz-player-wrapper .quiz-right-pane .pane-header .header-links .report-link{color:#202020;text-decoration:underline;font-size:14px;transition:opacity .2s}.quiz-player-wrapper .quiz-right-pane .pane-header .header-links .report-link:hover{opacity:.7}.quiz-player-wrapper .quiz-right-pane .pane-header .header-links .separator{color:rgba(0,0,0,.2);font-size:12px}.quiz-player-wrapper .quiz-right-pane .pane-header .points-pill{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#202020;color:#fff;border-radius:10px;font-weight:500}.quiz-player-wrapper .quiz-right-pane .pane-header .points-pill .icon-points-wrapper{background:rgba(255,255,255,.2);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-player-wrapper .quiz-right-pane .pane-content{display:flex;justify-content:center;align-items:center;flex:1}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid{width:100%;max-width:500px;display:flex;flex-direction:column;gap:16px}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid.has-images{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;max-width:600px}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid .answer-btn{width:100%;padding:24px;background:#f9f9f9;border:1px solid rgba(0,0,0,0);border-radius:8px;font-size:18px;color:#202020;text-align:center;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:12px}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid .answer-btn.with-image{padding:12px;flex-direction:column;height:100%;aspect-ratio:1/1}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid .answer-btn.with-image .answer-img{width:100%;height:100%;object-fit:contain;border-radius:6px}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid .answer-btn:hover{background:#eee}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid .answer-btn.selected{background:#202020 !important;color:#fff !important}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid .answer-btn.correct{background:#e8f5e9 !important;border-color:#4caf50 !important;color:#2e7d32 !important}.quiz-player-wrapper .quiz-right-pane .pane-content .answers-grid .answer-btn.incorrect{background:#ffebee !important;border-color:#f44336 !important;color:#c62828 !important}.quiz-player-wrapper .quiz-right-pane .pane-footer{display:flex;justify-content:space-between;align-items:center}.quiz-player-wrapper .quiz-right-pane .pane-footer .points-feedback{font-weight:500;font-size:18px;color:#202020}.quiz-player-wrapper .quiz-right-pane .pane-footer .points-feedback.hidden{display:none}.quiz-player-wrapper .quiz-right-pane .pane-footer .motivation-msg{color:#52525d}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls{display:flex;align-items:center;gap:16px}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .points-feedback{margin-right:24px;color:#202020;font-weight:500;font-size:18px}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-prev,.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-next{padding:14px 32px;border-radius:8px;font-weight:500;cursor:pointer;font-size:16px;transition:all .2s}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-prev.btn-prev,.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-next.btn-prev{background:#fff;border:1px solid #202020;color:#202020}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-prev.btn-next,.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-next.btn-next{background:#202020;border:none;color:#fff}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-prev:disabled,.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-next:disabled{opacity:.3;cursor:not-allowed}@media(max-width: 768px){.quiz-player-wrapper{flex-direction:column;height:100vh;height:-webkit-fill-available;position:fixed;overflow-y:auto;overflow-x:hidden}.quiz-player-wrapper .quiz-left-pane{width:100%;padding:24px;padding-top:calc(env(safe-area-inset-top) + 24px)}.quiz-player-wrapper .quiz-left-pane .pane-header{margin-bottom:24px}.quiz-player-wrapper .quiz-left-pane .pane-content .domaine-badge{margin-bottom:20px}.quiz-player-wrapper .quiz-left-pane .pane-content .progress-section{margin-bottom:30px}.quiz-player-wrapper .quiz-left-pane .pane-content .progress-section .progress-info a{color:inherit !important;text-decoration:none !important}.quiz-player-wrapper .quiz-left-pane .pane-content h2.question-title{font-size:24px;margin-bottom:8px;line-height:1.2;word-break:break-word}.quiz-player-wrapper .quiz-left-pane .pane-content .instruction{font-size:14px}.quiz-player-wrapper .quiz-left-pane .pane-footer{display:none}.quiz-player-wrapper .quiz-right-pane{width:100%;min-height:60vh;padding:24px;padding-bottom:120px;margin-top:10px;border-radius:24px 24px 0 0}.quiz-player-wrapper .quiz-right-pane .pane-header{margin-bottom:24px;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.quiz-player-wrapper .quiz-right-pane .answers-grid{gap:12px}.quiz-player-wrapper .quiz-right-pane .answers-grid.has-images{grid-template-columns:1fr 1fr;gap:12px}.quiz-player-wrapper .quiz-right-pane .answers-grid.has-images .answer-btn{height:140px}.quiz-player-wrapper .quiz-right-pane .answers-grid .answer-btn{padding:16px;font-size:15px}.quiz-player-wrapper .quiz-right-pane .pane-footer{position:relative;margin-top:30px;padding-top:20px;padding-bottom:50px;border-top:1px solid #eee;flex-direction:column;align-items:stretch;gap:16px}.quiz-player-wrapper .quiz-right-pane .pane-footer .motivation-msg{text-align:center}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls{width:100%;gap:8px;justify-content:space-between}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .points-feedback{margin-right:0;font-size:14px}.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-prev,.quiz-player-wrapper .quiz-right-pane .pane-footer .nav-controls .btn-next{flex:1;padding:14px 8px;font-size:14px;text-align:center}}.quiz-card{padding:16px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,0);transition:all .3s;display:flex;flex-direction:column}.quiz-card .card-image{height:180px;width:100%}.quiz-card .card-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.quiz-card .card-image .placeholder-img{width:100%;height:100%;background:#eee;border-radius:12px}.quiz-card .card-content{padding:24px 0;flex:1;display:flex;flex-direction:column}.quiz-card .card-content .card-badges{display:flex;gap:12px}.quiz-card .card-content .card-badges .badge{padding:8px 16px;border-radius:40px;font-size:13px;font-weight:500;text-transform:uppercase}.quiz-card .card-content .card-badges .badge.status{background:#f2f2f2;color:#52525d}.quiz-card .card-content .card-badges .badge.status-completed{background:#e8f5e9;color:#2e7d32}.quiz-card .card-content .card-badges .badge.status-in-progress{background:#e3f2fd;color:#1565c0}.quiz-card .card-content .card-badges .badge.domaine{background:#f2f2f2;color:#52525d}.quiz-card .card-content h3{font-size:20px;margin-bottom:20px;font-weight:500;color:#202020;line-height:1.2}.quiz-card .card-content .card-info{display:flex;align-items:center;gap:16px;margin-bottom:24px;color:#52525d;font-size:15px}.quiz-card .card-content .card-info .info-item{display:flex;align-items:center;gap:8px}.quiz-card .card-content .card-info .info-item svg{opacity:.6}.quiz-card .card-content .button.dark{margin-top:auto;font-size:16px;width:100%;flex:none;padding:20px 15px}.quiz-result-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;opacity:1;transition:all .4s cubic-bezier(0.16, 1, 0.3, 1)}.quiz-result-modal.hidden{display:none;opacity:0;pointer-events:none}.quiz-result-modal .modal-content{background:#fff;padding:60px 40px;border-radius:32px;text-align:center;max-width:440px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.15);transform:scale(1);transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1)}.quiz-result-modal .modal-content .success-icon-wrapper{width:100px;height:100px;background:#202020;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:popIn .6s cubic-bezier(0.16, 1, 0.3, 1)}.quiz-result-modal .modal-content h2{font-size:36px;margin-bottom:12px;font-weight:600;color:#202020}.quiz-result-modal .modal-content .congrats-text{color:#888;font-size:16px;margin-bottom:40px}.quiz-result-modal .modal-content .score-display-card{background:#f8f9fa;border:1px solid #eee;padding:32px;border-radius:24px;margin-bottom:48px}.quiz-result-modal .modal-content .score-display-card .score-label{font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#999;display:block;margin-bottom:8px}.quiz-result-modal .modal-content .score-display-card .score-value{font-size:48px;font-weight:800;color:#202020}.quiz-result-modal .modal-content .score-display-card .score-value small{font-size:18px;font-weight:500;color:#888;margin-left:4px}.quiz-result-modal .modal-content .modal-actions{display:flex;flex-direction:column;gap:16px}.quiz-result-modal .modal-content .modal-actions .btn-primary{background:#202020;color:#fff;padding:20px 32px;border-radius:16px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;transition:all .2s}.quiz-result-modal .modal-content .modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);background:#333}.quiz-result-modal .modal-content .modal-actions .btn-primary svg{transition:transform .2s}.quiz-result-modal .modal-content .modal-actions .btn-primary:hover svg{transform:translateX(4px)}.quiz-result-modal .modal-content .modal-actions .btn-text{background:rgba(0,0,0,0);border:none;color:#888;font-size:15px;font-weight:500;cursor:pointer;padding:12px;transition:color .2s}.quiz-result-modal .modal-content .modal-actions .btn-text:hover{color:#202020;text-decoration:underline}@keyframes popIn{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width: 768px){.quiz-result-modal .modal-content{width:95%;padding:30px 20px}.quiz-result-modal .modal-content h2{font-size:28px}}.wide-cards-list{display:flex;flex-direction:column;gap:24px;max-width:1000px;width:100%}.wide-cards-list{display:flex;flex-direction:column;gap:20px;max-width:900px}.wide-cards-list .wide-card{display:flex;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:#202020;transition:transform .2s,box-shadow .2s;border:1px solid #eaeaea}.wide-cards-list .wide-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.06)}.wide-cards-list .wide-card .card-image{width:40%;min-height:200px;background:#eee}.wide-cards-list .wide-card .card-image img{width:100%;height:100%;object-fit:cover}.wide-cards-list .wide-card .card-content{padding:40px;display:flex;flex-direction:column;justify-content:center;flex:1}.wide-cards-list .wide-card .card-content h3{font-size:24px;margin-bottom:8px;font-weight:600}.wide-cards-list .wide-card .card-content .count{color:#888;margin-bottom:24px;font-size:15px}.wide-cards-list .wide-card .card-content .button.dark{width:fit-content;padding:12px 32px}@media(max-width: 768px){.wide-cards-list .wide-card{flex-direction:column}.wide-cards-list .wide-card .card-image{width:100%;height:160px}.wide-cards-list .wide-card .card-content{padding:24px}}.wide-card{display:flex;background:#fff;border-radius:16px;padding:16px;text-decoration:none;transition:all .3s cubic-bezier(0.16, 1, 0.3, 1);color:inherit;gap:40px}.wide-card .card-image{width:65%;height:250px;border-radius:16px;overflow:hidden;flex-shrink:0}.wide-card .card-image img{width:100%;height:100%;object-fit:cover}.wide-card .card-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:40px}.wide-card .card-content h3{font-size:24px;font-weight:600;color:#202020;margin-bottom:8px;line-height:1.2}.wide-card .card-content .count{font-size:16px;color:#888;margin-bottom:32px}.wide-card .card-content .button{height:55px;padding:32px 128px}@media(max-width: 768px){.wide-card{flex-direction:column;padding:12px 6px;gap:16px}.wide-card .card-image{width:90%;height:200px}.wide-card .card-content{padding-right:0;padding-bottom:8px}.wide-card .card-content h3{font-size:20px}.wide-card .card-content .button{width:100%;padding:32px 0;height:auto}}.reference-card{flex:0 0 auto;width:380px;height:240px;scroll-snap-align:start;border-radius:10px;min-width:350px;flex:0 0 auto}.reference-card:hover{opacity:.8}.reference-card-image{width:100%;height:100%;border-radius:10px;background-size:cover;background-position:center center;position:relative}.reference-card-content{position:absolute;z-index:2;bottom:0;padding:20px}.reference-title{color:#fff;font-size:30px;margin:5px 0}.reference-designer{color:#f7f7f7;text-transform:uppercase;font-size:16px;margin:0}.overlay-bottom{display:none;position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;height:auto;min-height:20dvh;padding:32px 16px calc(env(safe-area-inset-bottom, 24px) + 16px) 16px;background-color:rgba(0,0,0,.7);z-index:999;backdrop-filter:blur(5px)}@media screen and (min-width: 1025px)and (max-width: 1300px){.reference-card{width:380px;height:230px}}@media screen and (min-width: 601px)and (max-width: 1024px){.reference-card{width:380px;height:220px}}@media screen and (min-width: 426px)and (max-width: 600px){.reference-card{width:350px;height:200px}}@media screen and (max-width: 425px){.reference-card{width:90vw;height:200px}}.text-show{width:60vw;max-width:1000px;margin-top:82dvh;transition:margin-top .6s ease}.text-show.small-height{margin-top:48dvh}.title-description-reference{margin-top:48px;font-size:24px}.text-description-reference{margin-top:16px;overflow-wrap:break-word}.text-contributor{margin-top:8px;line-height:130%;color:var(--color-text);text-align:center}.vertical-divider{width:3px;height:40px;background-color:var(--color-primary)}@media screen and (min-width: 1025px)and (max-width: 1300px){.text-show{width:70vw}}@media screen and (min-width: 601px)and (max-width: 1024px){.text-show{width:80vw;margin-top:68dvh}.title-description-reference{font-size:22px}.text-contributor{font-size:17px}}@media screen and (min-width: 426px)and (max-width: 600px){.text-show{width:85vw;margin-top:70dvh}.title-description-reference{font-size:20px}.text-contributor{font-size:16px}}@media screen and (max-width: 425px){.text-show{width:90vw;margin-top:70dvh}.title-description-reference{font-size:20px;margin-top:24px}.text-contributor{font-size:16px}}.header-show{transition:height .6s ease,background-color .3s ease;overflow:hidden;position:relative}.header-show{position:relative;display:flex;justify-content:center;width:100vw;height:80dvh;position:fixed;top:0;left:0;background:center center/cover no-repeat}.header-show::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;filter:blur(20px);transform:scale(1.1);z-index:0}.header-show::after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,0);z-index:1;transition:background-color .3s ease}.header-show.small-height{height:34dvh !important;min-height:265px;z-index:909}.header-show.small-height::after{background-color:rgba(0,0,0,.7)}.header-show.small-height::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1}.header-show.small-height .top-img-header{z-index:-1}.info-header-show{opacity:1;transition:opacity .3s ease}.info-header-show.hidden{opacity:0}.header-top{opacity:0;transition:opacity .3s ease;z-index:999 !important}.header-top{display:none;position:absolute;left:5vw;bottom:20px;padding:0 10px 10px 10px;z-index:99}.top-img-header{object-fit:contain}@media screen and (min-width: 601px)and (max-width: 1024px){.header-show{height:70dvh}.header-top{display:none;position:absolute;bottom:40px;left:5vw;padding:10px;z-index:99}}@media screen and (min-width: 426px)and (max-width: 600px){.header-show{height:75dvh}.header-show.small-height{height:auto}.header-top{display:none;position:absolute;bottom:10px;left:5vw;padding:10px;z-index:99}}@media screen and (max-width: 425px){.header-show{height:75dvh}.header-show.small-height{height:auto}.header-top{display:none;position:absolute;bottom:10px;left:5vw;padding:10px;z-index:99}}.info-card{gap:8px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.3);color:#fff;padding:12px 25px;height:30px;border-radius:5px;font-size:20px}.info-card:hover{cursor:pointer;background-color:var(--color-secondary);color:var(--color-primary);opacity:.9}.info-card:hover svg path{fill:var(--color-primary)}.info-card-dark{gap:8px;display:flex;align-items:center;justify-content:center;background-color:rgba(32,32,32,.4);color:var(--color-secondary);padding:12px 25px;height:30px;border-radius:5px;font-size:20px;z-index:99}.info-card-dark:hover{cursor:pointer;background-color:#3c3c3c;color:var(--color-secondary)}.info-card-dark:hover svg path{fill:var(--color-secondary)}.info-card-dark:active{background-color:#1b1b1b}.info-card-first-content{display:flex;flex-wrap:wrap;padding-right:24px;gap:24px;position:absolute;bottom:50px;left:5vw;z-index:2}.notion-container{border-radius:20px;width:fit-content;padding:12px 20px;background-color:var(--color-secondary);color:var(--color-primary);font-weight:400;font-size:14px}.notion-container.theme-trigger:hover{background-color:#3c3c3c !important}.notions-flex{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.flex-info{margin-top:16px;display:flex;gap:24px}.flex-contributor{display:flex;justify-content:space-evenly;align-items:center;margin-top:48px}.flex-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:40px;margin-top:32px}.flex-actions .circle{z-index:-1}.horizontal-scroll-section{overflow:hidden;width:100%}.horizontal-wrapper{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding-right:24px}@media screen and (min-width: 601px)and (max-width: 1024px){.info-card-dark{padding:12px 20px;font-size:17px}}@media screen and (min-width: 426px)and (max-width: 600px){.info-card{padding:10px 20px;font-size:16px}.info-card-dark{padding:10px 20px;font-size:16px}.horizontal-scroll-section{margin-right:28px}}@media screen and (max-width: 425px){.info-card{width:fit-content;padding:10px 20px;font-size:16px}.info-card-dark{padding:10px 20px;font-size:16px}.horizontal-scroll-section{margin-right:24px}}.body-show{padding-bottom:50px;display:flex;flex-direction:column}.header-top.show-header-top{opacity:1}.hidden{opacity:1;transition:opacity .3s ease}.hidden.hidden{opacity:0}.content-show{margin-top:20px;width:100vw;display:flex;flex-direction:column;align-items:center;transition:margin-top .6s ease-in-out}.hidden{display:none}.header-top p,.header-top a{color:var(--color-secondary)}.header-top.show-header-top{display:flex;width:calc(100% - 10vw);justify-content:space-between;align-items:flex-end}.small-circle{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 1s ease}.button-circle p{color:var(--color-primary);font-size:20px}.reference-card-image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:rgba(0,0,0,.4);z-index:1}#copyLink{background:none;border:none}.box-contributor{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20vw}.contributor{font-size:22px;text-transform:uppercase;font-weight:500;text-align:center;color:var(--color-primary)}.flag{vertical-align:middle}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:800}.naviguation-buttons .button{text-align:center}@media screen and (min-width: 601px)and (max-width: 1024px){.body-show{padding-bottom:50px}.content-show{margin-top:50px}.flex-info{margin-top:16px;gap:16px}.info-card-dark svg{scale:.8}.small-circle{width:12px;height:12px}.flex-actions{margin-top:32px;gap:32px}.button-circle p{font-size:18px}.reference-designer{font-size:18px;margin:0}.reference-title{font-size:26px;margin:5px 0}.flex-contributor{gap:32px}.box-contributor{width:40vw}.contributor{font-size:19px}}@media screen and (min-width: 426px)and (max-width: 600px){.flex-back-btn,.flex-right-btn{top:var(--safe-area-top-android, env(safe-area-inset-top, 24px))}.body-show{padding-bottom:50px}.content-show{margin-top:50px}.header-top.show-header-top{flex-direction:column;justify-content:start;align-items:start}.flex-info{margin-top:16px;flex-wrap:wrap;gap:8px;padding-right:5vw}.info-card-dark svg{scale:.8}.small-circle{width:12px;height:12px}.flex-actions{margin-top:32px;gap:32px;flex-direction:column}.button-circle p{font-size:18px}.reference-designer{font-size:16px;margin:0}.reference-title{font-size:24px;margin:5px 0}.flex-contributor{flex-direction:column;gap:32px}.vertical-divider{display:none}.box-contributor{width:70vw}.contributor{font-size:18px}}@media screen and (max-width: 425px){.flex-back-btn,.flex-right-btn{top:max(var(--safe-area-top-android, 0px),env(safe-area-inset-top, 0px),24px);gap:0px}.body-show{padding-bottom:50px}.content-show{margin-top:50px}.header-top.show-header-top{flex-direction:column;justify-content:start;align-items:start}.flex-info{margin-top:16px;gap:8px;flex-wrap:wrap;padding-right:24px}.info-card-dark svg{scale:.7}.small-circle{width:12px;height:12px}.flex-actions{margin-top:32px;gap:32px;flex-direction:column}.button-circle p{font-size:18px}.reference-designer{font-size:16px;margin:0}.reference-title{font-size:24px;margin:5px 0}.flex-contributor{flex-direction:column;gap:32px}.box-contributor{width:80vw}.vertical-divider{display:none}.contributor{font-size:18px}}body.dark-mode .notion-container{background-color:#272729;color:var(--color-white)}body.dark-mode .contributor{color:var(--color-white)}body.dark-mode .pagination span,body.dark-mode .pagination a{color:var(--color-white)}#closeImageModal{color:#fff;position:absolute;right:2.5vw;top:24px;z-index:999;cursor:pointer;font-size:48px}#imageModal{display:none;position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.85);align-items:center;justify-content:center}#imageModal.show{display:flex}#closeImageModal:hover{color:#bbb}#modalImage{width:auto;height:auto;max-width:100%;max-height:80vh;display:block}.naviguation{width:100%;box-sizing:border-box;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;gap:24px}.naviguation-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%;box-sizing:border-box}.naviguation-title{color:#fff}.next-card{margin-left:20vw}.flex-back-btn{display:flex;position:absolute;z-index:100;top:50px;left:5vw;gap:16px}.button-circle{gap:16px;display:flex;cursor:pointer;align-items:center}.button-circle:hover .circle{background-color:#3c3c3c}.button-circle:hover p{color:#3c3c3c}.button-circle:active .circle{background-color:#1b1b1b}.button-circle:active p{color:#1b1b1b}@media screen and (min-width: 601px)and (max-width: 1024px){.next-card{margin-left:5vw}.button-circle{gap:16px}}@media screen and (min-width: 426px)and (max-width: 600px){.next-card{margin-left:5vw}.button-circle{gap:16px}}@media screen and (max-width: 425px){.next-card{margin-left:5vw}.button-circle{gap:16px}}.share-options{padding:0 16px;margin-top:32px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.share-button{background:var(--color-primary);border:none;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none}.share-button svg{fill:var(--color-secondary)}@media screen and (min-width: 601px)and (max-width: 1024px){.share-options{margin-top:32px;gap:15px}}@media screen and (min-width: 426px)and (max-width: 600px){.share-options{margin-top:32px;gap:15px}}@media screen and (max-width: 425px){.share-options{margin-top:32px;gap:15px}}.slider-slides{position:absolute;z-index:2;inset:0}.slider-slides .top-img-header{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;cursor:pointer;opacity:0;transition:opacity .6s ease-in-out}.slider-slides .top-img-header.active{opacity:1}.image-slider-container{position:relative;height:100%;width:100%}.image-slider-container .slider-slides{position:relative;inset:unset;height:100%;width:100%}.image-slider-container .slider-slide-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.image-slider-container .slider-slide-wrapper.active{opacity:1;visibility:visible}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:100;background:rgba(0,0,0,.2);border:none;color:#fff;cursor:pointer;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.slider-nav svg{scale:.7}.slider-nav:hover{background:rgba(0,0,0,.4)}.slider-nav.prev{left:5vw}.slider-nav.next{right:5vw}.header-show.small-height .slider-nav,.header-show.small-height .slider-dots{display:none}.slider-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:10px}.slider-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;padding:0;transition:background-color .2s ease}.slider-dot.active{background:#fff}.header-show.small-height .slider-slides{z-index:-1}.validation{top:0;left:0;position:fixed;z-index:9999;width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;gap:32px}.validation-title{color:#fff;font-size:22px;font-weight:500}.validation-text{font-size:18px;color:#d9d9d9;width:40vw;text-align:center}@media screen and (min-width: 601px)and (max-width: 1024px){.validation{gap:24px}.validation-text{width:50vw}}@media screen and (min-width: 426px)and (max-width: 600px){.validation{gap:24px}.validation-text{width:50vw}}.card-designer,.card-reference{background-repeat:no-repeat;width:10vw;height:280px;border-radius:10px;display:flex;align-items:end;position:relative;padding:20px}.card-designer:hover,.card-reference:hover{opacity:.8}.card-designer::after,.card-reference::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);border-radius:10px}.title-card-designer,.title-card-reference{font-size:100%;font-weight:500;text-transform:uppercase;margin-top:8px;color:var(--color-white)}.card-designer .country-card-designer,.domaine-card-reference{font-size:14px;font-weight:300;text-transform:uppercase;color:var(--color-white)}.inner-card-designer,.inner-card-reference{position:relative;z-index:1}@media screen and (max-width: 425px){.card-designer,.card-reference{width:calc(40vw - 20px);height:240px;padding:15px}}@media screen and (min-width: 426px)and (max-width: 600px){.card-designer,.card-reference{width:calc(38vw - 20px);height:240px;padding:15px}}@media screen and (min-width: 601px)and (max-width: 768px){.card-designer,.card-reference{width:calc(38vw - 20px);height:240px;padding:15px}}@media screen and (min-width: 769px)and (max-width: 1024px){.card-designer,.card-reference{width:calc(24vw - 20px);height:240px;padding:15px}}@media screen and (min-width: 1025px)and (max-width: 1280px){.card-designer,.card-reference{width:calc(24vw - 36px);height:260px;padding:15px}}@media screen and (min-width: 1700px){.card-designer,.card-reference{width:9vw}}.search-filters{display:flex;flex-wrap:wrap;gap:48px 16px;position:relative}@media screen and (max-width: 480px){.search-filters{gap:16px}}@media screen and (min-width: 481px)and (max-width: 768px){.search-filters{gap:24px}}.search-filter{width:16vw;display:flex;flex-direction:column;gap:8px}@media screen and (max-width: 480px){.search-filter{width:100%}}@media screen and (min-width: 481px)and (max-width: 768px){.search-filter{width:calc(50% - 12px)}}@media screen and (min-width: 769px)and (max-width: 1024px){.search-filter{width:30% !important}}.search-filter__label{font-size:14px;color:var(--color-gray-700, #666);font-weight:500}.search-filter__select{display:flex !important}.search-filter .select2{height:55px !important;display:flex !important}.dropdown{position:relative;display:inline-block;width:100%}.selection{width:100%}.dropdown.active .dropdown-menu{display:flex;flex-direction:column;gap:16px}.date-filter{border-radius:5px;padding:8px;width:100%;border:2px solid var(--color-gray-200)}@media screen and (max-width: 425px){.dropdown-menu{width:80%}.dropdown-menu{width:80%}.dropdown-menu{width:80%}}.searchpage{margin-top:148px}.flex-container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;column-gap:1.5vw;row-gap:24px;padding:32px 0;max-width:1200px}@media screen and (max-width: 425px){.filter{width:100% !important}.searchpage{margin-top:124px;padding-top:var(--safe-area-top-android, env(safe-area-inset-top, 0px))}.flex-container{row-gap:16px;padding:24px 0}.top-bar-search{padding-top:var(--safe-area-top-android, env(safe-area-inset-top, 0px))}}@media screen and (max-width: 425px)and (min-width: 426px)and (max-width: 600px){.filters{flex-direction:column}.filter{width:100% !important}.searchpage{margin-top:132px}.flex-container{row-gap:16px;padding:24px 0}}@media screen and (max-width: 425px)and (min-width: 601px)and (max-width: 768px){.flex-container{row-gap:16px;padding:24px 0}}@media screen and (max-width: 425px)and (min-width: 769px)and (max-width: 1024px){.flex-container{row-gap:16px;padding:24px 0}}@media screen and (max-width: 425px)and (min-width: 1025px)and (max-width: 1280px){.flex-container{column-gap:16px;row-gap:16px;padding:24px 0}}.select2-container .select2-selection{border-radius:4px !important;border:2px solid var(--color-gray-200) !important;padding:10px !important}.select2-search__field{width:100% !important}.dropdown-menu{display:none;position:absolute;background:#fff;border:1px solid #ccc;padding:10px;width:100%;z-index:10;flex-direction:column;gap:16px;margin-top:5px !important;border-radius:10px !important;border:2px solid var(--color-gray-200) !important;box-shadow:0px 4px 6px rgba(0,0,0,.1);overflow:hidden;padding:24px}.dropdown-menu div{display:flex;flex-direction:column;gap:8px}.dropdown-menu.active{display:flex}.dropdown-menu label{display:block;margin-top:5px;color:var(--color-text)}.dropdown-menu input{width:calc(100% - 24px);background-color:var(--color-gray-100);padding:10px 5px;text-align:center}.select2-results__options{display:flex !important;flex-direction:column !important;gap:12px !important;padding:16px !important}.select2-selection__rendered{display:inline-flex !important;align-items:center !important;gap:4px;overflow-x:auto !important;scrollbar-width:thin;scrollbar-color:#999 #f0f0f0}.select2-container--default .select2-selection--multiple{overflow:hidden !important;overflow-x:scroll !important}.select2-selection__rendered::-webkit-scrollbar{height:4px}.select2-selection__rendered::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.select2-selection__rendered::-webkit-scrollbar-thumb{background-color:#999;border-radius:4px;border:1px solid #f0f0f0}.select2-selection__rendered::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-700)}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--color-primary) !important;color:#fff !important;border-radius:5px !important;padding:8px 12px !important;font-size:16px}.dropdown-toggle{width:100%;padding:10px;background:var(--color-white);border:2px solid var(--color-gray-200);color:var(--color-text) !important;font-size:16px;cursor:pointer;text-align:left;border-radius:4px}.select2-container{width:100% !important}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff !important}body.dark-mode .dropdown-menu{background-color:#272729}body.dark-mode .dropdown-menu label{color:var(--color-gray-200)}body.dark-mode .dropdown-menu input{background-color:#272729}body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--color-white) !important;color:#272729 !important}.select2-item-with-color{display:flex;align-items:center;justify-content:space-between;width:100%}.select2-color-circle{display:inline-block;width:16px;height:16px;border-radius:50%;margin-left:8px;flex-shrink:0}.select2-selection__choice .select2-item-with-color{width:auto;gap:6px}.select2-selection__choice .select2-color-circle{width:12px;height:12px;margin-left:4px}.tabs{display:flex;margin-top:48px;border-bottom:2px solid var(--color-gray-200);gap:4px}@media screen and (max-width: 425px){.tabs{margin-top:24px;flex-direction:column}}@media screen and (min-width: 426px)and (max-width: 600px){.tabs{margin-top:24px}}@media screen and (min-width: 601px)and (max-width: 768px){.tabs{margin-top:24px}}.tab{font-size:16px;color:var(--color-text);font-weight:500;border:none;background:rgba(0,0,0,0);padding:12px 32px}.tab.active{color:var(--color-primary);font-weight:600;border-bottom:3px solid var(--color-primary)}.tab:hover{cursor:pointer;color:var(--color-gray-800);font-weight:600;border-bottom:3px solid var(--color-gray-800)}@media screen and (max-width: 425px){.tab{padding:16px 32px}}@media screen and (min-width: 426px)and (max-width: 600px){.tab{padding:12px 18px}}@media screen and (min-width: 601px)and (max-width: 768px){.tab{padding:12px 18px}}body.dark-mode .tab{color:var(--color-gray-200)}body.dark-mode .tab.active{color:var(--color-white);border-bottom:3px solid var(--color-white)}body.dark-mode .tab:hover{color:var(--color-white);border-bottom:3px solid var(--color-white)}.timeline{display:flex;align-items:flex-end;justify-content:flex-start;padding:20px;overflow-x:auto;white-space:nowrap;position:relative;gap:54px;height:200px;margin:48px 0}.timeline::after{content:"";position:absolute;bottom:50px;left:0;height:4px;background:var(--color-primary);z-index:0;background:#000}.timeline::after{width:var(--line-width, 100%)}.timeline-item{display:inline-block;text-align:center;position:relative;min-width:50px;flex-shrink:0;z-index:1}.year{color:var(--color-primary)}.references{display:flex;flex-direction:column;align-items:center;gap:8px}.references-container{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:8px}.references-container::-webkit-scrollbar{display:none}.hidden-references{display:none;flex-direction:column;gap:8px}.references-counter{display:flex;flex-direction:row;align-items:center}.references-counter::-webkit-scrollbar{display:none}.references-counter .hidden-references{margin-left:12px;display:flex;flex-direction:row;gap:8px;align-items:center}.references-counter .hidden-references::-webkit-scrollbar{display:none}.reference{width:35px;height:35px;background-color:var(--color-primary);border-radius:50%;cursor:pointer;background-size:cover;-webkit-user-drag:none;user-select:none;flex-shrink:0}.reference:hover,.circle-with-number:hover{opacity:.8;cursor:pointer}.reference.empty{width:15px;height:15px;background-color:var(--color-primary);border-radius:50%}.reference.empty:hover{cursor:auto;opacity:1}.circle-with-number{font-weight:500;width:35px;height:35px;border-radius:50%;background-color:var(--color-secondary);color:var(--color-primary);display:flex;justify-content:center;align-items:center;user-select:none;flex-shrink:0}.flex-form trix-toolbar div{display:block}trix-editor b,trix-editor strong,.trix-content b,.trix-content strong{font-weight:bold !important}trix-editor i,trix-editor em,.trix-content i,.trix-content em{font-style:italic !important}trix-editor ul,.trix-content ul{list-style-type:disc !important;padding-left:20px !important}trix-editor ol,.trix-content ol{list-style-type:decimal !important;padding-left:20px !important}trix-editor blockquote,.trix-content blockquote{border-left:4px solid #e9e9e9 !important;padding-left:15px !important;color:#777 !important;margin-left:0 !important}trix-editor{background-color:#fff;color:#202020;border:2px solid #e9e9e9;border-radius:5px;padding:25px;min-height:150px;width:100%;box-sizing:border-box;font-size:15px;line-height:1.5;margin-top:-16px}.flex-form trix-editor div{display:block}body.dark-mode trix-editor{background-color:#272729;color:var(--color-white);border-color:#333}body.dark-mode trix-editor blockquote,body.dark-mode .trix-content blockquote{border-left-color:#555 !important;color:#ccc !important}@media screen and (min-width: 601px)and (max-width: 768px){trix-editor{width:calc(100% - 36px)}}@media screen and (min-width: 376px)and (max-width: 600px){trix-editor{width:calc(100% - 36px)}}@media screen and (max-width: 375px){trix-editor{width:calc(100% - 36px)}}.footer{margin-top:64px;color:#fff;font-family:system-ui,sans-serif;display:flex;flex-direction:column;position:relative}.footer a{color:var(--color-secondary);text-decoration:none;font-size:18px}.footer a:hover{text-decoration:underline;text-underline-offset:3px}.footer-top{background:var(--color-primary);margin-left:350px;width:calc(100% - 12vw - 350px);display:flex;justify-content:space-between;flex-wrap:wrap;padding:64px 6vw;border-bottom:.5px solid #fff}.footer-logo{display:flex}.footer-brand .logo{width:225px;height:auto;margin-bottom:24px}.footer-brand .tagline{font-size:18px;margin-bottom:24px;color:var(--color-secondary)}.footer-title{color:var(--color-secondary);margin-bottom:28px;font-size:22px;font-weight:600}.footer-nav ul{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:16px}.back-top{align-items:center;cursor:pointer;position:absolute;right:4vw;top:332px;color:var(--color-primary) !important;text-decoration:underline}.footer-bottom{margin-left:350px;width:calc(100% - 12vw - 350px);display:flex;justify-content:space-between;align-items:center;padding:42px 6vw;background:#171717}.footer-bottom .legal{color:#fff;display:flex;gap:1rem;list-style:none;margin:0;padding:0}.footer-bottom .legal a{font-size:18px;color:var(--color-secondary)}.footer-bottom p{color:var(--color-secondary);font-size:18px;font-weight:400}.socials{margin-top:82px}.socials a{text-decoration:none !important}.socials a:hover{opacity:80%}.large-footer .footer-bottom,.large-footer .footer-top{margin-left:0;width:calc(100% - 12vw)}@media(max-width: 1500px){.footer-top,.footer-bottom{width:calc(100% - 8vw - 350px)}.footer-top{padding:64px 4vw}.footer-bottom{gap:16px;padding:36px 4vw;flex-wrap:wrap}.tagline{width:70%}.footer-brand .logo{width:180px}.back-top{font-size:16px !important;padding:16px 28px}.footer-title{font-size:20px}.footer-bottom .legal a{font-size:17px}.footer-bottom p{font-size:17px}.large-footer .footer-bottom,.large-footer .footer-top{margin-left:0;width:calc(100% - 8vw)}}@media(max-width: 1280px){.footer-top{flex-wrap:wrap;gap:24px;width:calc(100% - 8vw - 30vw);margin-left:30vw}.back-top{right:6vw;bottom:120px;height:60px}.footer-brand .tagline{margin-bottom:32px}.footer-bottom{flex-direction:column;gap:20px;width:calc(100% - 8vw - 30vw);margin-left:30vw;text-align:center}.large-footer .footer-bottom,.large-footer .footer-top{margin-left:0;width:calc(100% - 8vw)}.back-top{display:none}}@media(max-width: 1024px){.footer-top{width:calc(100% - 8vw);margin-left:0}.footer-bottom{width:calc(100% - 8vw);margin-left:0;padding-bottom:110px}}@media(max-width: 576px){.footer-brand .logo{width:160px}.footer-title{font-size:18px}.footer-bottom{flex-wrap:wrap}.socials a svg{scale:.8}.back-top{right:5vw;bottom:80px}.legal{flex-wrap:wrap}}.header-desktop{overflow-x:hidden;box-sizing:border-box;position:fixed;width:350px;height:100dvh;padding:0 50px;overflow-y:auto;z-index:99;transition:width .3s ease,height .3s ease;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff}@media(max-height: 1000px){.header-desktop{overflow-y:auto}}.header-desktop ::-webkit-scrollbar{width:6px}.header-desktop ::-webkit-scrollbar-thumb{background:var(--color-text);border-radius:10px}.header-desktop ::-webkit-scrollbar-thumb:hover{background:#363636}.first-content-header{padding-top:36px;display:flex;flex-direction:column;gap:7dvh}.naviguation-header{display:flex;flex-direction:column;gap:48px}.logo-header{display:flex;align-items:center;gap:1.5vw}.name-header{font-weight:500;font-size:1.5rem}.header-desktop ul{display:flex;flex-direction:column;gap:26px}.header-desktop li a{display:inline-flex;align-items:center;gap:1rem;font-weight:500;font-size:1.2rem;transition:opacity .3s ease}.header-desktop li a:hover{color:#3c3c3c;opacity:.8}.header-desktop li a:hover svg path{fill:#3c3c3c}.header-desktop li a:active{color:#1b1b1b}.header-desktop li a:active svg path{fill:#1b1b1b}.header-desktop li a svg{scale:.9}.header-desktop li .active{font-size:1.2rem;font-weight:600}.link-header{display:flex;flex-direction:column;gap:1rem;padding-top:6dvh;padding-bottom:24px}.link-header p{font-size:1rem}.link-header a{font-size:1rem;cursor:pointer;transition:opacity .3s ease}.link-header a:hover{opacity:.6}@media screen and (min-width: 1025px)and (max-width: 1280px){.header-desktop{width:30vw;height:100vh;padding:0 4vw}.name-header{font-size:1.25rem;margin-left:1rem}header ul{gap:1.25rem}header li a{gap:1rem;font-size:1.125rem}header li a svg{scale:.8}header li .active{font-size:1.125rem}.link-header a{font-size:1rem}}.header-mobile{display:none}@media screen and (min-width: 769px){.header-mobile{display:none}.header-desktop{display:flex}}@media screen and (max-width: 1024px){.header-desktop{display:none}.header-mobile{display:block}.header-mobile header{box-sizing:border-box;position:fixed;bottom:0;left:0;width:100vw;height:72px;background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 -2px 6px rgba(0,0,0,.1);z-index:999}.header-mobile .nav-header{width:100%;padding:0 3vw}.header-mobile ul{display:flex;flex-direction:row;justify-content:space-between;width:100%;list-style:none;margin:0;padding:0}.header-mobile li{flex:1;text-align:center}.header-mobile li a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;gap:.3rem;color:var(--color-text)}.header-mobile li a svg{width:24px;height:24px}.header-mobile li a svg path{fill:var(--color-text);transition:fill .3s ease}.header-mobile li a:hover{opacity:.8}.header-mobile li a:active{transform:scale(0.95);opacity:.7}.header-mobile li .active{color:var(--color-primary)}.header-mobile li .active svg path{fill:var(--color-primary)}body.dark-mode .header-mobile header{background-color:#272729}body.dark-mode .header-mobile li a{color:var(--color-gray-200)}body.dark-mode .header-mobile li a svg path{fill:var(--color-gray-200)}body.dark-mode .header-mobile li .active{color:var(--color-white)}body.dark-mode .header-mobile li .active svg path{fill:var(--color-white)}}header{background-color:var(--color-secondary)}.name-header{color:var(--color-primary)}header li a{color:var(--color-text)}header li .active{color:var(--color-primary)}header li .active svg path{fill:var(--color-primary)}.link-header a{color:var(--color-text)}.logo-dark{display:none}body.dark-mode header{background-color:#272729}body.dark-mode .logo-header svg path{fill:var(--color-white)}body.dark-mode .name-header{color:var(--color-white)}body.dark-mode header li a{color:var(--color-gray-200)}body.dark-mode header li .active{color:var(--color-white)}body.dark-mode header li svg path{fill:var(--color-gray-200)}body.dark-mode header li .active svg path{fill:var(--color-white)}body.dark-mode .link-header a{color:var(--color-gray-200)}body.dark-mode .logo-dark{display:block}body.dark-mode .logo-light{display:none}.top-bar-search{position:fixed;z-index:900;top:0;width:calc(100vw - 350px - 20vw);height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 10vw}.top-bar-flex{display:flex;gap:1vw}.suggestion-icon{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:24px}.no-suggestion{padding:8px 16px}.autocomplete-title{margin-left:28px;margin-top:36px}@media screen and (min-width: 426px)and (max-width: 1024px){.top-bar-search{width:84vw;padding:0 8vw}.top-bar-flex{gap:8px}}@media screen and (min-width: 0px)and (max-width: 425px){.top-bar-search{width:90vw;padding:0 5vw;height:90px}.top-bar-flex{gap:8px}}.top-bar-search{background-color:var(--color-background);border-bottom:1px solid #e9e9e9}body.dark-mode .top-bar-search{background-color:#18181a;border-bottom:1px solid #272729}body.dark-mode .top-bar-flex{color:var(--color-gray-200)}.lang-switcher{display:inline-flex;align-items:center;background-color:var(--color-primary);color:var(--color-secondary);padding:10px 18px;border-radius:40px;cursor:pointer;font-size:16px;border:none;position:relative}.badges-stats-container{background:#f9f9f9;border-radius:12px;padding:24px;margin-bottom:48px;margin-top:24px;border:1px solid #eee}.badges-stats-container .stats-text{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1.1rem;color:#202020}.badges-stats-container .progress-track{width:100%;height:12px;background:#e0e0e0;border-radius:10px;overflow:hidden}.badges-stats-container .progress-fill{height:100%;background:linear-gradient(90deg, #202020, #404040);border-radius:10px;transition:width 1s ease-in-out}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:24px;margin-bottom:48px}.badge-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.badge-card.unlocked{border-color:#202020}.badge-card.unlocked:hover{transform:translateY(-4px)}.badge-card.locked{opacity:.8;background:#fafafa}.badge-card.locked .badge-visual{filter:grayscale(100%) contrast(0.8);opacity:.5}.badge-card.locked .badge-title,.badge-card.locked .badge-desc{color:#999}.badge-card .badge-visual{position:relative;width:100px;height:100px;margin-bottom:16px}.badge-card .badge-visual .badge-img{width:100%;height:100%;object-fit:contain}.badge-card .badge-visual .badge-placeholder{width:100%;height:100%;background:#eee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:bold;color:#bbb}.badge-card .badge-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;line-height:1.3}.badge-card .badge-desc{font-size:16px;color:#52525d;line-height:1.5}.top-default-page{display:flex;align-items:center;height:15vh;padding:0 5vw;gap:50px;margin-bottom:64px}.top-default-page{background-color:var(--color-primary)}.top-default-page h1{color:var(--color-secondary)}.table-wrapper{width:100%;overflow-x:scroll}table{margin-top:48px;border-collapse:collapse;width:100%}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}tr:hover{background-color:#f5f5f5}.btn{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.btn-green{background-color:#3ebc68}.btn-green:hover{background-color:#1a843e}.btn-orange{background-color:#f2ad22}.btn-orange:hover{background-color:#d49a26}th.sortable{cursor:pointer;position:relative}th.sortable::after{content:"⇅";font-size:.8em;margin-left:4px;opacity:.4}th.sortable.asc::after{content:"▲";opacity:1}th.sortable.desc::after{content:"▼";opacity:1}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));gap:2rem;padding:0 1rem 3rem}@media screen and (max-width: 450px){.top-default-page{height:10vh;padding-top:var(--safe-area-top-android, env(safe-area-inset-top, 0px))}}.references{transition:transform .5s ease-in-out}.home-flex{display:flex;flex-direction:column;align-items:center;gap:8px}.switch-home-mobile{display:none}.switch-home{position:fixed;z-index:99;margin-top:116px;padding:6px;background-color:var(--color-secondary);border:2px solid #e9e9e9;border-radius:50px;display:flex;gap:4px}.switch-home .active{border-radius:50px;font-weight:500;background-color:var(--color-primary);color:var(--color-secondary)}.switch-home a{font-size:18px;padding:11px 22px;color:var(--color-primary)}.switch-home a:hover{cursor:pointer;border-radius:50px;color:var(--color-secondary);background-color:#3c3c3c}.switch-home a:active{background-color:#1b1b1b}.nav-home-mobile{display:none}.button-nav{position:fixed;display:flex;flex-direction:column;right:3vw;bottom:45px;gap:24px}@media screen and (min-width: 601px)and (max-width: 1024px){.nav-home-mobile{background-color:#f7f7f7;display:flex;width:100vw;align-items:center;justify-content:space-around;position:fixed;top:0;z-index:9999;height:90px}.nav-home-mobile svg{scale:2}.switch-home-mobile{padding:6px;background-color:var(--color-secondary);border:2px solid #e9e9e9;border-radius:50px;display:flex;gap:4px}.switch-home-mobile .active{border-radius:50px;font-weight:500;background-color:var(--color-primary);color:var(--color-secondary)}.switch-home-mobile a{font-size:18px;padding:11px 22px;color:var(--color-primary)}.switch-home-mobile a:hover{cursor:pointer;border-radius:50px;color:var(--color-secondary);background-color:#3c3c3c}.switch-home-mobile a:active{background-color:#1b1b1b}.switch-home{display:none}.home-page.top-bar-search{display:none}.button-nav{display:none}}@media screen and (min-width: 426px)and (max-width: 600px){.nav-home-mobile{background-color:#f7f7f7;display:flex;width:100vw;align-items:center;justify-content:space-around;position:fixed;top:0;z-index:9999;height:80px}.nav-home-mobile svg{scale:1.6}.switch-home-mobile{padding:6px;background-color:var(--color-secondary);border:2px solid #e9e9e9;border-radius:50px;display:flex;gap:4px}.switch-home-mobile .active{border-radius:50px;font-weight:500;background-color:var(--color-primary);color:var(--color-secondary)}.switch-home-mobile a{font-size:16px;padding:10px 16px;color:var(--color-primary)}.switch-home-mobile a:hover{cursor:pointer;border-radius:50px;color:var(--color-secondary);background-color:#3c3c3c}.switch-home-mobile a:active{background-color:#1b1b1b}.switch-home{display:none}.home-page.top-bar-search{display:none}.button-nav{display:none}}@media screen and (min-width: 0px)and (max-width: 425px){.nav-home-mobile{background-color:#f7f7f7;display:flex;width:100vw;align-items:center;justify-content:space-around;position:fixed;top:0;z-index:999;height:70px;padding-top:var(--safe-area-top-android, env(safe-area-inset-top, 0px));gap:12px}.nav-home-mobile svg{scale:1.4}.switch-home-mobile{padding:5px;background-color:var(--color-secondary);border:2px solid #e9e9e9;border-radius:50px;display:flex;gap:4px}.switch-home-mobile .active{border-radius:50px;font-weight:500;background-color:var(--color-primary);color:var(--color-secondary)}.switch-home-mobile a{font-size:16px;padding:10px 14px;color:var(--color-primary)}.switch-home-mobile a:hover{cursor:pointer;border-radius:50px;color:var(--color-secondary);background-color:#3c3c3c}.switch-home-mobile a:active{background-color:#1b1b1b}.switch-home{display:none}.home-page.top-bar-search{display:none}.button-nav{display:none}}.flex-kit{display:flex;gap:64px;align-items:center;flex-wrap:wrap}.logo-kit-container{display:flex;flex-direction:column;justify-content:space-between;height:160px}.screen-kit{width:fit-content;display:flex;gap:16px;flex-direction:column}.kit-dossier-img{width:30vw}.button-kit{margin-top:32px;width:20vw}@media screen and (min-width: 400px)and (max-width: 650px){.button-kit{width:fit-content}.kit-dossier-img{width:40vw}.screen-kit{gap:12px}.screen-kit img{width:35vw}}@media screen and (min-width: 0px)and (max-width: 399px){.button-kit{width:fit-content}.kit-dossier-img{width:90vw}.screen-kit{gap:12px}.screen-kit img{width:90vw}}.flex-title-list{display:flex;justify-content:space-between;align-items:center}.no-list{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:25dvh;gap:32px;padding-bottom:96px}.no-list p{text-align:center;width:50%}.delete{height:60px;padding:5px;font-weight:500;font-size:18px;aspect-ratio:1/1;fill:#e61818;border:none;background-color:rgba(230,24,24,.1)}.delete:hover{background-color:rgba(230,24,24,.3)}#editButtonForm:hover,#manageUsersBtn:hover{opacity:.8;cursor:pointer}.list-edit-name{display:flex;gap:16px;align-items:center;justify-content:center}.bottom-list{position:fixed;bottom:0;right:0;width:calc(100vw - 350px - 128px);padding-right:128px;gap:24px;background-color:var(--color-secondary);display:flex;height:100px;align-items:center;justify-content:end;z-index:99}.list-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;height:45vh}.flex-card-list{margin-top:32px;display:flex;flex-wrap:wrap;gap:.5vw;padding-bottom:100px}@media screen and (max-width: 375px){.flex-card-list{align-items:center;justify-content:center;gap:4px !important}.list-edit-name{flex-wrap:wrap;padding:16px 0}}@media screen and (min-width: 0px)and (max-width: 600px){.flex-title-list{gap:16px;flex-direction:column}.no-list svg{scale:.8}.no-list p{width:80%}.delete{margin-top:32px;padding:18px;font-size:16px;height:60px}.flex-card-list{gap:16px}}@media screen and (min-width: 501px)and (max-width: 800px){.no-list p{width:65%}}@media screen and (max-width: 1280px){.bottom-list{width:62vw;padding-right:8vw}}@media screen and (max-width: 1024px){.bottom-list{justify-content:flex-end;width:100vw;padding:0 4vw;bottom:var(--native-bottom, 70px);gap:8px;height:80px}.bottom-list>form,.bottom-list>a{flex:0 0 auto;display:flex}.bottom-list .delete{margin-top:0;width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.bottom-list .button:not(.delete){width:auto;height:50px;padding:0 20px;font-size:14px;white-space:nowrap;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.bottom-list #openPopupAdd{width:auto;max-width:none}}.logo-log{margin-left:32px}.log{position:relative;background-image:url(/assets/bg-presentation.webp);background-repeat:no-repeat;background-size:cover;padding:32px 0;min-height:100vh}.box-log{padding:0px 8vw;margin-top:15dvh}.box-log h1{color:var(--color-secondary);margin-top:180px}.box-log p{color:var(--color-secondary)}.box-log p a{color:var(--color-secondary);text-decoration:underline;font-weight:500}.form{margin-top:32px;width:55vw;display:flex;flex-direction:column;gap:36px;height:100%;padding:30px 50px;border-radius:5px;background-color:rgba(0,0,0,.5);z-index:999}.form form{width:100%;display:flex;gap:16px;flex-direction:column}.sign-up-in{font-weight:300;line-height:130%;color:var(--color-secondary);text-align:center}.sign-up-in:hover{text-decoration:underline}.sign-up-in,.forgot-password{color:#fff}.sign-up-in:hover,.forgot-password:hover{text-decoration:underline}.forgot-password{text-align:right}.sign-up-in,.email-confirmation{text-align:center}.email-confirmation{color:#ededed;font-size:16px}.btn-login{margin-top:16px;width:22vw;height:65px}.actions{margin-left:auto}.password-container{position:relative}.password-container .toggle-password{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;fill:var(--color-primary)}.rgpd{width:50vw}.rgpd-label{line-height:130%}.rgpd a{color:var(--color-secondary);font-weight:500}.remember-me{margin-top:-32px;width:fit-content}.title-boxlog{margin:24px 0;font-size:24px;font-weight:500;color:#fff}.flex-login-oauth{margin-bottom:20px;display:flex;flex-direction:row;gap:10px}.form-row{display:flex;flex-direction:row;gap:16px;width:100%}@media screen and (min-width: 601px)and (max-width: 950px){.log{padding-bottom:96px}.box-log{padding:0px 4vw}.form{width:calc(90vw - 100px)}.actions{margin:0}.btn-login{width:100%;height:65px}.rgpd{width:80vw}.remember-me{margin-top:8px}.forgot-password{text-align:left}.title-boxlog{font-size:18px}.flex-login-oauth{flex-direction:column}}@media screen and (min-width: 426px)and (max-width: 600px){.box-log h1{margin-top:165px}.logo-log{width:30vw;min-width:160px}}@media screen and (min-width: 0px)and (max-width: 600px){.log{padding:0px}.box-log{margin:0;padding:0;width:100vw}.form{margin:0;width:auto;height:auto;padding:56px 5vw;border-radius:0;padding-bottom:96px}.actions{margin:0}.btn-login{width:100%;height:65px}.rgpd{width:80vw}.remember-me{margin-top:8px}.forgot-password{text-align:left}.title-boxlog{font-size:18px}.flex-login-oauth{flex-direction:column}.form-row{flex-direction:column}}.avatar-upload-container{display:flex;justify-content:flex-start;width:100%;gap:24px;margin-top:8px}.avatar-circle{position:relative;width:145px;height:145px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid #e5e5e5;display:flex;align-items:center;justify-content:center}.avatar-circle:hover .avatar-overlay{opacity:1}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eee;color:#888;font-size:32px;font-weight:600}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff}.avatar-actions{display:flex;flex-direction:column;justify-content:center;gap:10px}.avatar-actions .button{font-size:13px;padding:8px 16px !important;width:fit-content !important;white-space:nowrap;min-height:0 !important;height:45px !important}.avatar-actions .button.delete{background-color:#e61818;color:#fff;border:none}.avatar-actions .button.delete:hover{background-color:#cc1515}@media screen and (max-width: 1024px){.avatar-upload-container{align-items:center}.avatar-circle{width:95px;height:95px}}.notifications{margin:32px 0;display:flex;flex-direction:column;gap:12px}a.notification-item{text-decoration:none;cursor:pointer;width:100%;min-height:80px;background-color:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:20px 25px;color:var(--color-primary);transition:background-color .2s ease,transform .1s ease;box-sizing:border-box;border:1px solid rgba(0,0,0,0)}a.notification-item:hover{background-color:#ededed}a.notification-item:active{transform:scale(0.99)}a.notification-item.unread{background-color:#f9f9ff;border-left:4px solid var(--color-primary)}.notification-content{display:flex;flex-direction:column;gap:4px;max-width:85%}.notification-content .notification-title{font-weight:600;font-size:16px;margin:0;color:var(--color-primary)}.notification-content .notification-message{font-size:14px;color:var(--color-text);margin:0;line-height:1.4}.notification-meta{display:flex;flex-direction:column;align-items:flex-end;min-width:100px}.time{font-size:13px;color:#8d9299;margin:0;white-space:nowrap}.notification-dot{width:8px;height:8px;background-color:#e61818;border-radius:50%;margin-top:8px}@media screen and (max-width: 1024px){.notifications{margin:24px 0}.notification-item{flex-direction:column;align-items:flex-start;padding:20px;gap:12px;height:auto}.notification-content{max-width:100%}.notification-meta{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px}}.title-avantage{font-size:24px;color:var(--color-primary);font-weight:500}.flex-avantages{margin-top:64px;display:flex;align-items:center;justify-content:space-between}.box-avantage{width:45vw;display:flex;flex-direction:column;align-items:center;gap:32px}.box-avantage div{display:flex;gap:8px;flex-direction:column;align-items:center}.box-avantage p{text-align:center;width:80%}.and{text-transform:uppercase;color:var(--color-primary);font-weight:600}.code{margin-top:96px;display:flex;flex-direction:column;align-items:center;gap:32px}.title-code{color:var(--color-primary);font-weight:500}.code-input{display:flex;align-items:center;gap:16px}.code input[type=text]{width:220px;font-size:48px;font-weight:600}.code input[type=text]::placeholder{font-size:16px;font-weight:400}.title-filleul{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 425px){.title-avantage{font-size:20px}.flex-avantages{margin-top:48px;flex-direction:column;gap:32px}.box-avantage{width:80vw;gap:8px}.box-avantage svg{scale:.8}.code{margin-top:64px}.code-input{flex-direction:column}.code input[type=text]{width:60vw}}@media screen and (min-width: 426px)and (max-width: 1024px){.title-avantage{font-size:20px}.flex-avantages{margin-top:48px;gap:32px}.box-avantage{gap:8px}.box-avantage svg{scale:.85}.code{margin-top:64px}.box-avantage p{width:100%}.code-input{flex-direction:column}}.od-hero{width:100%;background-color:var(--color-primary)}.od-hero .od-badge-references{border:2.5px solid var(--color-secondary);background-color:var(--color-secondary);border-radius:999px;color:var(--color-primary);padding:10px 16px;display:flex;align-items:center;justify-content:center;margin-top:72px;gap:8px}.od-hero .od-badge-references:hover{background-color:#e7e7e7}.od-hero .od-badge-references:active{background-color:#dbdbdb;border:2.5px solid #dbdbdb}.od-hero .od-badge-highlight{font-weight:600}.od-hero-container{max-width:max-content;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:4rem 1.5rem;width:100vw}.od-hero-left{width:100vw;display:flex;flex-direction:column;gap:2.5rem;align-items:center}.od-hero-logo{height:50px;width:auto;position:absolute;left:8vw;top:65px}.od-hero-title{text-align:center;gap:1rem}.od-hero-title h1{color:#fff;font-weight:700;font-size:3.5rem;line-height:1.1}.od-hero-title p{color:rgba(255,255,255,.8);font-size:1.125rem}.od-hero-cta{margin-top:12px;display:flex;flex-direction:column;gap:16px;align-items:center}.od-hero-cta .od-cta-subtext{color:rgba(255,255,255,.7);font-size:.875rem;text-align:center}.od-hero-right{margin-top:3rem}.od-hero-right .od-hero-image{border-radius:8px;border:8px solid #fff;max-width:1100px}.od-tags-section{width:100%;padding:3rem 1.5rem}.od-tags-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.od-tags-container .od-tag{display:flex;align-items:center;gap:.5rem;padding:12px 24px;background-color:var(--color-secondary);border-radius:9999px;font-size:17px;font-weight:500;text-decoration:none;color:var(--color-primary);transition:background .3s}.od-tags-container .od-tag:hover{background-color:var(--color-primary);color:var(--color-secondary)}.od-tags-container .od-tag .od-tag-color{width:13px;height:13px;border-radius:9999px}.od-pres-section{width:100%;margin-top:96px}.od-pres-section h2{padding:0;margin:16px 0;font-size:32px;color:var(--color-primary)}.od-pres-section p{font-size:1.125rem;line-height:1.75rem;color:#374151}.od-pres-section p .od-strong{font-weight:600;color:#000}.od-pres-section .od-pres-container{max-width:100%;display:flex;flex-direction:column;gap:40px}@media(min-width: 1024px){.od-pres-section .od-pres-container{flex-direction:row;align-items:center;justify-content:space-between;gap:0}}.od-pres-section .od-pres-container .od-pres-text-wrapper{width:100%;padding:0 8vw}@media(min-width: 1024px){.od-pres-section .od-pres-container .od-pres-text-wrapper{width:45vw;display:flex;flex-direction:column;justify-content:center}}.od-pres-section .od-pres-container .od-pres-text p:first-of-type{text-transform:uppercase;font-size:14px;letter-spacing:1px;color:var(--color-primary);font-weight:600;margin-bottom:8px}.od-pres-section .od-pres-container .od-pres-text h2{font-size:40px;font-weight:600;line-height:1.2;margin-bottom:24px}.od-pres-section .od-pres-container .od-pres-text p{font-size:18px;color:#4b5563}.od-pres-section .od-pres-container .od-pres-image{width:100%;display:flex}@media(min-width: 1024px){.od-pres-section .od-pres-container .od-pres-image{width:50vw}}.od-pres-section .od-pres-container .od-pres-image .od-rounded-img{width:100%;height:auto;object-fit:cover}.od-pres-stats{display:flex;gap:4rem;margin-top:32px}.od-pres-number{font-size:40px;font-weight:600;color:var(--color-primary);margin:0}.od-pres-text-stat{margin-top:4px;font-size:16px;font-weight:600;color:var(--color-primary)}.od-quote-section{margin-top:96px;background-color:var(--color-primary);padding:8rem 8vw;display:flex;align-items:center;justify-content:center;gap:32px;overflow:hidden}@media(max-width: 768px){.od-quote-section{flex-direction:column;gap:12px;padding:6rem 1.5rem}}.od-quote-static{font-size:32px;font-weight:600;color:var(--color-secondary);margin:0;white-space:nowrap}@media(max-width: 768px){.od-quote-static{font-size:24px;white-space:normal;text-align:center}}.flex-quote-wrapper{height:250px;overflow:hidden;position:relative;display:flex;align-items:center;mask-image:linear-gradient(to bottom, transparent 0%, black 35%, black 65%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 35%, black 65%, transparent 100%)}@media(max-width: 768px){.flex-quote-wrapper{height:200px}}.flex-quote{display:flex;flex-direction:column;align-items:flex-start;position:relative;transform-style:preserve-3d}@media(max-width: 768px){.flex-quote{align-items:center}}.od-quote-text{font-size:32px;font-weight:600;color:#fff;height:50px;line-height:50px;margin:0;white-space:nowrap;transform-origin:left center}@media(max-width: 768px){.od-quote-text{font-size:24px;height:40px;line-height:40px;transform-origin:center center;text-align:center}}.od-search-section{width:100%;padding:6rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.od-search-section h2{font-size:32px;width:35vw;color:var(--color-primary);text-align:center}.od-search-section p{font-size:1.125rem;color:#374151;margin:0 auto;margin-bottom:48px}.od-search-section .od-search-image{width:80vw;margin:0 auto;margin-top:64px}.od-search-section .od-tags-container{gap:86px}.section-pres-dark{padding:96px 8vw;background-color:var(--color-primary)}.section-pres-dark h2{font-size:32px}.section-pres-dark h2,.section-pres-dark p,.section-pres-dark a{color:var(--color-secondary)}.flex-pres-portrait{margin-top:86px;display:flex;justify-content:space-around}.box-pres-portrait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.box-pres-portrait img{width:10vw}.box-pres-portrait p{margin-top:16px;margin-bottom:8px;text-align:center;width:25vw}.box-pres-portrait a{text-decoration:underline;font-weight:500}.flex-pres-picto{display:flex;gap:86px;justify-content:space-around}.flex-pres-picto .box-pres-picto{width:20vw;display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center}.flex-pres-picto .box-pres-picto p{font-weight:500;text-align:center}.section-pres-picto{display:flex;flex-direction:column;gap:64px;padding:0 7vw;margin-bottom:96px;width:calc(100% - 14vw)}.section-pres-picto h2{width:40%}.od-faq-section{padding:96px 8vw;background-color:rgba(0,0,0,0);border-top:1px solid #e5e5e5}@media(max-width: 768px){.od-faq-section{padding:64px 7vw}}.od-faq-container{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;max-width:1200px;margin:0 auto}@media(max-width: 1024px){.od-faq-container{grid-template-columns:1fr;gap:48px}}.od-faq-left{align-self:start}.od-faq-left h2{font-size:32px;font-weight:600;color:var(--color-primary);margin:0 0 16px 0}@media(max-width: 768px){.od-faq-left h2{font-size:24px}}.od-faq-left p{font-size:16px;line-height:1.5;color:var(--color-primary);margin:0 0 32px 0;max-width:380px}@media(max-width: 1024px){.od-faq-left p{max-width:100%}}.faq-accordion{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid #e5e5e5;padding:24px 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{padding-bottom:24px}.faq-question{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:18px;font-weight:600;color:var(--color-primary);cursor:pointer;user-select:none;outline:none;gap:16px}@media(max-width: 768px){.faq-question{font-size:16px}}.faq-question .faq-icon{flex-shrink:0;color:var(--color-primary);transition:transform .2s ease}details[open] .faq-icon{transform:rotate(45deg)}.faq-answer{margin-top:16px;font-size:16px;line-height:1.5;color:var(--color-primary)}.faq-answer p{margin:0}.top-profil{padding:96px 10vw;background-color:#202020;margin-bottom:16px}.top-profil h1{color:#fff}.flex-profil{margin-top:42px;display:flex;align-items:center;color:#fff;gap:32px}.img-profil{width:160px;height:160px;border-radius:200px;object-fit:cover;border-width:5px;border-color:#fff}.name{font-weight:500;font-size:30px;color:#fff}.flex-certified{display:inline-flex !important;flex-direction:row !important;align-items:center;margin-top:8px;gap:8px}.pseudo{font-size:24px;color:#fff}.version{text-align:center;color:#8d9299;font-weight:300}.flex-profils{margin-top:32px;display:flex;flex-direction:column;gap:24px}@media screen and (min-width: 601px)and (max-width: 1024px){.top-profil{padding:96px 8vw}.flex-profil{gap:40px}.img-profil{width:140px;height:140px}.name{font-size:26px}.pseudo{font-size:22px}}@media screen and (min-width: 426px)and (max-width: 600px){.top-profil{padding:64px 5vw;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-profil{margin-top:32px;flex-direction:column;gap:32px}.flex-profil div{display:flex;flex-direction:column;align-items:center}.img-profil{width:100px;height:100px}.name{font-size:22px;text-align:center}.pseudo{text-align:center;font-size:18px}.version{font-size:14px}.flex-profils{gap:24px}}@media screen and (max-width: 425px){.top-profil{padding:64px 5vw;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-profil{margin-top:32px;flex-direction:column;gap:32px}.flex-profil div{display:flex;flex-direction:column;align-items:center}.img-profil{width:90px;height:90px}.name{font-size:18px;text-align:center}.pseudo{text-align:center;font-size:16px}.version{font-size:14px}.flex-profils{gap:24px}}.leaderboard-container{background:#f9f9f9;min-height:100vh;padding-bottom:100px}.leaderboard-container .top-header .header-navigation-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:40px}.leaderboard-container .top-header .header-navigation-wrapper .header-actions{display:flex;align-items:center;gap:12px}.leaderboard-container .top-header .header-navigation-wrapper .header-actions .points-pill{background:#fff;color:#202020;padding:10px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;font-weight:500;font-size:16px}.leaderboard-container .top-header .header-navigation-wrapper .header-actions .leaderboard-icon-btn{background:#fff;color:#202020;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.leaderboard-container .top-header .header-navigation-wrapper .header-actions .leaderboard-icon-btn.active{background:#202020;color:#fff;border:1px solid rgba(255,255,255,.2)}.leaderboard-container .leaderboard-content{max-width:800px;margin:100px auto 0;position:relative;padding:0 20px}.leaderboard-container .leaderboard-content .floating-icon{width:110px;height:110px;background:#202020;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:0;transform:translate(-50%, -50%);z-index:20}.leaderboard-container .leaderboard-content .floating-icon .icon-inner{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none}.leaderboard-container .leaderboard-content .floating-icon .icon-inner img{width:36px;height:36px}.leaderboard-container .leaderboard-content .leaderboard-card{background:#252525;border-radius:8px;padding:90px 40px 40px;position:relative}.leaderboard-container .leaderboard-content .leaderboard-card .search-section{display:flex;justify-content:center;margin-bottom:40px}.leaderboard-container .leaderboard-content .leaderboard-card .search-section form{width:100%;display:flex;justify-content:center}.leaderboard-container .leaderboard-content .leaderboard-card .search-section .search-input-wrapper{background:#fff;border-radius:40px;display:flex;align-items:center;padding:0 20px;height:52px;width:100%;max-width:400px;gap:10px}.leaderboard-container .leaderboard-content .leaderboard-card .search-section .search-input-wrapper svg{flex-shrink:0;color:rgba(0,0,0,.35)}.leaderboard-container .leaderboard-content .leaderboard-card .search-section .search-input-wrapper input,.leaderboard-container .leaderboard-content .leaderboard-card .search-section .search-input-wrapper input[type=text]{border:none !important;background:rgba(0,0,0,0) !important;padding:0 !important;width:100% !important;height:100% !important;outline:none !important;font-size:15px;color:#202020;box-shadow:none !important;appearance:none;-webkit-appearance:none}.leaderboard-container .leaderboard-content .leaderboard-card .search-section .search-input-wrapper input::placeholder,.leaderboard-container .leaderboard-content .leaderboard-card .search-section .search-input-wrapper input[type=text]::placeholder{color:rgba(0,0,0,.4);font-weight:500}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list{width:100%;display:flex;flex-direction:column}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .leaderboard-header,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .leaderboard-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:16px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .leaderboard-header{color:rgba(255,255,255,.8);font-size:16px;font-weight:400;padding-bottom:24px;padding-left:15px;padding-right:15px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .leaderboard-header .points-col{text-align:right}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .leaderboard-row{padding:12px 15px;color:#fff}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .leaderboard-row.current-user-row{background:rgba(255,255,255,.08);border-radius:6px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-col,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-cell{display:flex;gap:30px;align-items:center}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-header-item,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-wrapper{width:100px;text-align:left}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-wrapper{display:flex;justify-content:flex-start}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .global-points-badge{background:rgba(255,255,255,.05) !important;color:rgba(255,255,255,.6) !important;white-space:nowrap}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .mobile-label{display:none}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .rank-cell{font-size:16px;font-weight:500}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .user-cell{display:flex;align-items:center;gap:16px;min-width:0}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .user-cell .avatar,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .user-cell .avatar-placeholder{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .user-cell .avatar-placeholder{background:#333;display:flex;align-items:center;justify-content:center;font-size:14px;color:#999;flex-shrink:0}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .user-cell .pseudo{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-cell{text-align:right}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-cell .points-badge{display:inline-flex;align-items:center;gap:8px;background:#383838;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;color:#fff}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-cell .points-badge img{width:16px;height:16px;filter:brightness(0) invert(1)}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination{margin-top:40px;display:flex;justify-content:center}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination{display:flex;gap:8px;padding:0}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .page a,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .page span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .first a,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .first span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .prev a,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .prev span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .next a,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .next span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;margin:0;background:rgba(255,255,255,.05);border-radius:8px;color:rgba(255,255,255,.6) !important;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none !important}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .page a:hover,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .page span:hover,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .first a:hover,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .first span:hover,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .prev a:hover,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .prev span:hover,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .next a:hover,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .next span:hover{background:rgba(255,255,255,.1);color:#fff !important}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .page.disabled span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .first.disabled span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .prev.disabled span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .next.disabled span{opacity:.3;pointer-events:none}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination span.current{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;margin:0;background:#fff !important;border-radius:8px;color:#202020 !important;font-size:14px;font-weight:600;text-decoration:none !important}@media(max-width: 768px){.leaderboard-container .top-header{padding:calc(env(safe-area-inset-top) + 24px) 24px 32px}.leaderboard-container .top-header h1{font-size:36px}.leaderboard-container .leaderboard-content{margin-top:60px}.leaderboard-container .leaderboard-content .leaderboard-card{padding:60px 15px 20px}.leaderboard-container .leaderboard-content .leaderboard-card .search-section{margin-bottom:40px}.leaderboard-container .leaderboard-content .leaderboard-card .search-section .search-input-wrapper{height:46px;padding:0 16px}.leaderboard-container .leaderboard-content .leaderboard-card .search-section .search-input-wrapper input{font-size:14px !important}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .leaderboard-header,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .leaderboard-row{grid-template-columns:35px 1fr auto;gap:8px;padding-left:5px;padding-right:5px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .user-cell{gap:6px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .user-cell .user-avatar{width:24px !important;height:24px !important}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-badge{padding:3px 6px;font-size:11px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .mobile-label{display:inline;margin-right:2px;opacity:.7;font-size:10px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-col,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-cell{flex-direction:column;align-items:flex-end;gap:4px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-header-item{display:none}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-list .points-wrapper{width:auto;justify-content:flex-end}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination{margin-top:24px;overflow:hidden}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination{flex-wrap:wrap;justify-content:center;gap:5px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .page a,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .page span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .first a,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .first span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .prev a,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .prev span,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .next a,.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .next span{min-width:34px;height:34px;font-size:13px;padding:0 6px}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination .first{display:none}.leaderboard-container .leaderboard-content .leaderboard-card .leaderboard-pagination .pagination span.current{min-width:34px;height:34px;font-size:13px;padding:0 6px}}.users-dash-wrapper{padding:40px 4vw 80px 4vw;max-width:1600px;margin:0 auto;background-color:#f8f9fa;min-height:100vh;font-family:"IBM Plex Sans",sans-serif;color:#202020;box-sizing:border-box}.users-dash-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:20px}.users-dash-title{font-size:32px;font-weight:500;color:#202020;display:flex;align-items:center;gap:16px;margin:0}.users-dash-back-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#fff;border:1px solid #eee;transition:all .2s ease;flex-shrink:0}.users-dash-back-link:hover{background-color:#f0f0f0;transform:translateX(-2px)}.users-dash-period-selector{background:#fff;border:1px solid #e0e0e0;border-radius:50px;padding:4px;display:flex;gap:4px;overflow-x:auto;max-width:100%;scrollbar-width:none}.users-dash-period-selector::-webkit-scrollbar{display:none}.period-btn{padding:8px 20px;border-radius:40px;border:none;background:rgba(0,0,0,0);font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.period-btn:hover{color:#202020;background-color:#f5f5f5}.period-btn.active{background-color:#202020;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.users-dash-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:24px;margin-bottom:32px}.users-dash-kpi-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.02);display:flex;flex-direction:column;justify-content:space-between;height:140px;transition:transform .2s}.users-dash-kpi-card:hover{transform:translateY(-4px)}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start}.kpi-label{font-size:14px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.5px}.kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.kpi-icon svg{width:20px;height:20px;fill:#202020}.bg-blue-light{background-color:#e3f2fd}.bg-green-light{background-color:#e8f5e9}.bg-orange-light{background-color:#fff3e0}.bg-purple-light{background-color:#f3e5f5}.bg-yellow-light{background-color:#fff8e1}.kpi-value{font-size:36px;font-weight:500;color:#202020}.users-dash-main-chart-section{background:#fff;border-radius:16px;padding:32px;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.02);margin-bottom:32px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-tabs{display:flex;gap:24px;border-bottom:2px solid #f0f0f0;overflow-x:auto}.chart-tab{padding-bottom:12px;font-size:16px;font-weight:500;color:#888;cursor:pointer;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-2px;transition:color .2s;white-space:nowrap}.chart-tab:hover{color:#202020}.chart-tab.active{color:#202020;border-bottom-color:#202020}.chart-container{display:none;animation:fadeIn .3s ease}.chart-container.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.users-dash-secondary-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-bottom:48px}.secondary-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.02)}.secondary-card.span-2{grid-column:span 2}.secondary-title{font-size:16px;font-weight:600;color:#202020;margin-bottom:20px;display:block}.users-dash-toolbar{background:#fff;padding:16px;border-radius:12px;margin-bottom:20px;display:flex;gap:12px;align-items:center;border:1px solid #e9e9e9;flex-wrap:wrap}.users-dash-toolbar form{display:flex;gap:12px;flex:1;width:100%}.users-dash-search{position:relative;flex:1;min-width:200px}.users-dash-search input{width:100%;padding:12px 16px 12px 40px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#f9f9f9;color:#202020;font-weight:500;box-sizing:border-box}.users-dash-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:#888}.users-dash-select{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#202020;cursor:pointer}.users-dash-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.02);border:1px solid #f0f0f0;overflow:hidden;margin-bottom:48px;overflow-x:auto}.users-dash-table{width:100%;border-collapse:collapse;min-width:700px}.users-dash-table th{background-color:#fafafa;padding:18px 24px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;border-bottom:1px solid #eee;white-space:nowrap}.users-dash-table td{padding:18px 24px;border-bottom:1px solid #f5f5f5;font-size:14px;font-weight:500;color:#202020;vertical-align:middle;white-space:nowrap}.users-dash-table tr:hover{background-color:#fcfcfc}.users-dash-avatar{width:42px;height:42px;border-radius:50%;background-color:#eee;margin-right:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;flex-shrink:0}.users-dash-avatar img{width:100%;height:100%;object-fit:cover}.badge{padding:6px 12px;border-radius:30px;font-size:12px;font-weight:600}.badge-blue{background:#e3f2fd;color:#1565c0}.badge-green{background:#e8f5e9;color:#2e7d32}.badge-dark{background:#202020;color:#fff}.badge-red{background:#ffebee;color:#c62828}.users-dash-map-section{background:#fff;border-radius:16px;padding:32px;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.02)}.users-dash-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.users-dash-map-title{font-size:18px;font-weight:600;color:#202020}#map{width:100%;height:500px;border-radius:12px;background-color:#eee;z-index:1}.users-dash-btn-export{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background-color:#202020;color:#fff !important;font-size:14px;font-weight:500;border-radius:8px;border:1px solid #202020;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.users-dash-btn-export:hover{background-color:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.users-dash-btn-export:active{transform:translateY(0)}.kpi-export-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:#fff8e1;border:1px solid #ffe082;transition:all .2s ease;cursor:pointer;flex-shrink:0;margin-bottom:4px}.kpi-export-action svg{width:18px;height:18px;fill:#ffb300;transition:fill .2s ease}.kpi-export-action:hover{background-color:#ffb300;border-color:#ffb300;transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,179,0,.2)}.kpi-export-action:hover svg{fill:#fff}.kpi-export-action:active{transform:translateY(0)}.users-dash-header-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:1;flex-wrap:wrap;width:100%}.custom-period-form{display:flex;gap:4px;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50px;padding:4px 4px 4px 12px;flex-wrap:wrap}.users-dash-wrapper .custom-period-form input[type=date].period-date-input{border:none !important;background:rgba(0,0,0,0) !important;font-size:14px !important;color:#666 !important;font-weight:500 !important;outline:none !important;width:120px !important;height:auto !important;padding:0 !important;margin:0 !important;font-family:inherit}.period-separator{font-size:14px;color:#aaa;font-weight:500}.period-submit-btn{padding:6px 16px;margin-left:4px}@media(max-width: 1024px){.users-dash-secondary-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.users-dash-wrapper{padding:20px 16px 60px 16px}.users-dash-header{flex-direction:column;align-items:flex-start}.users-dash-title{font-size:24px}.users-dash-header-actions{flex-direction:column;align-items:stretch}.custom-period-form{border-radius:12px;padding:12px;justify-content:center;gap:12px}.users-dash-wrapper .custom-period-form input[type=date].period-date-input{width:100% !important;text-align:center}.period-submit-btn{width:100%;margin-left:0}.users-dash-period-selector{width:100%;box-sizing:border-box}.users-dash-secondary-grid{grid-template-columns:1fr}.secondary-card.span-2{grid-column:span 1}.users-dash-toolbar{flex-direction:column;align-items:stretch}.users-dash-toolbar form{flex-direction:column}.users-dash-select{width:100%}.users-dash-map-section{padding:20px}#map{height:350px}.users-dash-btn-export{width:100%;box-sizing:border-box}}#tip-tab-container{position:absolute;top:116px;left:0;z-index:100;display:flex;align-items:center;background-color:#d54758;border-radius:0 50px 50px 0;cursor:grab;transition:transform .4s cubic-bezier(0.25, 0.8, 0.25, 1);user-select:none;touch-action:pan-y;transform:translateX(calc(-100% + 76px))}#tip-tab-container.expanded{transform:translateX(0)}#tip-tab-container.animate-pulse{animation:tip-wiggle 4s infinite ease-in-out}@keyframes tip-wiggle{0%,80%,100%{transform:translateX(calc(-100% + 76px))}86%{transform:translateX(calc(-100% + 86px))}92%{transform:translateX(calc(-100% + 74px))}96%{transform:translateX(calc(-100% + 77px))}}#tip-tab-container:active{cursor:grabbing}.tip-tab-content{display:flex;align-items:center;padding:26px 20px 26px 20px;gap:14px;text-decoration:none}.tip-text{color:#fff;font-family:inherit;font-weight:500;white-space:nowrap;font-size:16px}#tip-tab-container.expanded.animate-pulse{animation:none}.tip-icon{flex-shrink:0;display:flex}@media screen and (max-width: 768px){#tip-tab-container{top:25vh;transform:translateY(-50%) translateX(calc(-100% + 76px))}#tip-tab-container.expanded{transform:translateY(-50%) translateX(0)}@keyframes tip-wiggle{0%,80%,100%{transform:translateY(-50%) translateX(calc(-100% + 76px))}86%{transform:translateY(-50%) translateX(calc(-100% + 86px))}92%{transform:translateY(-50%) translateX(calc(-100% + 74px))}96%{transform:translateY(-50%) translateX(calc(-100% + 77px))}}}
