@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;font-size:16px;--dark: #000000;--dark-secondary: #121212;--light: #D4E4FD;--light-secondary: #7F8896;--primary: #8001FE;--secondary: #7005DC;--accent: #76A3F7;--eror: #FF2525;--success: #569623;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.light-theme{--dark: #ffffff;--dark-secondary: #F5F5F5;--light: #000000;--light-secondary: #7F8896;--light-secondary-input: #C4B6FD;--primary: #8001FE;--secondary: #7005DC;--accent: #76A3F7}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-thumb{background-color:var(--primary)}::-webkit-scrollbar-track{background-color:var(--dark-secondary)}html{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%)}*{margin:0;padding:0;box-sizing:border-box;max-width:500px}body{color:var(--light);background-color:var(--dark);position:relative;width:100%;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}.container-routes{transition:all .2s ease-in-out}.container-routes.blurry{filter:blur(5px);transition:all .2s ease-in-out;pointer-events:none}main,main>.container-transition{overflow-x:hidden;padding:4rem 2rem;overflow-y:scroll;width:100vw;height:100vh;max-height:100vh;position:relative}main .container-transition{position:absolute;top:0;left:0}main.connection{justify-content:flex-end}main a{color:var(--primary);font-weight:500;font-size:1rem;text-decoration:none;transition:all .2s ease-in-out}main a.secondary{color:var(--light);filter:opacity(.6);font-weight:500;font-size:1rem;text-decoration:none;transition:all .2s ease-in-out;align-self:center}main form{display:flex;flex-direction:column;justify-content:center;gap:2rem;width:100%;height:100%}main form .inputs{display:flex;flex-direction:column;gap:1.625rem;align-items:start}main form .inputs .champ-code{display:flex;width:100%;justify-content:center;gap:1rem}main form .inputs .champ-code input{width:3rem;height:4rem;border:none;background-color:var(--dark-secondary);border-radius:.5rem;text-align:center;font-size:1.5rem;font-weight:500;color:var(--light-secondary-input)}main form .inputs .champ-code input[type=number]::-webkit-inner-spin-button,main form .inputs .champ-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}main form .inputs .champ-code input[type=number]{-moz-appearance:textfield}main form .inputs .champ-code input:focus{outline:none}main form .buttons{display:flex;flex-direction:column;gap:2.5625rem;align-items:center;justify-self:flex-end}main form .buttons button,.main-button{border:none;color:var(--light);font-size:1rem;font-weight:500;background-color:var(--primary);width:100%;padding:1.25rem 0;border-radius:1rem;cursor:pointer;transition:all .2s ease-in-out;position:relative}.main-button.transparent{background-color:transparent;color:var(--primary)}main form .buttons button .loader,.main-button .loader{display:flex;gap:.37rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main form .buttons button .loader .dot,.main-button .loader .dot{width:.375rem;height:.375rem;border-radius:50%;background-color:var(--light)}.main-button.transparent .loader .dot{background-color:var(--primary)}.loader.small{transform:translate(-50%,-50%) scale(.8)!important}main form .buttons button:hover,.main-button:hover{filter:brightness(.9);transition:all .2s ease-in-out}.main-button .check{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.main-button .check rect{fill:var(--light)}.main-button.transparent .check rect{fill:var(--primary)}main header{display:flex;flex-direction:column;gap:.5rem}main header p{filter:opacity(.6);font-weight:400;font-size:1rem}h2{font-size:2.25rem;line-height:1.1;font-weight:700}.textfield-container{width:100%;display:flex;flex-direction:column;gap:.8rem}.erreur{align-self:center;justify-content:center;display:flex;align-items:center;gap:.5rem;color:var(--eror);font-size:.9rem;font-weight:500}.erreur svg{width:2rem;height:2rem}.selectionneur-image-profil{position:relative;align-self:center;display:flex;align-items:center;justify-content:center;min-width:20rem;min-height:20rem;max-width:20rem;max-height:20rem;border-radius:50%;border:2px solid var(--primary);background-color:var(--dark-secondary);overflow:hidden;cursor:pointer}.selectionneur-image-profil img{object-fit:cover;height:100%;width:100%}.selectionneur-image-profil .modifier{position:absolute;scale:1.5;gap:.15rem;display:flex;flex-direction:column;align-items:center}.lock{width:40vw;height:20vh;align-self:center}.textfield{display:flex;align-items:center;width:100%;background-color:var(--dark-secondary);padding:1.25rem 1rem;gap:1rem;border-radius:1rem;position:relative}.textfield.disabled{filter:opacity(.5)}.textfield button{width:3rem;height:3rem;border-radius:.5rem;display:flex;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);align-items:center;justify-content:center}.textfield textarea{background-color:transparent;border:none;font-size:1rem;font-weight:400;color:var(--light-secondary);resize:none;outline:none;width:100%;font-family:Roboto,sans-serif}.textfield textarea::placeholder{color:var(--light-secondary-input)}.textfield input{background:none;border:none;font-size:1rem;font-weight:00;color:var(--light-secondary);width:80%;outline:none}.nav-container{background-color:var(--dark-secondary);position:absolute;left:0;bottom:0;width:100vw;display:flex;justify-content:space-between;padding:1.5rem 2rem;z-index:100}.nav-container nav{display:flex;justify-content:space-between;width:100%}.nav-container nav a{position:relative}.nav-container nav a .nb-notifs{position:absolute;bottom:.1rem;right:-.4rem;background-color:var(--primary);padding:0rem .3rem;color:var(--light);border-radius:.5rem;font-size:.8rem}.nav-container .add-invisible{visibility:hidden;width:2rem}.nav-container .add{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;background-color:var(--primary);border-radius:1rem}.nav-container .add .menu{width:100%;height:100%;border-radius:1rem;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.nav-container .add .menu.searchbar{padding-left:4.5rem;padding-right:1.5rem;flex-direction:row;justify-content:space-between;align-items:center}.nav-container .add .menu.searchbar input{width:85%;background-color:transparent;border:none;outline:none;font-size:1rem;font-weight:500;color:var(--light-sec)}.nav-container .add .menu.searchbar input::placeholder{color:var(--light)}.nav-container .add .menu.searchbar .cross{width:1rem;height:1rem}.nav-container .add .menu .top-content{height:77%;display:flex;flex-direction:column;gap:.5rem}.nav-container .add .menu .top-content textarea{height:100%;background-color:transparent;border:none;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;color:var(--light-secondary-input);opacity:.6;resize:none;outline:none}textarea::placeholder{color:var(--light-secondary-input)}.nav-container .add .menu legend{font-size:1.2rem;font-weight:500;color:var(--light)}.nav-container .add .menu .bottom-content{background-color:var(--secondary);display:flex;align-items:center;justify-content:space-between;padding:1.2rem;position:absolute;bottom:0%;left:0;width:100%;height:23%;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.nav-container .add .menu .bottom-content button{background-color:transparent;border:none}.nav-container .add .menu .attach{display:flex;align-items:center;gap:1.5rem}.nav-container .add .menu .attach-btn{width:1rem;height:2.5rem;cursor:pointer}.nav-container .add .menu .preview-images{display:flex;gap:.5rem}.nav-container .add .menu .image-previewer{display:flex;overflow:hidden;border-radius:.5rem;height:2.5rem;width:2.5rem;position:relative}.nav-container .add .menu .image-previewer img{height:100%;width:100%;object-fit:cover;filter:brightness(.6)}.nav-container .add .menu .image-previewer svg{position:absolute;top:.25rem;right:.25rem;width:.7rem;height:.7rem;cursor:pointer}.nav-container .add svg{position:absolute}.nav-container .add svg.cross{right:1.1rem;top:1.1rem}.nav-container .active{fill:var(--light)}.nav-container .loupe{fill:transparent;stroke-width:1.625}.nav-container .loupe.active{stroke-width:3}.nav-container .mail>path{fill:transparent;stroke:var(--light)}.nav-container .mail.active>path{fill:var(--light)}.nav-container .mail.active>path:last-of-type{stroke:var(--dark-secondary)}.nav-container .searchbar-container{position:absolute;top:-6rem;left:0;height:6rem;width:100%;background-color:var(--dark-secondary);display:flex;align-items:center;justify-content:center;z-index:999}.nav-container .searchbar-container .searchbar{width:90%;height:70%;overflow:hidden;border-radius:1rem;padding:1.2rem .8rem;display:flex;align-items:center;gap:.8rem;position:relative;z-index:1;cursor:text}.nav-container .searchbar-container .searchbar.send-message{z-index:999;padding-left:1.2rem;gap:1rem}.nav-container .searchbar-container .searchbar.send-message img{z-index:999;cursor:pointer}.nav-container .searchbar-container .searchbar.send-message button{background-color:var(--primary);border:none;border-radius:.5rem;padding:.8rem;display:flex;align-items:center;cursor:pointer;justify-content:center;z-index:999}.nav-container .searchbar-container .searchbar.send-message button img{position:relative;left:.1rem}.nav-container .searchbar-container .searchbar:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;border-radius:1rem;background:linear-gradient(90deg,#c5dcf7 0%,#465059 20%);filter:blur(100px)}.nav-container .searchbar-container .searchbar input{background-color:transparent;border:none;font-size:1rem;font-weight:400;color:var(--light-secondary-input);outline:none;width:100%;z-index:999}.top-bar{position:absolute;top:0;left:0;height:10svh;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;backdrop-filter:blur(88px);-webkit-backdrop-filter:blur(88px);z-index:100;width:100%}.top-bar .back-btn{border:none;background-color:transparent;cursor:pointer}.top-bar.reverse{flex-direction:row-reverse}.top-bar .center-content h2{position:absolute;left:50%;transform:translate(-50%) translateY(-50%);top:50%;font-size:1.4rem}.top-bar .image-profil-container{height:3rem;width:3rem;border-radius:.8rem;overflow:hidden}.top-bar .image-profil-container img{height:100%;width:100%;object-fit:cover}.top-bar .user-conversation{display:flex;gap:1rem;color:var(--light-secondary-input);text-decoration:none;align-items:center}.top-bar .user-conversation section .container-en-ligne{display:flex;gap:.5rem;align-items:center}.top-bar .user-conversation section .container-en-ligne p{font-size:.875rem;font-weight:500;color:var(--light-secondary)}.top-bar .user-conversation section .container-en-ligne .circle{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--eror)}.top-bar .user-conversation section .container-en-ligne .circle.connected{background-color:var(--success)}.affichage-utilisateur:first-of-type{margin-top:4rem}.affichage-utilisateur:last-of-type{margin-bottom:6rem}.affichage-utilisateur{margin-top:1rem;width:100%;height:auto;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:1rem;position:relative;overflow:hidden}.affichage-utilisateur:before,.pop-up-deconnection .content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:60%;width:150%;border-radius:50%;background:linear-gradient(90deg,#c5dcf7 0%,#465059 60%);filter:blur(100px);z-index:-1}.affichage-utilisateur .top-content{display:flex;gap:1rem}.affichage-utilisateur .top-content .user{display:flex;align-items:center;gap:.8rem;color:var(--light);width:auto}.affichage-utilisateur .top-content h3{font-size:1.125rem;font-weight:500;line-height:1.1}.affichage-utilisateur .top-content h4{font-size:.875rem;font-weight:400;color:var(--light-secondary)}.post{transition:all .2s ease-in-out}.post.blurry{filter:blur(5px);transition:all .2s ease-in-out;pointer-events:none}.post .top-content .more-btn{display:flex;gap:4px;position:absolute;right:0rem;cursor:pointer;top:0rem;padding:1rem}.post .top-content .more-btn .dot{height:4px;width:4px;border-radius:50%;background-color:var(--light-secondary)}.more-btn .drop-down-menu{position:absolute;display:flex;flex-direction:column;right:.5rem;top:2rem;background-color:var(--dark-secondary);padding:.5rem;border-radius:.5rem;gap:.5rem;z-index:9999999}.more-btn .drop-down-menu button{text-align:left;padding:.5rem 5rem .5rem .5rem;border-radius:.5rem;color:var(--light);position:relative;overflow:hidden;cursor:pointer;border:none;background-color:transparent}.more-btn .drop-down-menu button:hover{filter:brightness(.8)}.more-btn .drop-down-menu button:before{filter:blur(50px)}.more-btn .drop-down-menu button.warning{color:var(--eror)}.pop-up-confirmation-suppr-post{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;height:auto;border-radius:1rem;z-index:100;background-color:var(--dark-secondary);width:80%;padding:1rem;display:flex}.pop-up-confirmation-suppr-post .btns{display:flex;align-self:end;gap:1rem}.affichage-utilisateur .container-photo-profil{height:3.5rem;width:3.5rem;border-radius:.8rem;overflow:hidden}.affichage-utilisateur .container-photo-profil img{height:100%;width:100%;object-fit:cover}.post p{font-size:.9rem;font-weight:400;color:var(--light-secondary);filter:opacity(.8)}.affichage-utilisateur h5{font-size:.9rem;font-weight:500;color:var(--light-secondary);filter:opacity(.5)}.post .middle-content{display:flex;flex-direction:column;gap:1rem}.post .middle-content .container-images{width:100%;display:flex;gap:.4rem;border-radius:1rem;overflow:hidden}.post .container-image{width:100%}.post .middle-content .container-images img{height:100%;width:100%;object-fit:cover}.post .bottom-content{display:flex;justify-content:space-between;align-items:center}.post .bottom-content.has-sub-post{flex-direction:column-reverse;gap:.5rem;align-items:unset}.post .bottom-content.has-sub-post .post{width:100%}.post .bottom-content .likes{display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.post .bottom-content .likes p{color:var(--light)}#PagePost{padding-right:0;padding-left:0;margin-bottom:5vh}#PagePost .container-comments{padding:1.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1rem}#PagePost .container-comments .notif{margin:0}#PagePost .container-comments .post:first-of-type,#PagePost .container-comments .post:last-of-type{margin:0}.post .infos-post{display:flex;gap:1rem}.post.post-en-grand{border-bottom-left-radius:0;border-bottom-right-radius:0;width:100vw}.post.post-en-grand:before{content:none}.post-en-grand .bottom-bar{width:100%;height:2px;overflow:hidden;position:absolute;bottom:0;z-index:9999}.post-en-grand .bottom-bar:after{content:"";position:absolute;bottom:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#c5dcf7 0%,#465059 60%);filter:blur(4px)}.post-en-grand .container-image{max-height:35vh;width:100%}.resultat-recherche:last-of-type{margin-bottom:10rem}.resultat-recherche{color:inherit}.resultat-recherche p{font-size:.9rem;font-weight:400;filter:opacity(.8)}.resultat-recherche:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;border-radius:50%;background:linear-gradient(90deg,#c5dcf7 0%,#465059 60%);filter:blur(100px);z-index:-1}.resultat-recherche .bottom-content{display:flex;gap:.5rem}.notification{flex-direction:row;align-items:start}.notification .container-photo-profil{min-height:3.5rem;min-width:3.5rem}.notification h3,.conversation .user-infos{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:start;font-size:1.125rem;font-weight:500;text-wrap:wrap;row-gap:0!important;column-gap:.5rem}.notification h3 span{font-size:.875rem;font-weight:400;color:var(--light-secondary);filter:opacity(.8)}.notification .user-infos{display:flex;flex-direction:column;justify-content:center;gap:.2rem}.notification .date-notif{color:var(--light);opacity:.7;font-size:.875rem;font-weight:500}.notification .type{height:2rem}.notification .right-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.notification .info-notif{font-size:.875rem;font-weight:400;color:var(--light-secondary)}.notification .right-content>.bottom-content{display:flex;flex-direction:column;gap:1rem}.notification .post{margin:0;background-color:#00000040}.notification .post .likes,.notification .post .more-btn{visibility:hidden}.notification .post:before{content:none}.conversation .top-content{display:flex}.conversation .top-content .container-photo-profil{min-height:4rem;min-width:4rem;max-height:4rem;max-width:4rem}.conversation .container .user-infos{display:flex;align-items:center;line-height:1.1;gap:.5rem}.conversation .message-infos{display:flex;flex-direction:column;justify-content:space-between;gap:.4rem}.conversation .message{font-size:.875rem;font-weight:400;color:var(--light-secondary);filter:opacity(.8);max-width:16rem;white-space:nowrap;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation .date{font-size:.875rem;font-weight:600;color:var(--light-secondary)}.conversation .container{display:flex;flex-direction:column}.conversation .notifications{position:absolute;right:1rem;top:1rem;background-color:var(--primary);padding:.2rem .5rem;border-radius:.5rem;font-size:.8rem}#Profil .infos-profil{margin-top:4rem;display:flex;flex-direction:column;gap:1rem}#Profil .infos-profil .top-content{display:flex;align-items:center;gap:1rem;line-height:1.4;align-self:center}#Profil .infos-profil .top-content h1{font-size:1.5rem;font-weight:500;color:var(--light)}#Profil .infos-profil.infos-profil .top-content h2{font-weight:400;color:var(--light);filter:opacity(.4);font-size:1rem}#Profil .infos-profil .top-content .user-infos{display:flex;flex-direction:column;justify-content:center;gap:1rem}#Profil .infos-profil .top-content .container-photo-profil{height:8rem;width:8rem;border-radius:.8rem;overflow:hidden}#Profil .infos-profil .container-photo-profil img{height:100%;width:100%;object-fit:cover}#Profil .infos-profil .top-content .buttons{display:flex;gap:.5rem}#Profil .top-content .buttons button,#Profil .top-content .buttons a{border-radius:8px;border:none;color:var(--light);cursor:pointer}#Profil .top-content .buttons .follow{font-size:1rem;font-weight:500;padding:.7rem 2.5rem;width:8rem;border:2px solid var(--primary)}#Profil .top-content .buttons .modifier{font-size:1rem;font-weight:500;padding:.7rem 2.5rem;background-color:var(--primary)}#Profil .top-content .buttons .message{padding:.7rem;display:flex;align-items:center;background-color:var(--dark-secondary)}#Profil .infos-profil .description{text-align:center;font-size:.875rem}#Profil .posts{width:100%;margin-top:4rem}#Profil .posts .nb-posts{text-align:center;font-size:1.25rem;font-weight:500}#Profil .infos-profil .bottom-content{display:flex;flex-direction:column;gap:1rem}#Profil .infos-profil .bottom-content .stats-utilisateur{display:flex;justify-content:space-between;padding:0 .8rem}#Profil .infos-profil .bottom-content .stats-utilisateur section{display:flex;align-items:end;gap:.3rem}#Profil .infos-profil .bottom-content .stats-utilisateur section:last-of-type{flex-direction:row-reverse}#Profil .infos-profil .bottom-content .stats-utilisateur section p{font-size:.95rem;color:var(--light);opacity:.6}#Profil .infos-profil .bottom-content .stats-utilisateur section h2{font-size:1.5rem;font-weight:500;color:var(--light)}#Profil .infos-profil .bottom-content .suggestions{display:flex;align-items:center;justify-content:center;position:relative;padding:0 1rem;gap:0rem}#Profil .infos-profil .bottom-content .suggestions .photos-profil{display:flex;position:relative;left:1rem}#Profil .infos-profil .bottom-content .suggestions .container-photo-profil{height:3.2rem;width:3.2rem;border-radius:.4rem;overflow:hidden;position:relative;border:3px solid var(--dark)}#Profil .infos-profil .bottom-content .suggestions .container-photo-profil:nth-of-type(2){position:relative;z-index:-1;left:-1rem;transform:scale(.9)}#Profil .infos-profil .bottom-content .suggestions .container-photo-profil:nth-of-type(3){position:relative;z-index:-2;left:-2.5rem;transform:scale(.8)}#Profil .infos-profil .bottom-content .suggestions p{font-size:.875rem;font-weight:500;position:relative;left:-1rem;color:var(--light-secondary)}#Profil .post:first-of-type{margin-top:1.5rem}#PageConversation{display:flex;flex-direction:column-reverse;gap:1rem;overflow-y:scroll}.affichage-message:last-of-type{margin-top:4rem}.affichage-message:first-of-type{margin-bottom:8rem}.affichage-message{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.affichage-message.sent-by-me{align-items:flex-end}.affichage-message .content{background-color:transparent;overflow:hidden;padding:1rem;border-radius:1rem;max-width:90%;word-wrap:break-word;position:relative}.affichage-message .content:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:60%;width:150%;border-radius:50%;background:linear-gradient(90deg,#c5dcf7 0%,#465059 60%);filter:blur(100px);z-index:-1}.affichage-message .content.small:after{filter:blur(35px)}.affichage-message.sent-by-me .content{background-color:var(--primary)}.affichage-message .infos{display:flex;gap:.5rem;align-items:center}.affichage-message .infos .seen path{stroke:var(--primary)}.affichage-message .infos .sent path{stroke:var(--light-secondary)}.affichage-message .date{font-size:.9rem;font-weight:500;color:var(--light-secondary)}.pop-up-deconnection{position:fixed;top:0;padding:2rem 0;display:flex;justify-content:center;width:100%;z-index:999999999999}.pop-up-deconnection .content{padding:1rem 1.7rem 1rem 1rem;border-radius:1rem;overflow:hidden;position:relative;display:flex;gap:1rem;align-items:center}.pop-up-deconnection .content:after{content:"";position:absolute;background-color:var(--dark);top:0;left:0;width:100%;height:100%;z-index:-2}.pop-up-deconnection .content .text{display:flex;flex-direction:column;gap:.5rem}.pop-up-deconnection img{height:4rem;width:4rem;border-radius:.5rem}.pop-up-deconnection .content h3{font-size:1.125rem;font-weight:500;color:var(--light)}.pop-up-deconnection .content p{font-size:.875rem;font-weight:400;color:var(--light-secondary)}.pop-up-deconnection .content:before{height:80%;width:150%}.settings>.container-transition{display:flex;flex-direction:column-reverse}.settings nav{padding-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.settings .btn-param{border-radius:1rem;padding:1.25rem;cursor:pointer}.glass-background{position:relative;overflow:hidden}.glass-background:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:60%;width:150%;border-radius:50%;background:linear-gradient(90deg,#c5dcf7 0%,#465059 60%);filter:blur(100px);z-index:-1}.settings .btn-param a,.settings .btn-param p{color:var(--light-secondary-input);font-weight:400;font-size:.875rem}.settings .btn-param .warning{color:var(--eror)}.pop-up{padding:1rem;display:flex;flex-direction:column;gap:2rem;border-radius:1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;z-index:9999999;height:auto}.pop-up:after{z-index:-2;content:"";position:absolute;background-color:var(--dark);top:0;left:0;width:100%;height:100%}.pop-up header{display:flex;flex-direction:column;gap:.75rem}.pop-up .textfield{opacity:.8}.pop-up legend{color:var(--light-secondary-input)}.pop-up .btns{display:flex;justify-content:end;gap:1rem}.pop-up .btns button{border:none;padding:.9rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer}.pop-up .btns button{background-color:var(--light);filter:opacity(.9);color:var(--dark-secondary)}.pop-up .btns .warning{background-color:var(--eror)!important;color:var(--light)!important;filter:opacity(.5);transition:all .2s ease-in-out;cursor:default}.pop-up .btns button.enabled{filter:opacity(1);cursor:pointer}.message-box p{filter:opacity(.5)}.settings-profil .selectionneur-image-profil{scale:.7;margin-top:4rem}.settings-profil .selectionneur-image-profil img{filter:opacity(.5)}.settings-profil button{margin-bottom:4rem}.settings-profil .container-input{display:flex;flex-direction:column;gap:.75rem}.settings-profil.compte,.settings-profil.compte>div{display:flex;flex-direction:column;justify-content:center;gap:3rem}.settings-profil.compte .container-input:first-of-type{margin-top:4rem}.settings-profil.compte .container-toggle{display:flex;justify-content:space-between;align-items:center;gap:2rem}.settings-profil.compte .container-toggle .top-content{display:flex;gap:.5rem;align-items:center;position:relative}.settings-profil.compte .container-toggle .top-content img{height:1.5rem;width:1.5rem}.settings-profil.compte .container-toggle .tooltip{position:absolute;top:2.5rem;border-radius:.5rem;padding:1rem;width:20rem}.toggle{-webkit-user-select:none;user-select:none;width:4.875rem;height:2.0625rem;border-radius:5000px;position:relative;cursor:pointer}.toggle .inner-circle{height:1.7rem;width:1.7rem;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.affichage-utilisateur.link{color:var(--light-secondary-input)}.not-found{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}@media only screen and (max-device-width: 480px) and (orientation: portrait){.affichage-message:last-of-type{margin-top:25dvh}.affichage-message:first-of-type{margin-bottom:25dvh}.conversation .message{max-width:10rem}}