@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;700;900&family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);:root{--ft-1:"Poppins",sans-serif;--ft-2:"Inter",sans-serif;--ft-3:"Raleway",sans-serif;--green:#45d985;--light:#fff;--red-200:#d11e22;--red-100:#e90d0f;--alpha:rgba(0,0,0,.2);--grys-300:#9e9e9e;--grys-200:#e9e9e9;--grys-100:#f5f5f5;--theme:#b65bcb;--second:#1cd0e9;--dark-200:#0a2427;--dark-100:#321c37;--gradient-90:linear-gradient(90deg,var(--theme),var(--second));--gradient-45:linear-gradient(45deg,var(--theme),var(--second));--gradient-135:linear-gradient(135deg,var(--theme),var(--second));--gradient:linear-gradient(var(--theme),var(--second));--grad-bg:linear-gradient(135deg,var(--dark-100),var(--dark-200));--facebook:#3b5995;--twitter:#1da1f2;--google:#dd4b39;--youtube:#c4302b;--vimeo:#1ab7ea;--dribbble:#ea4c89;--github:#333;--instagram:#c13584;--pinterest:#e60023;--flickr:#0063dc;--bitbucket:#205081;--linkedin:#0e76a8;--whatsapp:#12af0a;--tumblr:#35465c;--tiktok:#222;--discord:#5865f2;color:#fff;color:var(--light);font-family:Poppins,sans-serif;font-family:var(--ft-1);font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#321c37,#0a2427);background:var(--grad-bg);height:auto;min-height:100vh;overflow-x:hidden;width:100%}body *{font-size:1rem}:after,:before{content:"";position:absolute}a,span{display:inline-block}a{text-decoration:none}ul{list-style:none}img{object-fit:cover;width:100%}button{border:none;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--ft-2);outline:none}.bg_grad{background:linear-gradient(45deg,#b65bcb,#1cd0e9);background:var(--gradient-45);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;display:inline-block}::-webkit-scrollbar{background:rgba(0,0,0,.2);background:var(--alpha);width:.8rem}::-webkit-scrollbar-thumb{background:#b65bcb;background:var(--theme)}.banner_content{align-items:center;background:var(--gradient-135);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.banner_content img{-webkit-filter:grayscale(1);filter:grayscale(1);height:auto;min-height:100%;min-width:100%;mix-blend-mode:overlay;opacity:.8;width:auto}.navigator{align-items:center;background:var(--gradient);border-bottom-right-radius:200px;border-top-right-radius:200px;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:120px;z-index:100}.nav_avatar,.nav_avatar img{border-radius:50%;display:flex;height:70px;overflow:hidden;width:70px}.nav_avatar{background:var(--alpha);box-shadow:0 0 0 .5rem var(--alpha);flex-shrink:0;margin-top:9rem}.nav_menu{height:auto;margin-top:10rem;width:100%}.nav_menu ul{display:flex;flex-direction:column;gap:.3rem;width:100%}.nav_menu ul li,.nav_menu ul li a{align-items:center;background:transparent;border-radius:0 3.8rem 3.8rem 0;cursor:pointer;display:flex;gap:.5rem;height:38px;padding-left:2rem;transition:.2s;width:100%}.nav_menu ul li.active,.nav_menu ul li:hover{background:var(--light)}.nav_menu ul li:last-child{padding:0}.nav_menu ul li *,.nav_menu ul li a *{color:var(--light);font-size:2rem}.nav_menu ul li span{color:var(--light);font-size:1.2rem;font-weight:500;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav_menu ul li.active *,.nav_menu ul li:hover *{color:var(--second)}.nav_menu ul li.active span,.nav_menu ul li:hover span{background:var(--gradient-90);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.btn_social{align-items:center;background:var(--alpha);border-radius:50%;display:flex;height:4rem;justify-content:center;transition:.2s;width:4rem}.btn_social *{color:var(--second);font-size:1.6rem}.btn_social:hover *{color:var(--light)}.aside_content{background-image:url(../../static/media/bg.f8ade31664fe3bac9ca8.svg),var(--gradient-90);background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;right:0;top:0;width:370px;z-index:10}.aside_content:before{background:var(--light);height:390px;left:0;top:calc(50% - 195px);width:100%}.aside_top{align-items:center;display:flex;flex-direction:column;margin-top:5.5rem;padding:0 2rem;position:relative}.aside_top p{font-size:1.4rem}.aside_top__title{align-items:flex-end;display:flex;flex-direction:column;margin-top:1rem;max-width:100%;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aside_top__title h1{font-size:4.5rem;line-height:4rem}.aside_top__title h2{color:var(--alpha);font-size:4rem;line-height:3.5rem}.aside_user{background:var(--light);border-radius:1rem;box-shadow:0 0 20px rgba(0,0,0,.2);height:410px;left:10px;padding:3rem;position:absolute;top:calc(50% - 205px);width:350px}.aside_user__header{align-items:center;display:flex;gap:.5rem;height:70px}.aside_user__header_avatar{background:var(--gradient-135);border-radius:50%;flex-shrink:0;height:70px;position:relative;width:70px}.aside_user__header_avatar:before{background:var(--light);border-radius:50%;height:64px;left:3px;top:3px;width:64px}.aside_user__header_avatar img{border-radius:50%;height:60px;margin:5px;position:relative;width:60px}.user_online{background:var(--grys-100);border-radius:50%;bottom:.4rem;height:14px;position:absolute;right:.4rem;width:14px}.user_online.green{background:var(--green)}.user_online.red{background:var(--red-100)}.aside_user__data strong{font-size:1.4rem}.aside_user__data span{background:var(--grys-100);border-radius:999px;color:var(--theme);display:block;padding:.4rem 1.5rem;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aside_user_content{height:130px;margin-top:2rem;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--alpha) var(--theme);scrollbar-width:thin;width:100%}.aside_user_content p{color:var(--grys-300);font-size:1.2rem}.aside_user__footer{margin-top:2rem}.user_location{align-items:flex-end;display:flex;gap:.5rem}.user_location__icon *{stroke:var(--theme);font-size:2.4rem}.user_location__data{display:flex;flex-direction:column}.user_location__data span{color:var(--second);text-transform:uppercase}.user_location__data strong{font-size:1.2rem}.user_menu{gap:1rem;margin-top:2.5rem;width:100%}.user_menu,.user_menu a{align-items:center;display:flex;height:40px;justify-content:center}.user_menu a{background:var(--grys-100);border-radius:50%;position:relative;width:40px}.user_menu a *{stroke:var(--second);color:var(--second);font-size:2rem}.user_menu a:before{background:linear-gradient(18deg,var(--second) 40%,var(--theme));border-radius:.3rem;color:var(--light);content:attr(data-tooltip);padding:.5rem 1.5rem;text-transform:uppercase;top:-4rem;z-index:2}.user_menu a:after,.user_menu a:before{left:50%;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s;visibility:hidden}.user_menu a:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--second);height:0;top:-1.5rem;width:0}.user_menu a:hover:after,.user_menu a:hover:before{opacity:1;visibility:visible}.aside_footer{align-items:flex-end;bottom:0;height:auto;left:0;padding:3rem 2rem;position:absolute;width:100%}.aside_footer,.aside_footer__id{display:flex;flex-direction:column}.aside_footer__id{align-items:flex-start;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aside_footer__id h2{font-size:6rem;line-height:5rem}.aside_footer__social{align-items:center;display:flex;flex-direction:column;margin-top:1rem}.aside_footer__social span{font-size:1.2rem;font-weight:500;text-transform:uppercase}.social_menu{gap:.8rem;height:40px;justify-content:center;margin-top:1rem;width:100%}.page_aside,.social_menu{align-items:center;display:flex}.page_aside{background:var(--gradient);border-radius:200px 0 0 200px;flex-direction:column;height:660px;position:absolute;right:0;top:0;width:80px;z-index:51}.page_aside__button{margin-top:5rem;width:38px}.page_aside__button button{align-items:center;background:var(--alpha);border-radius:50%;display:flex;height:38px;justify-content:center;width:38px}.page_aside__button button *{color:var(--light);font-size:2rem}.page_aside__button span{display:block;font-weight:500;margin-top:.5rem;text-align:center;text-transform:uppercase}.page_aside__title{display:flex;justify-content:center;margin-top:2rem;width:100%}.page_aside__title h1{color:var(--alpha);font-family:var(--ft-2);font-size:5.5rem;font-weight:900;letter-spacing:-1.5rem;text-align:center;text-orientation:upright;text-transform:uppercase;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.empty_content{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;padding:4rem;width:100%}.empty_icon *{color:var(--second);font-size:8rem}.empty_content h2{color:var(--alpha);font-size:2rem;text-align:center}.wrapper_relation{height:550px;width:460px}.relation_header{align-items:center;display:flex;gap:1rem;height:208px}.relation_header__avatar,.relation_header__avatar img{border-radius:50%;display:flex;height:168px;width:168px}.relation_header__avatar{background:var(--alpha);box-shadow:0 0 0 1rem rgba(0,0,0,.05),0 0 0 2rem rgba(0,0,0,.05);flex-shrink:0;margin:2rem}.relation_header__data{align-items:flex-start;display:flex;flex-direction:column;height:168px;justify-content:flex-end}.relation_header__data h2{font-size:5rem;line-height:4rem;text-transform:uppercase}.relation_header__data p{align-items:center;display:flex}.relation_header__data p strong{color:var(--theme);font-size:3rem;margin-right:1rem}.relation_header__data p a{background:var(--gradient-90);border-radius:999px;color:var(--light);font-weight:500;padding:.5rem 2rem;text-transform:uppercase}.relation_content{height:140px;margin-top:1.5rem;overflow-x:hidden;overflow-y:auto;padding-left:84px;scrollbar-color:var(--alpha),var(--theme);scrollbar-width:thin;width:100%}.relation_content p{color:var(--grys-300);font-size:1.3rem}.relation_footer{align-items:center;color:var(--theme);display:flex;font-family:var(--ft-3);gap:2rem;height:166px;margin-top:2rem;padding-left:3rem;width:100%}.relation_footer p{flex-grow:1;font-size:3rem;padding:0 1rem;text-align:center}.relation_time{height:166px;position:relative;width:170px}.relation_time__box{align-items:center;background:var(--theme);-webkit-clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);color:var(--light);display:flex;flex-direction:column;flex-shrink:0;height:166px;justify-content:center;text-transform:uppercase;width:170px}.relation_time__box strong{font-size:4.5rem;font-weight:700;line-height:5rem}.relation_time__box span{font-size:3.5rem;font-weight:200}.relation_icon{align-items:center;background:var(--light);border-radius:50%;display:flex;height:54px;justify-content:center;position:absolute;right:0;top:0;width:54px}.relation_icon *{color:var(--second);font-size:2.5rem}.friend_content{display:flex;flex-direction:column;gap:1.5rem;height:580px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--alpha),var(--theme);scrollbar-width:thin;width:460px}.friend_row{border-radius:.6rem;box-shadow:2rem 2rem 20px rgba(0,0,0,.2);display:flex;overflow:hidden;width:320px}.friend_row,.friend_row__avatar{background:var(--grys-100);height:90px;position:relative}.friend_row__avatar{flex-shrink:0;padding:.5rem;width:90px;z-index:2}.friend_row__avatar img{border-radius:.4rem;box-shadow:1.5rem 1.5rem 15px rgba(0,0,0,.2);height:60px;width:60px}.friend_row__data{flex-grow:1;height:90px;padding:1rem;position:relative}.friend_row__data strong{font-size:1.6rem;font-weight:700}.friend_row__data p{color:var(--grys-300);font-size:1.2rem}.friend_row__data a{background:var(--gradient-90);border-radius:999px;bottom:1rem;color:var(--light);font-weight:500;padding:.4rem 1.5rem;position:absolute;right:1rem;text-transform:uppercase}.video_content{align-items:center;display:flex;flex-direction:column;height:580px;justify-content:center;position:relative;width:470px;z-index:10}.video_content h3{color:var(--second);font-size:1.4rem;font-weight:400;text-align:center;text-transform:uppercase}.video_box{height:280px;margin-top:2rem;position:relative;width:400px}.video_box:before{background:var(--gradient-45);border-radius:50%;bottom:-30px;height:140px;left:-15%;width:140px;z-index:-2}.video_box__iframe{background:#121212;box-shadow:4rem 4rem 25px rgba(0,0,0,.4);height:226px;position:relative;width:400px}.video_box__iframe:before{background:var(--gradient-90);bottom:-.5rem;height:.5rem;left:0;width:100%}.video_box__iframe iframe{border:none}.page_wrapper{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:50}.page_wrapper.show{-webkit-animation:show_page .3s ease-in-out forwards;animation:show_page .3s ease-in-out forwards}@-webkit-keyframes show_page{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes show_page{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.page_content{background:var(--light);height:660px;left:130px;opacity:0;padding:4rem;position:absolute;top:70%;-webkit-transform:translateY(-50%);transform:translateY(-50%);visibility:hidden;width:630px}.page_content.show{-webkit-animation:show_page__inner .5s ease-out .3s forwards;animation:show_page__inner .5s ease-out .3s forwards}@-webkit-keyframes show_page__inner{0%{opacity:0;top:70%;visibility:hidden}60%{opacity:1;top:40%;visibility:visible}to{opacity:1;top:50%;visibility:visible}}@keyframes show_page__inner{0%{opacity:0;top:70%;visibility:hidden}60%{opacity:1;top:40%;visibility:visible}to{opacity:1;top:50%;visibility:visible}}.content{background:var(--light);box-shadow:0 0 70px rgba(0,0,0,.4);height:820px;position:relative;width:800px;z-index:2}.background_content{background:linear-gradient(135deg,var(--light) 20%,transparent 20.1%,transparent 80%,var(--light) 80.1%);display:grid;height:100%;left:0;overflow:hidden;place-content:center;position:fixed;top:0;width:100%}.background_inner{positioN:relative;height:820px;width:800px}.circle_bg{border-radius:50%;height:50rem;position:absolute;width:50rem;z-index:-1}.circle_bg:first-child{background:var(--gradient-45);bottom:0;left:0;-webkit-transform:translate(-100%,70%);transform:translate(-100%,70%)}.circle_bg:nth-child(2){background:var(--gradient-135);right:0;top:0;-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}.square_bg{height:250px;position:absolute;width:250px;z-index:-1}.square_bg:nth-child(3){border:7rem solid var(--theme);left:0;top:0;-webkit-transform:translate(-40%,40%) rotate(45deg);transform:translate(-40%,40%) rotate(45deg)}.square_bg:nth-child(4){border:7rem solid var(--second);bottom:0;right:0;-webkit-transform:translate(60%,-40%) rotate(45deg);transform:translate(60%,-40%) rotate(45deg)}.load_content{align-items:center;background:var(--grad-bg);display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;width:100%;z-index:999}.load_circle{height:80px;position:relative;width:80px}.load_circle:after,.load_circle:before{border-radius:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.load_circle:before{box-shadow:0 0 0 .3rem var(--light);height:76px;width:76px}.load_circle:after{-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;border:.8rem solid transparent;border-top:.8rem solid var(--theme);height:72px;width:72px}@-webkit-keyframes spinner{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spinner{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.load_text{margin-top:2rem}.load_text p{color:var(--light);font-size:1.2rem;font-weight:500;text-transform:uppercase}.App{align-items:center;display:flex;height:100vh;justify-content:center;min-height:980px;position:relative;width:100%}
/*# sourceMappingURL=main.f30a0099.css.map*/