@media(max-width: 768px){html,body{overflow-x:hidden}.nav{height:3.8rem;background-color:rgba(20,20,20,.8);backdrop-filter:blur(2rem);flex-direction:row-reverse}.nav .mobile{display:flex;flex-direction:column;gap:.3rem;padding-left:1.2rem}.nav .mobile span{width:1.2rem;height:.15rem;display:flex;background-color:#caba9a;transition:.5s;position:relative;top:0}.nav .mobile.active span:nth-child(2){transform:translateX(3rem);opacity:0}.nav .mobile.active span:nth-child(1){transform:rotate(45deg);top:.5rem !important}.nav .mobile.active span:nth-child(3){transform:rotate(-45deg);top:-0.4rem !important}.nav .navM.active{opacity:1;left:0}.nav ul:nth-child(1){position:fixed;flex-direction:column;top:3.8rem;height:100vh;left:-20rem;opacity:0;transition:.5s;background-color:#181818;gap:2rem;width:20rem;z-index:1}.nav ul:nth-child(1) li:nth-child(1){padding:3rem 0 2rem 0}.nav ul:nth-child(1) li:nth-child(1) img{width:13rem}.nav ul:nth-child(2) li:nth-child(2) a{width:3rem;background:none !important}.nav ul:nth-child(2) li:nth-child(2) a svg{width:1rem;opacity:.8;height:1rem;display:block}.nav ul:nth-child(2) li:nth-child(2) a svg path{fill:#fff}.nav ul:nth-child(2) li:nth-child(2) a span{display:none}.loading::before{right:0;top:-17rem;left:0;margin:0 auto}.header{flex-direction:column;height:auto !important;padding:6rem 0}.header_content-main{margin:0 auto;width:80%}.header_content-main .header_logo img{width:16rem}.header_content-main a{width:18rem;height:3rem}.header_content-main a::before{top:-0.5rem;width:20rem;height:4rem}.header_content-main h1{font-size:2rem;width:100%}.header_content-info{margin:0;flex-direction:column;align-items:center;justify-content:center;width:100%}.header_content-info ul{margin:4.5rem auto 4rem auto;width:90%;flex-wrap:wrap;justify-content:center}.header_content-info ul li:nth-child(2){display:none}.header_content-info ul li:nth-child(4){display:none}.header_content-info a{margin:0 auto}.background_server .background_Elysian{opacity:.6}.background_server .background_Elysian::before{background:url(../img/Elysian/bg/2.webp) top/cover}.background_server .background_Elysian::after{display:none}.background_server .background_Celestia{opacity:.6}.background_server .background_Celestia::before{background:url(../img/Celestia/bg/2.webp) top/cover}.background_server .background_Celestia::after{display:none}.background_server .background_Tempest{opacity:.6}.background_server .background_Tempest::before{background:url(../img/Tempest/bg/2.webp) top/cover}.background_server .background_Tempest::after{display:none}.character_server{display:none}.select{display:flex;width:85%;margin:0 auto;background-color:rgba(0,0,0,.844);border:.05rem solid rgba(255,255,255,.214);border-radius:.2rem;align-items:center;top:0 !important;position:relative !important;box-shadow:0 0 2rem rgba(0,0,0,.505);height:3rem;overflow:hidden;margin-bottom:3rem}.select p{display:none}.select button{margin:0 !important;width:100%;height:3rem;padding:1rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.select button.selected{background-color:rgba(255,255,255,.1)}.select button::before{display:none}.select button::after{display:none}.select button strong{display:none}.how_title{width:90%;font-size:2.3rem;margin:0 auto}.how_button{width:17rem;height:3rem}.how_button::before{width:19rem;height:4rem}.how .social div{flex-wrap:wrap;gap:1.5rem}.how footer{flex-wrap:wrap;justify-content:center;padding:3rem 2rem;gap:3rem}.how footer p{text-align:center !important}.how footer div{flex-wrap:wrap;justify-content:center}.how ul{flex-wrap:wrap}.how ul li:nth-child(1){width:100%}.how ul li:nth-child(2){display:none}.how ul li:nth-child(3){width:100%}.how ul li:nth-child(4){display:none}.how ul li:nth-child(5){width:100%}.why{height:49rem}.why_title{font-size:1.5rem}.why_content{height:49rem}.why_content h1{text-align:center;font-size:2rem;width:90%;margin:1.5rem auto 1rem auto}.why_content p{width:90%}.why_controls{transform:translateX(0);bottom:5rem}.why_controls .swiper-slide::before{display:none}.why_controls .swiper-slide::after{display:none}.why_controls .swiper-slide img{left:0;right:0;margin:0 auto}}/*# sourceMappingURL=media.min.css.map */