@font-face{font-family:"Heir";src:url("../css/font/HeirofLightRegular.woff2") format("woff2"),url("../css/font/HeirofLightRegular.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Heir";src:url("../css/font/HeirofLightBold.woff2") format("woff2"),url("../css/font/HeirofLightBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"War";src:url("../css/font/WarhavenR.woff2") format("woff2"),url("../css/font/WarhavenR.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"War";src:url("../css/font/WarhavenB.woff2") format("woff2"),url("../css/font/WarhavenB.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{--Tempest: rgb(225, 114, 255);--Celestia: rgb(227, 255, 114);--Elysian: rgb(247, 201, 63)}body{background-color:#000;position:relative;margin:0;font-family:"Heir"}body::-webkit-scrollbar{width:0}.download{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:.5s;transform:scale(1.1)}.download.active{opacity:1;pointer-events:all;transform:scale(1)}.download_close{position:absolute;right:1rem;top:1rem;cursor:pointer}.download_close:hover svg{opacity:.8}.download_close::before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:rgba(0,0,0,.6)}.download_close svg{width:1.5rem;height:1.5rem;opacity:.4;transition:.5s}.download_close svg path{fill:#fff}.download_content{width:60rem;max-width:90%;padding:3rem;border-radius:.4rem;border:.05rem solid rgba(255,255,255,.15);background-color:#1c1c1c;position:relative;text-align:center}.download_content h1{color:wheat;margin:0;font-size:1.8rem;margin-bottom:1.5rem}.download_content ul:not(:last-child){margin-bottom:3rem}.download_content ul{margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;list-style:none;gap:1rem}.download_content ul li{padding:0}.download_content ul li a{display:flex;width:16rem;height:2.5rem;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1rem;padding-bottom:.2rem;font-weight:bold;margin:0 auto;position:relative;transition:.5s}.download_content ul li a:hover{text-shadow:0 0 1rem #fff;font-size:1.35rem}.flyingSpark{position:absolute;width:100%;height:100vh;top:0;left:0;z-index:2;pointer-events:none;overflow:hidden;opacity:.6}.flyingSpark::before{content:"";position:absolute;width:100%;height:100%;background:url(../img/spark.png) top/cover;animation:flyingSpark 10s infinite linear}.flyingSpark::after{content:"";position:absolute;width:100%;height:100%;background:url(../img/spark.png) top/cover;animation:flyingSpark 10s 6s infinite linear;opacity:0}@keyframes flyingSpark{0%{top:10rem;left:-20rem;opacity:0}20%{opacity:1}90%{opacity:0}100%{top:-30rem;left:40rem}}.nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;height:5rem;align-items:center;z-index:4;font-family:"War";transition:.4s}.nav .mobile{display:none}.nav.scrolled{height:3.8rem;background-color:rgba(20,20,20,.8);backdrop-filter:blur(2rem)}.nav ul{list-style:none;display:flex;padding:0;margin:0;align-items:center}.nav ul:nth-child(2){padding:0 2rem}.nav ul:nth-child(2) li:nth-child(1){margin-right:3.5rem;color:#fff;display:flex;justify-content:center;position:relative}.nav ul:nth-child(2) li:nth-child(1):hover div:nth-child(1)::before{transform:rotate(-135deg)}.nav ul:nth-child(2) li:nth-child(1):hover div:nth-child(1) svg{opacity:.8}.nav ul:nth-child(2) li:nth-child(1):hover div:nth-child(2){opacity:1;padding-top:2rem;pointer-events:all}.nav ul:nth-child(2) li:nth-child(1) div:nth-child(2){position:absolute;width:fit-content;text-align:center;font-size:.85rem;padding-top:1rem;opacity:0;transition:.5s;pointer-events:none;cursor:pointer}.nav ul:nth-child(2) li:nth-child(1) div:nth-child(2) span{padding:1rem 1.2rem;background-color:rgba(0,0,0,.95);border-radius:.3rem;display:flex;flex-direction:column;gap:.6rem}.nav ul:nth-child(2) li:nth-child(1) div:nth-child(2) a{color:rgba(255,255,255,.7);text-decoration:none;transition:.5s}.nav ul:nth-child(2) li:nth-child(1) div:nth-child(2) a:hover{color:#fff}.nav ul:nth-child(2) li:nth-child(1) div:nth-child(1){font-size:.85rem;display:flex;align-items:center;position:relative;cursor:pointer}.nav ul:nth-child(2) li:nth-child(1) div:nth-child(1)::before{content:"";position:absolute;width:.43rem;height:.4rem;transform:rotate(45deg) translateY(-0.2rem);opacity:.6;border-bottom:.1rem solid #fff;border-right:.1rem solid #fff;right:-1rem;transition:.5s;top:.4rem}.nav ul:nth-child(2) li:nth-child(1) div:nth-child(1) svg{width:1.2rem;height:1.2rem;opacity:.5;margin-right:.7rem;transition:.5s}.nav ul:nth-child(2) li:nth-child(2) a{display:flex;color:#fff;text-transform:uppercase;font-size:.8rem;text-decoration:none;width:11rem;align-items:center;justify-content:center;height:2.4rem;position:relative;transition:.5s}.nav ul:nth-child(2) li:nth-child(2) a svg{display:none}.nav ul:nth-child(2) li:nth-child(2) a:hover{text-shadow:0 0 1rem #fff}.nav ul:nth-child(2) li:nth-child(2) a:hover::before{left:-1.5rem}.nav ul:nth-child(2) li:nth-child(2) a:hover::after{right:-1.5rem}.nav ul:nth-child(2) li:nth-child(2) a::before{content:"";position:absolute;left:-1.2rem;background:url(../img/Tempest/button/header/secondary_left.png) center/cover;width:2.3rem;height:2.3rem;transition:.5s}.nav ul:nth-child(2) li:nth-child(2) a::after{content:"";position:absolute;right:-1.2rem;background:url(../img/Tempest/button/header/secondary_right.png) center/cover;width:2.3rem;height:2.3rem;transition:.5s}.nav ul:nth-child(1) li{margin:0 1.25rem}.nav ul:nth-child(1) li.active a{color:#fff}.nav ul:nth-child(1) li img{width:8.5rem}.nav ul:nth-child(1) li span{width:.5rem;height:.5rem;display:flex;border:.15rem solid #fff;opacity:.2;transform:rotate(45deg)}.nav ul:nth-child(1) li a{text-decoration:none;color:rgba(255,255,255,.5);font-weight:bold;text-transform:uppercase;font-size:.85rem;transition:.4s;cursor:pointer}.nav ul:nth-child(1) li a:hover{color:#fff}.select{position:relative;z-index:2}.select p{padding-left:2.2rem;margin-bottom:1.7rem;font-family:"War";color:rgba(255,255,255,.774);font-size:.9rem}.select .server_off strong{color:red}.select .server_off div{background-color:red;box-shadow:0 0 1rem red}.select .server_on strong{color:#adff2f}.select .server_on div{background-color:#adff2f;box-shadow:0 0 1rem #adff2f}.select button{display:flex;align-items:center;width:12.6rem;cursor:pointer;background-color:rgba(0,0,0,0);border:none;outline:none;font-family:"Heir";color:#fff;font-size:.9rem;height:3.25rem;padding-left:1.1rem;position:relative}.select button.selected::before{filter:grayscale(0%);opacity:1}.select button.selected::after{filter:grayscale(0%);opacity:1}.select button:hover::after{opacity:1}.select button:hover::before{opacity:1}.select button div{width:.4rem;height:.4rem;margin-right:.7rem;border-radius:100%}.select button::before{content:"";position:absolute;left:0;pointer-events:none;background:url(../img/Tempest/server_icon-border.png) center/cover;width:13.5rem;height:4.7rem;filter:grayscale(100%);opacity:.6;transition:.5s}.select button::after{z-index:-1;content:"";position:absolute;left:0;pointer-events:none;width:100%;height:100%;filter:grayscale(100%);opacity:.6;transition:.5s}.select .Celestia_select::after{z-index:-1;content:"";position:absolute;left:0;pointer-events:none;width:100%;height:100%;background:url(../img/Celestia/server_icon.png) center/cover;filter:grayscale(100%);opacity:.6;transition:.5s}.select .Celestia_select.selected::after{background:url(../img/Celestia/server_icon.gif) center/cover}.select .Tempest_select::after{z-index:-1;content:"";position:absolute;left:0;pointer-events:none;width:100%;height:100%;background:url(../img/Tempest/server_icon.png) center/cover;filter:grayscale(100%);opacity:.6;transition:.5s}.select .Tempest_select.selected::after{background:url(../img/Tempest/server_icon.gif) center/cover}.select .Elysian_select::after{z-index:-1;content:"";position:absolute;left:0;pointer-events:none;width:100%;height:100%;background:url(../img/Elysian/server_icon.png) center/cover;filter:grayscale(100%);opacity:.6;transition:.5s}.select .Elysian_select.selected::after{background:url(../img/Elysian/server_icon.gif) center/cover}.select button:not(:last-child){margin:0 0 1.5rem 0}@keyframes levitate_down{0%{transform:translateY(0)}50%{transform:translateY(-0.8rem)}100%{transform:translateY(0)}}@keyframes levitate_up{0%{transform:translateY(0)}50%{transform:translateY(1.5rem)}100%{transform:translateY(0)}}.Elysian .download_content ul li a{background:url(../img/Elysian/button/how/main.png) center/cover}.Elysian .nav ul:nth-child(2) li:nth-child(2) a{background:url(../img/Elysian/button/header/secondary_center-account.png) center/cover}.Elysian .how{background:url(../img/Elysian/bg/2.webp) top/cover}.Elysian .how_button{background:url(../img/Elysian/button/how/main.png) center/cover}.Elysian .header .Elysian_header{display:flex}.Elysian .header_content-main h1{animation:header_h1 .8s}.Elysian .header_content-main h1 strong{color:var(--Elysian)}@keyframes header_h1{0%{transform:translateX(-7rem);opacity:0}100%{transform:translateX(0);opacity:1}}.Elysian .header_content-main span{animation:header_h1 .8s}.Elysian .header_content-main span strong{color:var(--Elysian)}.Elysian .header_content-main a{animation:header_a .8s;background:url(../img/Elysian/button/header/main_bg.gif) center/cover}@keyframes header_a{0%{transform:translateY(8rem);opacity:0}100%{transform:translateY(0);opacity:1}}.Elysian .header_content-main .header_logo{animation:header_logo .8s}@keyframes header_logo{0%{transform:translateY(-8rem);opacity:0}100%{transform:translateY(0);opacity:1}}.Elysian .header_content-info{animation:header_info .7s}.Elysian .header_content-info a{background:url(../img/Elysian/button/header/secondary_center.png) center/cover}@keyframes header_info{0%{transform:translateX(4rem);opacity:0}100%{transform:translateX(0);opacity:1}}.Elysian .background_server .background_Elysian::before{transform:scale(1);opacity:1}.Elysian .background_server .background_Elysian::after{opacity:1}.Elysian .character_server img:nth-child(1){right:8rem;top:-7rem;filter:brightness(100%);width:70rem;z-index:1}.Elysian .character_server img:nth-child(2){left:-1.5rem;top:3rem}.Elysian .character_server img:nth-child(3){top:1rem;right:-3rem}.Tempest .download_content ul li a{background:url(../img/Tempest/button/how/main.png) center/cover}.Tempest .nav ul:nth-child(2) li:nth-child(2) a{background:url(../img/Tempest/button/header/secondary_center-account.png) center/cover}.Tempest .how{background:url(../img/Tempest/bg/2.webp) top/cover}.Tempest .how_button{background:url(../img/Tempest/button/how/main.png) center/cover}.Tempest .header .Tempest_header{display:flex}.Tempest .header_content-main h1{animation:header_h1 .8s}.Tempest .header_content-main h1 strong{color:var(--Tempest)}@keyframes header_h1{0%{transform:translateX(-7rem);opacity:0}100%{transform:translateX(0);opacity:1}}.Tempest .header_content-main span{animation:header_h1 .8s}.Tempest .header_content-main span strong{color:var(--Tempest)}.Tempest .header_content-main a{animation:header_a .8s;background:url(../img/Tempest/button/header/main_bg.gif) center/cover}@keyframes header_a{0%{transform:translateY(8rem);opacity:0}100%{transform:translateY(0);opacity:1}}.Tempest .header_content-main .header_logo{animation:header_logo .8s}@keyframes header_logo{0%{transform:translateY(-8rem);opacity:0}100%{transform:translateY(0);opacity:1}}.Tempest .header_content-info{animation:header_info .7s}.Tempest .header_content-info a{background:url(../img/Tempest/button/header/secondary_center.png) center/cover}@keyframes header_info{0%{transform:translateX(4rem);opacity:0}100%{transform:translateX(0);opacity:1}}.Tempest .background_server .background_Tempest::before{transform:scale(1);opacity:1}.Tempest .background_server .background_Tempest::after{opacity:1}.Tempest .character_server img:nth-child(1){right:-3rem;top:-5rem}.Tempest .character_server img:nth-child(2){left:-1.5rem;top:3rem}.Tempest .character_server img:nth-child(3){top:-1rem;right:8rem;filter:brightness(100%);width:57rem;z-index:1}.Celestia .download_content ul li a{background:url(../img/Celestia/button/how/main.png) center/cover}.Celestia .nav ul:nth-child(2) li:nth-child(2) a{background:url(../img/Celestia/button/header/secondary_center-account.png) center/cover}.Celestia .how{background:url(../img/Celestia/bg/2.webp) top/cover}.Celestia .how_button{background:url(../img/Celestia/button/how/main.png) center/cover}.Celestia .header .Celestia_header{display:flex}.Celestia .header_content-main h1{animation:header_h1 .8s}.Celestia .header_content-main h1 strong{color:var(--Celestia)}@keyframes header_h1{0%{transform:translateX(-7rem);opacity:0}100%{transform:translateX(0);opacity:1}}.Celestia .header_content-main span{animation:header_h1 .8s}.Celestia .header_content-main span strong{color:var(--Celestia)}.Celestia .header_content-main a{animation:header_a .8s;background:url(../img/Celestia/button/header/main_bg.gif) center/cover}@keyframes header_a{0%{transform:translateY(8rem);opacity:0}100%{transform:translateY(0);opacity:1}}.Celestia .header_content-main .header_logo{animation:header_logo .8s}@keyframes header_logo{0%{transform:translateY(-8rem);opacity:0}100%{transform:translateY(0);opacity:1}}.Celestia .header_content-info{animation:header_info .7s}.Celestia .header_content-info a{background:url(../img/Celestia/button/header/secondary_center.png) center/cover}@keyframes header_info{0%{transform:translateX(4rem);opacity:0}100%{transform:translateX(0);opacity:1}}.Celestia .background_server .background_Celestia::before{transform:scale(1);opacity:1}.Celestia .background_server .background_Celestia::after{opacity:1}.Celestia .character_server img:nth-child(1){right:-3rem;top:-4rem}.Celestia .character_server img:nth-child(2){left:7rem;top:2rem;z-index:1;width:58rem;filter:brightness(130%)}.Celestia .character_server img:nth-child(3){top:1rem;right:35rem}.header{position:relative;display:flex;justify-content:space-between;min-height:50rem;padding:8rem 0 6.5rem 0}.header .select{position:sticky;top:6.5rem;height:fit-content}.header .Elysian_header{display:none}.header .Tempest_header{display:none}.header .Celestia_header{display:none}.header_content{position:relative;z-index:2;min-height:100%;flex-direction:column;justify-content:space-between;width:100%;align-items:flex-end}.header_content-info{display:flex;align-items:center;margin-right:10rem;transition:.5s}.header_content-info a{display:flex;color:#fff;font-size:.9rem;text-decoration:none;width:12.5rem;align-items:center;justify-content:center;height:2.4rem;position:relative;font-family:"War";margin-left:6rem;transition:.5s}.header_content-info a:hover{text-shadow:0 0 1rem #fff}.header_content-info a:hover::before{left:-1.5rem}.header_content-info a:hover::after{right:-1.5rem}.header_content-info a::before{content:"";position:absolute;left:-1.2rem;background:url(../img/Tempest/button/header/secondary_left.png) center/cover;width:2.3rem;height:2.3rem;transition:.5s}.header_content-info a::after{content:"";position:absolute;right:-1.2rem;background:url(../img/Tempest/button/header/secondary_right.png) center/cover;width:2.3rem;height:2.3rem;transition:.5s}.header_content-info ul{display:flex;align-items:center;margin:0;padding:0;list-style:none;gap:4.5rem}.header_content-info ul li{height:3.5rem;color:#c2baab}.header_content-info ul li .info_icon{position:relative;width:2.1rem;opacity:.5}.header_content-info ul li .info_line{height:100%;width:.15rem;background-color:#fff;position:relative;display:flex;align-items:center;justify-content:center;opacity:.1}.header_content-info ul li .info_line::before{content:"";position:absolute;width:.4rem;height:.4rem;transform:rotate(45deg);background-color:#000;border:.2rem solid #fff}.header_content-info ul li{display:flex;align-items:center;gap:1.8rem}.header_content-info ul li p{font-family:"War";font-size:.9rem;line-height:1.4rem}.header_content-info ul li div{position:relative;display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;background:url(../img/icon/center.png) center/cover}.header_content-info ul li div span{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.header_content-info ul li div span img{position:absolute;width:1.5rem;height:1.5rem;object-fit:cover;opacity:.8}.header_content-info ul li div span img:nth-child(1){top:-0.8rem;animation:icon_top 3s infinite linear}.header_content-info ul li div span img:nth-child(2){bottom:-0.8rem;animation:icon_bottom 3s infinite linear}.header_content-info ul li div span img:nth-child(3){left:-0.8rem;animation:icon_left 3s infinite linear}.header_content-info ul li div span img:nth-child(4){right:-0.8rem;animation:icon_right 3s infinite linear}.header_content-main{width:40%;text-align:center;margin-right:5rem;padding-top:1rem}.header_content-main span{margin-top:2rem;display:block;font-family:"War";font-size:1rem;color:#fff}.header_content-main span strong{font-weight:normal}.header_content-main a{display:flex;width:20.7rem;height:3.5rem;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.25rem;padding-bottom:.2rem;font-weight:bold;margin:0 auto;position:relative;margin-top:2.7rem;transition:.5s;cursor:pointer}.header_content-main a:hover{text-shadow:0 0 1rem #fff;font-size:1.5rem}.header_content-main a::before{content:"";position:absolute;width:22.5rem;height:5rem;background:url(../img/Tempest/button/header/main_border.png) center/cover}.header_content-main .header_logo img{width:20rem}.header_content-main h1{font-size:2.8rem;line-height:3.1rem;text-align:center;color:#eadfd1;text-shadow:0 0 2rem #000}.background_server{position:absolute;width:100%;top:0;height:100%}.background_server .background_Elysian{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;transition:1s}.background_server .background_Elysian::before{content:"";position:absolute;top:0;left:0;background:url(../img/Elysian/bg/1.webp) top/cover;width:100%;height:100%;transform:scale(1.5);transition:1s;opacity:0}.background_server .background_Elysian::after{content:"";position:absolute;top:0;left:0;background:url(../img/Elysian/bg/shadow.webp) top/cover;width:100%;height:100%;z-index:1;opacity:0;transition:1s}.background_server .background_Tempest{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;transition:1s}.background_server .background_Tempest::before{content:"";position:absolute;top:0;left:0;background:url(../img/Tempest/bg/bg.jpg) top/cover;width:100%;height:100%;transform:scale(1.5);transition:1s;opacity:0}.background_server .background_Tempest::after{content:"";position:absolute;top:0;left:0;background:url(../img/Tempest/bg/shadow.webp) top/cover;width:100%;height:100%;z-index:1;transition:1s;opacity:0}.background_server .background_Celestia{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;transition:1s}.background_server .background_Celestia::before{content:"";position:absolute;top:0;left:0;background:url(../img/Celestia/bg/1.webp) top/cover;width:100%;height:100%;transform:scale(1.5);transition:1s;opacity:0}.background_server .background_Celestia::after{content:"";position:absolute;top:0;left:0;background:url(../img/Celestia/bg/shadow.webp) top/cover;width:100%;height:100%;z-index:1;transition:1s;opacity:0}.character_server{position:absolute;width:80%;height:100%;top:0;display:flex;justify-content:center;z-index:1}.character_server img{position:absolute;top:0;filter:brightness(30%);transition:.5s;width:30rem;animation:levitate_down 6s infinite linear}.character_server img:nth-child(1){width:58rem;top:5rem}.character_server img:nth-child(2){width:45rem}.character_server img:nth-child(3){width:45rem}.loading::before{content:"";position:absolute;top:15rem;right:20rem;width:2rem;height:2rem;border-radius:100%;border:.15rem solid rgba(255,255,255,.2);border-top:.15rem solid #fff;animation:spinner .5s infinite linear}@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading .header_content-main{display:none}.loading .header_content-info{display:none}.why{background-color:#000;color:#fff;z-index:2;position:relative;height:50rem}.why_title{position:absolute;top:8.5rem;width:100%;z-index:2;text-align:center;font-size:1.9rem;font-weight:bold}.why::after{content:"";position:absolute;width:100%;height:2rem;background:url(../img/line.png) center/cover;top:-0.8rem;opacity:.8;z-index:1}.why_content{width:100%;overflow:hidden;height:100%}.why_content .why_background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.why_content .why_background::before{content:"";background:url(../img/slider_shadow.png) top/cover;top:0;left:0;z-index:1;position:absolute;width:100%;height:100%}.why_content .why_background img{width:100%;height:100%;object-fit:cover;opacity:.5;transform:scale(1.7);transition:15s}.why_content .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15rem;background-color:#000}.why_content .swiper-slide-active h1{transform:translateY(0);opacity:1}.why_content .swiper-slide-active p{transform:translateY(0);opacity:1}.why_content .swiper-slide-active .why_background img{transform:scale(1)}.why_content h1{font-size:3.2rem;color:#e3dfd3;margin-bottom:1.2rem;transform:translateY(5rem);opacity:0;transition:1s}.why_content p{font-family:"War";color:rgba(255,255,255,.5);width:49%;font-size:1rem;line-height:1.7rem;text-align:center;margin:0 auto;transform:translateY(-5rem);opacity:0;transition:1s}.why_content .why_icon{position:relative;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:url(../img/icon/center.png) center/cover;font-size:1.5rem;text-shadow:0 0 .8rem orange;font-family:"War";color:#fd4;margin-bottom:.8rem}.why_content .why_icon span{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@keyframes icon_top{0%{top:-0.8rem}50%{top:-1.2rem}100%{top:-0.8rem}}@keyframes icon_bottom{0%{bottom:-0.8rem}50%{bottom:-1.2rem}100%{bottom:-0.8rem}}@keyframes icon_left{0%{left:-0.8rem}50%{left:-1.2rem}100%{left:-0.8rem}}@keyframes icon_right{0%{right:-0.8rem}50%{right:-1.2rem}100%{right:-0.8rem}}.why_content .why_icon span img{position:absolute;width:2rem;height:2rem;object-fit:cover}.why_content .why_icon span img:nth-child(1){top:-0.8rem;animation:icon_top 3s infinite linear}.why_content .why_icon span img:nth-child(2){bottom:-0.8rem;animation:icon_bottom 3s infinite linear}.why_content .why_icon span img:nth-child(3){left:-0.8rem;animation:icon_left 3s infinite linear}.why_content .why_icon span img:nth-child(4){right:-0.8rem;animation:icon_right 3s infinite linear}.why_controls{position:absolute;bottom:7.5rem;width:70%;z-index:4;left:0;right:0;margin:0 auto;text-align:center;transform:translateX(7rem)}.why_controls .swiper-slide:nth-child(5)::before{display:none}.why_controls .swiper-slide:nth-child(5)::after{display:none}.why_controls .swiper-slide{position:relative;height:2rem;transition:.5s;display:flex;align-items:center}.why_controls .swiper-slide:hover{filter:grayscale(0%) !important}.why_controls .swiper-slide-thumb-active~.swiper-slide{filter:grayscale(100%)}.why_controls .swiper-slide-thumb-active~.swiper-slide::after{width:0%}.why_controls .swiper-slide-thumb-active{filter:grayscale(0%)}.why_controls .swiper-slide-thumb-active::after{animation:progressbar 11s}.why_controls .swiper-slide::before{content:"";position:absolute;left:0;width:100%;height:.1rem;background-color:#fff;opacity:.1}.why_controls .swiper-slide::after{content:"";position:absolute;left:0;width:100%;height:.1rem;background-color:rgba(248,196,53,.636);transition:.5s}@keyframes progressbar{0%{width:0}100%{width:100%}}.why_controls .swiper-slide img{position:absolute;width:3rem;height:2.2rem;object-fit:cover;left:-1.5rem;z-index:1;transition:.5s;cursor:pointer}.how{width:100%;z-index:3;text-align:center;position:relative;padding-top:7.5rem}.how footer{display:flex;justify-content:space-between;align-items:center;margin-top:6.5rem;width:100%;padding:3rem 6.5rem;background-color:rgba(0,0,0,.2);position:relative}.how footer::after{content:"";position:absolute;width:100%;height:2rem;background:url(../img/line.png) center/cover;top:-1rem;opacity:.2;z-index:1;left:0}.how footer div:nth-child(1){display:flex;align-items:center;font-family:"War";font-size:.8rem;gap:2rem}.how footer div:nth-child(1) img{width:8rem}.how footer div:nth-child(1) p{color:#867f71;opacity:.5;text-align:left;margin:0}.how footer div:nth-child(2) a{text-decoration:none;opacity:.3;transition:.5s}.how footer div:nth-child(2) a:hover{opacity:1}.how footer div:nth-child(2) a img{width:2rem;filter:invert(100%)}.how::after{content:"";position:absolute;width:100%;height:2rem;background:url(../img/line.png) center/cover;top:-0.8rem;opacity:.8;z-index:1;left:0}.how .social p{color:#a09071;font-size:1.3rem;font-weight:bold;margin-bottom:2.2rem}.how .social div{margin:0 auto;width:fit-content;display:flex;gap:3rem}.how .social div a{position:relative;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);width:4.5rem;height:4.5rem;background:url(../img/icon/center.png) center/cover;font-size:1.5rem;font-family:"War";text-decoration:none;margin-bottom:.8rem}.how .social div a:hover svg path{fill:#fff}.how .social div a:hover span img{opacity:1}.how .social div a:hover span img:nth-child(1){top:-1rem}.how .social div a:hover span img:nth-child(2){bottom:-1rem}.how .social div a:hover span img:nth-child(3){left:-1rem}.how .social div a:hover span img:nth-child(4){right:-1rem}.how .social div a svg{width:1.5rem;height:1.5rem}.how .social div a svg path{fill:rgba(255,255,255,.4);transition:.5s}.how .social div a span{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.how .social div a span img{position:absolute;width:1.5rem;height:1.5rem;object-fit:cover;opacity:.6;transition:.5s}.how .social div a span img:nth-child(1){top:-0.8rem}.how .social div a span img:nth-child(2){bottom:-0.8rem}.how .social div a span img:nth-child(3){left:-0.8rem}.how .social div a span img:nth-child(4){right:-0.8rem}.how_button{display:flex;cursor:pointer;width:18.4rem;height:3.5rem;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.25rem;padding-bottom:.2rem;font-weight:bold;margin:0 auto;position:relative;transition:.5s;margin-top:2.7rem}.how_button:hover{text-shadow:0 0 1rem #fff;font-size:1.35rem}.how_button::before{content:"";position:absolute;width:21rem;height:4.4rem;transform:translateY(0.1rem);background:url(../img/Tempest/button/how/border.png) center/cover}.how_title{font-size:3rem;color:#fff;font-weight:bold;text-shadow:0 0 1rem rgba(0,0,0,.6)}.how ul{padding:0;list-style:none;display:flex;width:85%;align-items:center;justify-content:center;margin:5.5rem auto 7rem auto;gap:5rem}.how ul li{display:flex;flex-direction:column;justify-content:center}.how ul li p{font-weight:bold;font-size:1.5rem;color:#e3d09c;margin:0}.how ul li p strong{color:#fff}.how ul li:nth-child(1){width:35%}.how ul li:nth-child(3){width:35%}.how ul li:nth-child(5){width:35%}.how ul li:nth-child(5) a{color:#fff;font-family:"War";margin-top:1.2rem;transition:.5s}.how ul li:nth-child(5) a:hover{color:orange}.how ul li img{width:2.5rem;opacity:.4}html{font-size:var(--base-font-size)}@media(max-width: 480px){:root{--base-font-size: 16px}}@media(min-width: 481px)and (max-width: 768px){:root{--base-font-size: 16px}}@media(min-width: 769px)and (max-width: 1024px){:root{--base-font-size: 1vw}}@media(min-width: 1025px)and (max-width: 1365px){:root{--base-font-size: 1vw}}@media(min-width: 1366px)and (max-width: 1920px){:root{--base-font-size: 1vw}}@media(min-width: 1921px){:root{--base-font-size: 1vw}}/*# sourceMappingURL=main.min.css.map */