@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Oswald:wght@200;300;400;500;700&family=Pacifico&family=Xanh+Mono&display=swap);:root{--ft-1:"Pacifico",cursive;--ft-2:"Oswald",sans-serif;--ft-3:"Fira Mono",monospace;--ft-4:"Xanh Mono",monospace;--green:#45d985;--light:#fff;--red:#d90000;--alpha:rgba(0,0,0,.3);--grys-200:#707070;--grys-100:#979797;--theme:#e1395d;--second:#f2684b;--dark-500:#1b1b37;--dark-400:#272646;--dark-300:#2e2d4e;--dark-200:#363557;--dark-100:#3e3d60;--gradient-90:linear-gradient(90deg,var(--second),var(--theme));--gradient-45:linear-gradient(45deg,var(--second),var(--theme));--gradient:linear-gradient(var(--second),var(--theme));--theme:#ff4ba7;--seconde:#ffda64;--theme:#2b7bfa;--second:#a6ff52;--theme:#ff034c;--second:#ffca7a;--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:Fira Mono,monospace;font-family:var(--ft-3);font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1b1b37;background:var(--dark-500);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:Oswald,sans-serif;font-family:var(--ft-2);outline:none}.bg_grad{background:linear-gradient(45deg,#ffca7a,#ff034c);background:var(--gradient-45);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;display:inline-block}::-webkit-scrollbar{background:#1b1b37;background:var(--dark-500);width:.8rem}::-webkit-scrollbar-thumb{background:#ff034c;background:var(--theme)}.back_content,.banner_content,.banner_content__img{height:100%;position:absolute;right:0;top:0;width:444px}.back_content{box-shadow:-.5rem 0 var(--theme),-1rem 0 var(--second),-1.5rem 0 var(--light)}.banner_content{background:var(--light)}.banner_content__img{align-items:center;display:flex;justify-content:center;overflow:hidden}.banner_content__img img{height:auto;min-height:100%;min-width:100%;opacity:.5;width:auto}.banner_online{align-items:flex-start;display:flex;gap:.5rem;height:38px;position:absolute;right:2rem;top:2rem}.online_avatar__img{background:var(--alpha);position:relative}.online_avatar__img,.online_avatar__img img{border-radius:50%;height:38px;width:38px}.online_dots{background:var(--light);border-radius:50%;height:12px;position:absolute;right:0;top:0;width:12px}.online_dots.green{background:var(--green)}.online_dots.red{background:var(--red)}.banner_online span{background:var(--dark-400);border-radius:999px;padding:.5rem 1.5rem;text-transform:uppercase}.banner_location{align-items:center;background:var(--dark-400);border-radius:22px 0 0 22px;bottom:3rem;display:flex;gap:.5rem;height:44px;padding:0 3rem;position:absolute;right:0;width:auto}.banner_location *{color:var(--theme);font-size:2rem}.banner_location span{color:var(--second);font-size:1.2rem}.btn_social,.close_page{align-items:center;background:var(--dark-500);border-radius:50%;display:flex;height:40px;justify-content:center;transition:.2s;width:40px}.btn_social *{color:var(--theme);font-size:1.8rem}.btn_social:hover *{color:var(--light)}.close_page{position:absolute;right:1rem;top:1rem}.close_page *{color:var(--second);font-size:1.6rem}.empty_content{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.empty_content *{color:var(--dark-200);font-size:5rem}.empty_content h3{color:var(--dark-300);font-size:1.4rem}.pager_content.friend:before{top:88px}.wrapper_friends{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:82px 82px 82px 82px;height:auto;width:100%}.friend_card,.friend_card a,.friend_card a img{border-radius:.3rem;display:flex;height:82px;width:82px}.friend_card a{position:relative}.friend_card a:before{background:var(--dark-400);border-radius:3px;box-shadow:5px 5px 10px rgba(0,0,0,.4);color:var(--second);content:attr(data-tooltip);font-size:.9rem;left:5%;opacity:0;padding:.5rem 1rem;text-transform:uppercase;top:75%;transition:.2s;visibility:hidden;z-index:2}.friend_card a:hover:before{opacity:1;visibility:visible}.pager_content.video:before{top:125px}.wrapper_video{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.wrapper_video h3{color:var(--second);font-size:1.6rem;font-weight:500;margin-top:1rem;text-align:center;width:100%}.video_box{background:#111;height:181px;margin-top:1rem;width:330px}.pager_content.gallery:before{top:162px}.wrapper_gallery{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);width:100%}.card_photo{background:var(--dar-300);border-radius:.3rem;display:flex;height:150px;overflow:hidden;position:relative;width:100%}.card_photo img{height:auto;min-height:100%;min-width:100%;width:auto}.card_photo button{align-items:center;background:rgba(0,0,0,.6);border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:.2s;width:60px}.card_photo *{color:var(--light);font-size:2.5rem}.card_photo:hover button{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.modal{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;visibility:visible;width:100%;z-index:1000}.modal.show{-webkit-animation:show_modal .3s ease-in-out forwards;animation:show_modal .3s ease-in-out forwards}@-webkit-keyframes show_modal{to{opacity:1;visibility:visible}}@keyframes show_modal{to{opacity:1;visibility:visible}}.btn_close__modal{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;height:36px;justify-content:center;position:absolute;right:2rem;top:2rem;width:36px}.btn_close__modal *{fill:var(--light);color:var(--light);font-size:2rem}.inner_modal{align-items:center;display:flex;height:90vh;justify-content:center;opacity:0;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;width:90%}.inner_modal.show{-webkit-animation:show_modal_inner .5s ease-in-out .2s forwards;animation:show_modal_inner .5s ease-in-out .2s forwards}@-webkit-keyframes show_modal_inner{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);visibility:hidden}70%{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4);visibility:visible}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}}@keyframes show_modal_inner{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);visibility:hidden}70%{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4);visibility:visible}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}}.inner_modal img{height:auto;max-height:100%;max-width:100%;width:auto}.front_content{height:650px;margin:3rem;position:relative;width:650px}.banner_front{-moz-backgrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px rgba(0,0,0,.2),2rem 2rem 25px rgba(0,0,0,.2);height:100%;padding:1rem;width:326px}.banner_front__img{align-items:center;background:var(--dark-400);display:flex;height:630px;justify-content:center;overflow:hidden;position:relative;width:306px}.banner_front__img img{height:auto;min-height:100%;min-width:100%;width:auto}.banner_front__img:before{background:linear-gradient(rgba(27,27,55,.1) 30%,var(--dark-400) 85%);height:100%;left:0;top:0;width:100%}.banner_front__img:after{background:linear-gradient(90deg,var(--light) 33%,var(--second) 33%,var(--second) 66%,var(--theme) 66%);bottom:0;height:5px;left:0;width:100%}.banner_front__menu{bottom:3rem;gap:1rem;height:50px;left:0;position:absolute;width:100%}.banner_front__menu,.banner_front__menu a{align-items:center;display:flex;justify-content:center}.banner_front__menu a{background:var(--dark-500);border-radius:50%;height:38px;position:relative;transition:.2s;width:38px}.banner_front__menu a *{color:var(--second);font-size:1.8rem}.banner_front__menu a:hover *{color:var(--light)}.banner_front__menu a:before{background:var(--dark-500);color:var(--second);content:attr(data-tooltip);left:50%;opacity:0;padding:.5rem 1rem;text-transform:uppercase;top:-3rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s;visibility:hidden;white-space:nowrap}.banner_front__menu a:hover:before{opacity:1;visibility:visible}.wrapper_user{height:450px;left:260px;position:absolute;top:118px;width:385px}.user_avatar{background:var(--dark-400);border-left:5px solid var(--light);box-shadow:2rem 2rem 20px rgba(0,0,0,.3);height:150px;position:relative;-webkit-transform:translateX(-80px);transform:translateX(-80px);width:155px;z-index:3}.user_avatar:before{background:linear-gradient(var(--light) 33%,var(--second) 33%,var(--second) 66%,var(--theme) 66%);height:100%;left:-5px;top:0;width:5px}.user_avatar__img,.user_avatar__img img{height:150px;width:150px}.user_relation__btn{align-items:center;background:var(--dark-500);border-radius:50%;display:flex;height:42px;justify-content:center;position:absolute;right:-21px;top:calc(50% - 21px);width:42px}.user_relation__btn *{color:var(--theme);font-size:2rem}.user_relation__btn:before{border-radius:50%;box-shadow:0 0 0 .4rem var(--second) inset;height:56px;width:56px}.user_content{background:var(--dark-400);box-shadow:0 0 20px rgba(0,0,0,.1),20px 20px 20px rgba(0,0,0,.3);height:375px;left:0;padding:2rem;position:absolute;top:75px;width:385px}.user_content:before{background:linear-gradient(90deg,var(--light) 33%,var(--second) 33%,var(--second) 66%,var(--theme) 66%);bottom:0;height:5px;left:0;width:100%}.user_content__data{align-items:center;display:flex;flex-direction:column;height:280px;width:100%}.user_content__data h1{font-family:var(--ft-1);font-size:3rem;font-weight:400;padding:0 1rem}.user_content__data span{font-size:1.4rem}.user_data__about{height:145px;margin-top:2rem;overflow-y:auto;scrollbar-color:var(--dark-500) var(--theme);scrollbar-width:thin}.user_data__about p{color:var(--second);font-family:var(--ft-3);font-size:1.2rem;text-align:center}.user_content__social{align-items:center;display:flex;gap:1rem;height:50px;justify-content:center;margin-top:1rem;width:100%}.user_content__menu{height:110px;left:0;overflow:hidden;position:absolute;top:95px;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:130px}.user_content__menu ul{display:flex;flex-direction:column;gap:1px;height:100%;width:100%}.user_content__menu ul li{align-items:center;background:var(--dark-300);border-left:5px solid var(--light);cursor:pointer;display:flex;gap:.5rem;height:36px;position:relative;text-transform:uppercase;-webkit-transform:translateX(calc(100% - 41px));transform:translateX(calc(100% - 41px));transition:all .4s cubic-bezier(0,.31,.27,.97);width:100%}.user_content__menu ul li:hover{-webkit-transform:translatex(0);transform:translatex(0)}.user_content__menu ul li:nth-child(2){background:var(--dark-200);border-left:5px solid var(--second)}.user_content__menu ul li:nth-child(3){background:var(--dark-100);border-left:5px solid var(--theme)}.user_content__menu ul li i{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.user_content__menu ul li i *{font-size:1.8rem}.user_content__menu ul li:nth-child(2) i *{color:var(--second)}.user_content__menu ul li:nth-child(3) i *{color:var(--theme)}.pages,.wrapper_relation{background:var(--dark-400);border-radius:.3rem;box-shadow:0 0 20px rgba(0,0,0,.3),2rem 2rem 25px rgba(0,0,0,.2);height:340px;left:280px;opacity:0;position:absolute;top:208px;visibility:hidden;width:380px;z-index:200}.pages.show,.wrapper_relation.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}}.pager_content{height:100%;padding:1rem;position:relative;width:100%}.pager_inner{background:var(--dark-500);border-radius:.6rem;height:266px;margin-top:4.6rem;overflow-y:auto;padding:.5rem;scrollbar-color:var(--alpha) var(--theme);scrollbar-width:thin;width:358px}.pager_inner::-webkit-scrollbar,.pager_inner::-webkit-scrollbar-thumb{border-radius:8px}.pager_content:before{background:var(--dark-400);border-radius:.2rem;height:14px;left:-8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:14px}.wrapper_relation{align-items:center;border:none;display:flex;flex-direction:column;height:380px;left:380px;padding:2rem;top:10px;width:270px}.wrapper_relation:before{background:var(--dark-400);border-radius:.2rem;height:14px;left:-7px;top:175px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:14px}.relation_avatar,.relation_avatar img{border-radius:50%;height:128px;width:128px}.relation_avatar{box-shadow:0 0 0 1rem var(--dark-500);display:flex;margin-top:3rem;overflow:hidden}.wrapper_relation h3{color:var(--theme);font-family:var(--ft-1);font-size:2.3rem;font-weight:400;margin-top:1rem}.wrapper_relation a,.wrapper_relation span{background:var(--dark-500);border-radius:999px;color:var(--second);margin-top:1rem;padding:.4rem 1.5rem;text-transform:uppercase}.relation_about{height:auto;margin-top:1rem;max-height:80px;min-height:40px;overflow-y:auto;scrollbar-color:var(--dark-500) var(--theme);scrollbar-width:thin}.relation_about p{font-size:1.2rem;text-align:center}.content{background:var(--dark-400);height:710px;position:relative;width:710px}.load_content{background:var(--dark-400);height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.load_content,.load_inner{align-items:center;display:flex}.load_inner{flex-direction:column}.load_inner *{color:var(--theme)}.load_circle{align-items:center;-webkit-animation:spinn 2s linear infinite;animation:spinn 2s linear infinite;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}@-webkit-keyframes spinn{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinn{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.load_circle *{font-size:3rem;font-weight:400}.load_inner span{font-size:1.4rem;letter-spacing:.1rem;margin-top:1rem;text-transform:uppercase}.App{display:grid;height:100vh;min-height:920px;place-content:center;width:100%}
/*# sourceMappingURL=main.a3443e2f.css.map*/