body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-actions:#ffc23c;--color-purple:#8105d8;--color-purple-ligth:#c48aec;--color-pink:#cf0ad1;--color-pink-ligth:#ea90eb;--color-text:#343333;--color-text-gray:#909090;--color-error:#ff4f4f;--color-success:#4fda9e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{text-align:center}a{color:#000;text-decoration:none}.flex-center{align-items:center;display:flex;justify-content:center}.row{display:flex}.reversed-row{display:flex;flex-direction:row-reverse}.column{display:flex;flex-direction:column}.max-width{min-height:300px;width:100%}.no-styling{background-color:initial;border:none;list-style:none;text-decoration:none}.btn-action{background-color:var(--color-actions);border:none;border-radius:4px;color:var(--color-text);font-size:1.2rem;font-weight:500;padding:8px 32px}.section-title{color:var(--color-text);font-size:3rem;margin:24px}.input-default{border:1px solid #d3d3d3;border-radius:4px;font-size:1.1rem;padding:12px 24px;width:300px}.input-default:valid{outline-color:var(--color-success)}.error{color:var(--color-error)}.max-content{height:100%;width:100%}.desktop-only,.large-screen-only{display:none}.mobile-only{display:block}.hidden{display:none}@media screen and (min-width:480px){.desktop-only{display:block}.mobile-only{display:none}}@media screen and (min-width:780px){.large-screen-only{display:block}}.login-from{min-height:300px;width:100%}.btn-register,.login-from input{margin-top:20px}.btn-register{color:var(--color-purple);margin-bottom:12px;text-decoration:underline}label{font-size:1.1rem}.auth-form,.auth-step{min-height:300px;width:100%}.auth-form{justify-content:flex-end}.step{align-items:flex-start;min-width:300px;padding-left:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.step label{margin-top:12px}.btn-action,.btn-auth{margin-top:16px}.auth-step .btn-login{color:var(--color-purple);margin-bottom:12px;margin-top:20px;text-decoration:underline}.auth-navbtns{justify-content:space-evenly;width:100%}.auth-navbtns .btn-auth{background-color:var(--color-purple);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;padding:12px 24px}.auth-navbtns .btn-auth:first-child{background-color:var(--color-pink-ligth)}.step .labeled{margin-top:10px}.labeled-input{margin-left:12px;width:170px}.bio{font-size:.7rem;height:160px;padding-left:8px}.last{align-items:center;justify-content:space-evenly;min-height:200px}.error{font-size:1rem}.step .list-interests{width:100%}.step .interest{border:1px solid #d3d3d3;border-radius:8px;margin-bottom:4px;margin-top:4px;padding:12px 16px}.step .interest.active{border:2px solid var(--color-purple)}.auth-profile input{margin-top:20px}.auth-profile img{border:2px solid var(--color-purple);border-radius:40px;margin-bottom:20px;margin-top:20px;max-height:80px;max-width:80px}.auth-icons-social{height:30px;width:30px}@media screen and (min-width:480px){.step .interest{font-size:1rem;margin:8px;padding:4px 12px}.step .interest img{height:30px;width:30px}.step .interest p{font-size:1rem}}.auth{background:url(/static/media/background_home_desktop.752be772d5042edd5359.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.auth,.auth .wrapper{height:100vh;width:100%}.auth .wrapper{background-color:#fff;border-radius:2px;max-width:600px;min-width:400px;padding:8px}header{flex-wrap:wrap;justify-content:space-between}header .logo{color:var(--color-pink);justify-content:flex-start;padding-left:12px}header .logo h1{font-size:1.5rem}header .logo img{width:45px}header h2{color:var(--color-pink);font-size:2rem;justify-content:center;justify-self:center;padding-left:12px;padding-right:12px;padding-top:6px;text-align:center;width:100%}.auth main{margin-top:10px}@media screen and (min-width:480px){.auth .wrapper{height:96vh;overflow:hidden}header h2{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.list-chat{height:100%;position:relative;width:100%}.header-chat{background-color:#efefef;border-bottom:1px solid #d3d3d3;min-height:50px;width:100%;z-index:1}.chat-profile .img-profile img{border:none;height:40px;margin:4px;width:40px}.chat-profile h4{font-size:.9rem;margin-top:8px}.chat-profile p{font-size:.6rem;text-align:start}.list-chat .chats{bottom:50px;flex:1 1;height:350px;justify-content:flex-end;padding-left:15px;padding-right:15px;position:absolute;width:100%}.bottom-chat{bottom:-200px;position:absolute;transition-duration:.3s;width:100%}.bottom-chat.show-emojies{-webkit-transform:translateY(-200px);transform:translateY(-200px)}.chatBar{background-color:#efefef;border-top:1px solid #d3d3d3;height:48px;padding:8px;width:100%}.chatBar .btn-emojie{color:#999;cursor:pointer;font-size:30px;margin-right:4px;padding:6px}.chatBar .btn-emojie:hover{color:#cf0ad1}.chatBar input{border:none;border-radius:4px;flex:1 1;outline:none;padding:8px}.btn-send-message{background:transparent;border:none;color:var(--color-text-gray);font-size:1.1rem;padding:4px}.message{margin-top:6px;width:100%}.message span{border-radius:10px;font-size:.7rem;padding:6px}.systeme-message{justify-content:center}.systeme-message span{background-color:initial;border:1px solid #d3d3d3;color:var(--color-text-gray);padding-left:12px;padding-right:12px;text-align:center}.my-message{justify-content:flex-end}.my-message span{background-color:var(--color-purple);border-top-right-radius:0;color:#fff}.friend-message span{background-color:var(--color-pink-ligth);border-top-left-radius:0;color:#fff}span.no-bg{background-color:initial}span.emoji-only img{height:4em!important;width:4em!important}.ListEmoji_container__8GnWr{-ms-overflow-style:none;background-color:#efefef;height:200px;overflow-y:scroll;padding-left:24px;padding-right:24px;scrollbar-width:none;width:100%}.ListEmoji_container__8GnWr::-webkit-scrollbar{display:none}.ListEmoji_category__vPNcr,.ListEmoji_emojis__RZBp8{display:flex;flex-wrap:wrap;list-style:none}.ListEmoji_category__vPNcr{color:#7a7777;font-size:.8rem;margin-bottom:8px;margin-top:8px;text-decoration:underline}.ListEmoji_emojis__RZBp8 li{margin:6px}.ListEmoji_emoji__aajn0{font-size:22px;padding:3px}.ListEmoji_emoji__aajn0:hover{background-color:#ece9e9;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.list-friends-wrapper{background-color:#fff;height:100%}.listfriends{flex-direction:column-reverse;list-style:none;overflow:hidden;text-align:start;width:100%}.listfriends .friend{background-color:#fff;max-width:100%;padding:8px}.listfriends .friend:hover{background-color:#f3f3f3}.listfriends .friend img{background-color:#fff;border-radius:60px;height:60px;margin-right:5px;width:60px}.listfriends .description-wrapper{border-bottom:1px solid #d3d3d3;flex:1 1;max-width:68%}.listfriends .description-wrapper h4{font-size:1rem;font-weight:500}.listfriends .description-wrapper p{font-size:.8rem;margin-top:4px;max-width:95%;overflow:hidden}.listfriends .info-wrapper{width:25px}@media screen and (min-width:480px){.listfriends .friend img{height:50px;width:50px}.listfriends .description-wrapper h4{font-size:.8rem}}.list-users{flex-wrap:wrap;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:16px;padding-top:16px;width:100%}.list-users::-webkit-scrollbar{display:none}.list-users li{min-width:300px;width:100%}.user-overview{background-color:#fdfdfd;margin-bottom:12px;padding:8px}.imgs-wrapper{flex-wrap:wrap;justify-content:space-evenly}.profile-overview{flex:1 1;margin-bottom:16px;max-width:60%;min-width:180px}.profile-overview h4{font-size:1.2rem}.user-overview p{color:var(--color-text-gray);font-size:.9rem}.img-profile img{border:2px solid var(--color-purple-ligth);border-radius:100px;height:80px;width:80px}.img-profile img,.img-profile-big{background-color:var(--color-purple-ligth)}.img-profile-big{aspect-ratio:2/3;border:2px solid var(--color-purple-ligth);border-radius:16px;max-height:300px;max-width:80%;min-width:100px;width:180px}.search-wrapper{flex-wrap:wrap}.searching{max-width:1000px;min-width:280px;padding:12px;text-align:start;width:100%}.user-overview .bio-wrapper{width:100%}.user-overview .bio-description{border:1px solid #d3d3d3;border-radius:8px;color:var(--color-text);font-size:.8rem;margin-left:12px;margin-right:12px;padding:6px 12px 8px;text-align:start;width:auto}.user-overview .btn-bio{color:var(--color-text);font-size:.8rem;text-decoration:underline}.user-overview .btn-action{font-size:.8rem;font-weight:500}@media screen and (min-width:480px){.imgs-wrapper,.list-search{flex-direction:row}.list-search{flex-wrap:wrap;justify-content:space-between}}.navMain{border-bottom:1px solid #d3d3d3;justify-content:space-between;padding:4px}.navMain img{border:1px solid #d3d3d3;border-radius:50px;height:42px;width:42px}.navMain .list-icons{flex:1 1;justify-content:space-evenly}.navMain .icons{color:#8b8a8a;font-size:1.5rem;margin-left:12px;margin-right:12px}.navMain [aria-current=page] .icons{color:var(--color-pink);-webkit-transform:scale(1.2);transform:scale(1.2)}.navMain [aria-current=page] img{border:2px solid var(--color-pink)}@media screen and (min-width:480px){.navMain{border-bottom:none;border-right:1px solid #d3d3d3;flex-direction:column}.navMain .list-icons{flex:0 1;flex-direction:column}.navMain img{height:32px;width:32px}.navMain .icons{font-size:1.2rem;margin-bottom:12px;margin-top:12px}}.profile{border-right:1px solid #d3d3d3;height:100%;overflow-x:hidden;overflow-y:auto;padding:12px}.profile::-webkit-scrollbar{display:none}.profile-form{padding-bottom:60px}.profile .edit{font-size:.6rem;margin-top:6px;text-decoration:underline}.profile .step{align-items:center;min-width:0;padding-left:0;width:100%}.profile .img-profile img{border:none}.profile .step .interest img{height:24px;width:24px}.profile .step .input-default{font-size:.8rem;margin-top:0;max-width:184px;padding-left:12px}.profile .step .list-interests{align-items:center;display:flex;flex-direction:column;padding-left:0;padding-right:0}.profile .step .list-interests .interest{background-color:#fff;padding-bottom:8px;padding-top:8px;text-align:start}.profile .step .auth-icons-social{height:24px;margin-right:4px;margin-top:0;width:24px}.profile .step .list-interests li{width:180px}.profile-infos p,label{font-size:.8rem}.profile .profile-infos .labeled{display:flex;flex-direction:column}.profile .profile-infos .labeled-input{margin-left:0}.profile .btn-action{font-size:1rem;width:100%}.profile-save-sucess{color:var(--color-success);font-size:.8rem;font-weight:500;margin-top:16px;text-decoration:underline}.btn-signout-account{background-color:var(--color-error);color:#fff;font-size:1rem;margin:16px}.main{background:url(/static/media/background_main.6b9fe1c62a7776ecda60.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.main,.main .wrapper{height:100vh;width:100%}.main .wrapper{background-color:#f6f6f6;flex-direction:column;overflow:hidden}.main-side{width:100%}.main-mid{flex:1 1}.mobile-only{height:100%;width:100%}@media screen and (min-width:480px){.main .wrapper{flex-direction:row}.main-side{border-right:1px solid #d3d3d3;height:100%;width:240px}}@media screen and (min-width:780px){.main .wrapper{height:95vh;width:94%}}.footer{background-image:url(/static/media/footer_mobile.40720e1c0efebf859c95.png);background-repeat:no-repeat;background-size:cover;color:#fff;margin-top:80px;width:100%}.footer .logo-wrapper{width:30%}.footer .logo-wrapper img{height:60px;width:60px}.footer .wrapper{justify-content:flex-start;padding:16px;text-align:start;width:70%}.footer .wrapper h3{font-size:1.4rem}.footer .wrapper p{opacity:.8}@media screen and (min-width:480px){.footer{background-image:url(/static/media/background_footer_desktop.bb2d0393cd7e85da772d.png);padding:24px}}.header{justify-content:flex-end;position:fixed;top:0;width:100%}.icons-menu{color:#fdad00;font-size:2.5rem;margin-top:12px}.listNav{align-items:flex-end;background:rgba(196,138,236,.9);height:100vh;margin:0;opacity:0;padding:16px;position:absolute;right:-100vw;transition-duration:.5s;width:100vw}.listNav li{border-bottom:1px solid rgba(159,98,200,.9);cursor:pointer;font-size:1.2rem;padding:24px 16px;width:100%}.listNav li:first-child{margin-top:60px}.listNav .icons-menu{color:var(--color-text);margin-top:0}.listNav.active{opacity:1;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);transition-duration:.4s}@media screen and (min-width:480px){.icons-menu{display:none}.listNav{background-color:var(--color-actions);border-bottom-left-radius:20px;border-top-left-radius:20px;flex-direction:row;height:auto;justify-content:space-evenly;margin-top:16px;max-width:350px;min-width:120px;opacity:1;padding:2px 12px 2px 20px;right:0;width:48%}.listNav li{border:none;font-size:1rem;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.dowload{flex-direction:column-reverse;flex-wrap:wrap;margin-top:80px}.dowload section{min-height:300px;width:100%}.dowload section h2{font-size:2.2rem;margin-bottom:24px}.dowload section img{height:80px;margin-bottom:16px;opacity:.7;width:80px}.dowload .btn-action{border-radius:20px}.dowload section p{color:var(--color-text);margin-bottom:12px;text-decoration:underline}@media screen and (min-width:480px){.dowload{flex-direction:row-reverse}.dowload section{width:50%}}.list-features{flex-wrap:wrap;justify-content:space-evenly;margin-top:60px}.feature{aspect-ratio:3/4;border:3px solid var(--color-purple-ligth);border-radius:8px;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;margin-top:30px;max-width:350px;min-width:200px;padding:12px;width:200px}.feature .max-wrapper{height:65%;width:100%}.feature img{opacity:.7;width:40%}.feature p{color:var(--color-pink-ligth);font-size:1.5rem;font-weight:500}.headline{background-image:url(/static/media/background_home_mobile.c763a121655400214719.png);background-repeat:no-repeat;background-size:cover}.logo{align-items:center;color:#fff;padding:8px}.logo img{height:auto;width:60px}.logo h1{font-weight:500;margin-left:12px}.headline-wrapper{color:#fff;padding-left:16px;text-align:start}.headline-wrapper img{display:none}.headline-wrapper main{color:#fff;padding-bottom:35px}.headline-wrapper main h2{color:#fff;font-size:3rem;margin-bottom:16px;margin-top:52px;opacity:.9}.headline-wrapper main p{font-size:1.8rem;margin-bottom:60px;opacity:.7}.headline .btn-action{border-radius:20px}@media screen and (min-width:480px){.headline{background-image:url(/static/media/background_home_desktop.752be772d5042edd5359.png)}}@media screen and (min-width:780px){.headline-wrapper img{display:block;max-width:600px;min-width:200px;transition-duration:.3s;width:40%}.headline-wrapper main{color:#fff;margin-left:24px;max-width:50%;padding:90px}}.interests{flex-wrap:wrap;margin-top:80px}.list-interests{display:grid;grid-template-columns:1fr;padding:24px;width:100%}.interest{justify-content:flex-start;margin-bottom:24px;margin-top:24px;padding-left:40px}.interest img{height:45px;width:45px}.interest p{font-size:1.5rem;font-weight:500;margin-left:12px}@media screen and (min-width:620px){.interests{flex-direction:row-reverse}.interests .section-title{width:40%}.list-interests{display:grid;grid-template-columns:1fr 1fr;padding:24px;text-align:start;width:50%}.interest{padding-left:0}}.presentation-chat{margin-top:80px}.presentation-chat .chats{color:var(--color-text);flex-wrap:wrap;padding:24px}.presentation-chat .chats p{background-color:var(--color-pink-ligth);border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;margin-top:8px;padding:6px 8px 12px;text-align:start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat{margin-top:24px;width:100%}.chats .wrapper{flex:2 1;margin:12px}.chats .my-messages .wrapper{align-items:flex-start}.chats .friend-messages .wrapper{align-items:flex-end}.chats .friend-messages .wrapper p{background-color:var(--color-purple);border-bottom-left-radius:16px;border-bottom-right-radius:0;text-align:end}.chat img{border:2px solid var(--color-pink-ligth);border-radius:40px;height:60px;width:60px}@media screen and (min-width:480px){.presentation-chat{display:flex}}
/*# sourceMappingURL=main.cc00bf07.css.map*/