@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Inter:wght@100;200;300;400;500;600;700;800&family=Poppins:wght@200;300;400;500;600&family=Xanh+Mono&display=swap);:root{--ft-1:"Poppins",sans-serif;--ft-2:"Inter",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:#1b1a1f;--dark-400:#232228;--dark-300:#343337;--dark-200:#59585b;--dark-100:#6d6d6d;--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:#2d00f7;--second:#f20089;--theme:#f7b267;--second:#f25c54;--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:Inter,sans-serif;font-family:var(--ft-2);font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1b1a1f;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:Inter,sans-serif;font-family:var(--ft-2);outline:none}.bg_grad{background:linear-gradient(45deg,#f25c54,#f7b267);background:var(--gradient-45);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;display:inline-block}::-webkit-scrollbar{background:#1b1a1f;background:var(--dark-500);width:.8rem}::-webkit-scrollbar-thumb{background:#f7b267;background:var(--theme)}.wrapper_relation{align-items:center;background:var(--dark-300);border-radius:.6rem;box-shadow:0 0 50px rgba(0,0,0,.4);display:flex;flex-direction:column;height:410px;opacity:0;padding:3rem;position:relative;-webkit-transform:translateY(-4rem);transform:translateY(-4rem);visibility:hidden;width:280px}.wrapper_relation.show{-webkit-animation:bounce .5s ease-in-out forwards;animation:bounce .5s ease-in-out forwards}@-webkit-keyframes bounce{0%{opacity:0;-webkit-transform:translateY(-4rem);transform:translateY(-4rem);visibility:hidden}60%{opacity:1;-webkit-transform:translateY(4rem);transform:translateY(4rem);visibility:visible}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}@keyframes bounce{0%{opacity:0;-webkit-transform:translateY(-4rem);transform:translateY(-4rem);visibility:hidden}60%{opacity:1;-webkit-transform:translateY(4rem);transform:translateY(4rem);visibility:visible}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}.wrapper_relation:before{background:var(--dark-300);bottom:-12px;height:24px;left:calc(50% - 12px);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:24px}.close_relation{background:var(--dark-400);border-radius:50%;height:32px;position:absolute;right:2rem;top:2rem;width:32px}.close_relation *{color:var(--dark-100);font-size:2rem}.relation_avatar{border-radius:50%;box-shadow:0 0 0 10px var(--alpha),0 0 0 20px var(--alpha);flex-shrink:0;margin:1rem;overflow:hidden}.relation_avatar,.relation_avatar img{height:140px;width:140px}.wrapper_relation h2{font-size:2rem;margin-top:1.5rem;text-transform:uppercase}.wrapper_relation a,.wrapper_relation span{background:var(--dark-400);border-radius:999px;color:var(--grys-100);margin-top:.75rem;padding:.5rem 1.5rem;text-transform:uppercase}.relation_about{height:80px;margin-top:1rem;overflow-x:hidden;overflow-y:auto}.relation_about p{color:var(--grys-100);font-size:1.2rem;text-align:center}.btn_social{align-items:center;-webkit-backdrop-filter:blur(15px);-moz-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.05);border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.2);display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.btn_social:before{-webkit-backdrop-filter:blur(4px);-moz-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.1);-webkit-filter:brightness(200%);filter:brightness(200%);height:40px;left:-20px;top:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:60px;z-index:2}.btn_social *{font-size:2.6rem}.btn_social.facebook *{color:var(--facebook)}.btn_social.twitter *{color:var(--twitter)}.btn_social.instagram *{color:var(--instagram)}.btn_social.youtube *{color:var(--youtube)}.btn_social.tiktok *{color:var(--tiktok)}.btn_social.tumblr *{color:var(--tumblr)}.btn_social.discord *{color:var(--discord)}.wrapper_home{height:100%;position:relative;width:100%}.home_header{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:210px 410px;height:450px;padding:0 3rem;width:100%}.home_header__aside{align-items:center;display:flex;flex-direction:column;margin-top:6rem;width:100%}.home_aside__avatar{background:var(--dark-400);border-radius:50%;box-shadow:0 0 0 10px rgba(52,51,55,.3),0 0 0 20px rgba(52,51,55,.3),0 0 0 30px rgba(52,51,55,.3);height:150px;margin:3rem;position:relative;width:150px}.home_aside__avatar:before{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;border:4px solid var(--theme);border-bottom:4px solid transparent;border-radius:50%;border-top:4px solid transparent;height:200px;left:calc(50% - 100px);top:calc(50% - 100px);width:200px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home_aside__avatar img{border-radius:50%;height:150px;width:150px}.home_aside__menu{background:var(--dark-300);border-radius:38px;gap:1.5rem;height:38px;margin-top:5rem;width:150px}.home_aside__menu,.home_aside__menu a{align-items:center;display:flex;justify-content:center}.home_aside__menu a{border-radius:50%;height:32px;position:relative;width:32px}.home_aside__menu a *{color:var(--dark-100);font-size:2.2rem}.home_aside__menu a:before{background:var(--dark-500);border-radius:.3rem;color:var(--dark-100);content:attr(data-tooltip);left:50%;opacity:0;padding:.3rem 1rem;text-transform:uppercase;top:-3rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s;visibility:hidden}.home_aside__menu a:hover:before{opacity:1;visibility:visible}.home_header__section{margin-top:8rem}.user_data__nick{position:relative}.user_data__nick h2{font-size:3rem}.user_data__nick span{background:var(--alpha);border-radius:999px;color:var(--light);padding:.5rem 1.2rem;position:relative;-webkit-transform:translate(.5rem,-2rem);transform:translate(.5rem,-2rem)}.home_user__data p{font-size:1.2rem}.location{align-items:baseline;display:flex;gap:.5rem;height:36px;margin-top:1rem}.location *{color:var(--theme);font-size:2rem}.location span{color:var(--light);font-size:1.4rem;font-weight:700}.home_user__about{height:150px;margin-top:6rem;overflow-y:auto;scrollbar-color:var(--dark-500) var(--theme);scrollbar-width:thin}.home_user__about p{color:var(--grys-100);font-size:1.4rem}.relation_content{bottom:214px;display:none;height:420px;left:calc(50% - 140px);position:absolute;width:280px}.relation_content.show{display:block}.relation_show{align-items:center;background:var(--dark-300);border-radius:36px;display:flex;gap:1rem;height:36px;justify-content:center;margin-left:calc(50% - 85px);margin-top:2rem;width:170px}.relation_show *{color:var(--red);font-size:1.6rem}.relation_show span{color:var(--grys-100);font-size:1.1rem;font-weight:500;text-transform:uppercase}.home_networks{align-items:center;display:flex;flex-direction:column;height:auto;margin-left:calc(50% - 205px);margin-top:2rem;width:410px}.networks_title{display:flex;height:20px;justify-content:center;position:relative;width:100%}.networks_title:after,.networks_title:before{background:hsla(0,0%,100%,.1);height:1px;top:calc(50% - .5px);width:100px}.networks_title:before{left:4rem}.networks_title:after{right:4rem}.networks_title span{color:var(--grys-100);font-weight:500;line-height:20px;text-transform:uppercase}.networs_menu{height:50px;justify-content:space-around;margin-top:1.5rem}.empty_content,.networs_menu{align-items:center;display:flex;width:100%}.empty_content{flex-direction:column;gap:2rem;height:100%;justify-content:center;min-height:300px}.empty_icon *{color:var(--dark-300);font-size:8rem}.empty_content h3{color:var(--dark-300);font-size:2rem}.section_page.friend{display:flex;flex-wrap:wrap;justify-content:space-around;position:relative;z-index:2}.card_friend{border-radius:.3rem;height:196px;margin-bottom:2rem;overflow:hidden;padding:.3rem;position:relative;width:144px}.card_friend:before{background:var(--gradient-90);height:200%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);visibility:hidden;width:200%;z-index:-2}.card_friend:hover:before{-webkit-animation:pin 1s linear infinite;animation:pin 1s linear infinite;visibility:visible}.card_friend:after{background:var(--dark-400);border-radius:.3rem;height:calc(100% - .2rem);left:.1rem;top:.1rem;width:calc(100% - .2rem);z-index:-1}@-webkit-keyframes pin{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes pin{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.card_friend__inner{align-items:center;background:var(--dark-400);border-radius:.4rem;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.card_friend__inner:before{background:linear-gradient(rgba(52,51,58,.3),#34333a 80%);height:100%;left:0;top:0;width:100%;z-index:1}.card_friend__inner img{height:196px;min-height:100%;min-width:100%;position:absolute;width:144px}.card_friend__inner a,.card_friend__inner span{position:relative;z-index:2}.card_friend__inner span{font-size:1.4rem;font-weight:500;margin-top:120px}.card_friend__inner a{background:var(--dark-500);border-radius:999px;color:var(--grys-200);margin-top:1rem;padding:.5rem 1.5rem;text-transform:uppercase}.section_page.video{flex-direction:column;position:relative;z-index:2}.section_page.video,.video_title{align-items:center;display:flex;justify-content:center}.video_title{border-bottom:1px solid var(--dark-300);border-top:1px solid var(--dark-300);height:60px;width:600px}.video_title span{color:var(--dark-100);letter-spacing:.2rem;text-transform:uppercase}.video_box{background:var(--dark-500);border-bottom:1rem solid var(--dark-400);height:349px;margin-top:3rem;position:relative;width:600px}.video_box iframe{border:none}.section_page.gallery{grid-gap:1rem;border-bottom:3rem solid var(--dark-400);display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.card_gallery{align-items:center;background:var(--dark-300);border-radius:.6rem;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.card_gallery img{height:auto;min-height:100%;min-width:100%;-webkit-transform:scale(1);transform:scale(1);transition:.2s;width:auto}.card_gallery:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.card_gallery button{background:var(--alpha);border-radius:50%;height:60px;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:.2s;width:60px}.card_gallery button *{color:var(--light);font-size:2rem}.card_gallery:hover button{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.wrapper_online{align-items:flex-start;display:flex;gap:1rem;height:100%;width:100%}.online_avatar{background:var(--dark-400);flex-shrink:0;position:relative}.online_avatar,.online_avatar img{border-radius:50%;height:38px;width:38px}.online_dots{background:var(--dark-200);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)}.wrapper_online span{background:var(--dark-400);border-radius:999px;color:var(--dark-100);flex:1 1;font-weight:400;padding:.5rem 0;text-align:center;text-transform:uppercase}.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%;bottom:2rem;display:flex;height:36px;justify-content:center;position:absolute;right: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}.content{background:var(--dark-400);display:inline-block;height:760px;position:relative;width:720px}.header_content{height:105px;width:100%}.header_content__menu ul{align-items:center;display:flex;height:30px;width:100%}.header_content__menu ul li{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:flex-start;padding-left:1.5rem;width:25%}.header_content__menu ul li span{color:var(--dark-100);font-size:1.1rem;font-weight:600;text-transform:uppercase}.header_content__menu ul li.active{background:var(--dark-300);border-radius:.6rem .6rem 0 0;width:210px}.header_content__menu ul li.active span{background:var(--gradient-45);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.header_content_status{background:var(--dark-300);gap:3rem;height:75px;padding:3rem;width:100%}.header_content_status,.status_nav__arrow{align-items:center;display:flex;justify-content:space-between}.status_nav__arrow{flex-shrink:0;height:38px;width:88px}.status_nav__arrow button{background:var(--dark-400);border-radius:50%;height:38px;width:38px}.status_nav__arrow button *{color:var(--dark-200);font-size:2rem}.header_status_title{align-items:center;background:var(--dark-400);border-radius:.4rem;display:flex;flex:1 1;height:38px;padding-left:2rem}.header_status_title h2{font-size:1.5rem;font-weight:500}.header_status__online{flex-shrink:0;height:38px;width:130px}.pages{height:655px;width:100%}.footer_content{align-items:center;background:var(--dark-300);border-radius:.6rem .6rem 0 0;bottom:0;display:flex;height:30px;justify-content:center;left:calc(50% - 220px);position:absolute;width:440px;z-index:2}.footer_content p{color:var(--dark-100);font-size:1.2rem}.pager_content{background:var(--dark-400);height:100%;opacity:0;visibility:hidden;width:100%}.pager_content.show{-webkit-animation:show_page .3s ease-in-out forwards;animation:show_page .3s ease-in-out forwards}@-webkit-keyframes show_page{to{opacity:1;visibility:visible}}@keyframes show_page{to{opacity:1;visibility:visible}}.pager_banner{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.pager_banner img{height:auto;min-height:100%;min-width:100%;width:auto}.pager_banner:before{background:linear-gradient(rgba(35,34,40,.3),var(--dark-400) 80%);height:100%;left:0;top:0;width:100%}.pager_container{height:100%;position:relative;width:100%}.header_page{align-items:center;background:var(--gradient-45);display:flex;height:70px;justify-content:center;margin-top:.1rem;width:100%}.header_page span{color:rgba(0,0,0,.5);font-family:var(--ft-4);font-size:5rem;line-height:20px;position:relative;text-transform:uppercase}.header_page span:after,.header_page span:before{background:var(--light);height:10px;top:calc(50% - .5px);width:10px}.header_page span:before{left:-10px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.header_page span:after{right:-10px;-webkit-transform:translateX(100%);transform:translateX(100%)}.section_page{height:584px;overflow-y:auto;padding:3rem;scrollbar-color:var(--dark-500) var(--theme);scrollbar-width:thin;width:100%}.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.55c2917d.css.map*/