@charset "UTF-8";.open-event{padding-top:6rem;text-align:center}@media (min-width:768px){.open-event{padding-top:10rem}}.open-event__title{margin-bottom:1.2rem;color:#fff;font-size:2.4rem;line-height:130%;font-weight:700}@media (min-width:768px){.open-event__title{font-size:3.6rem}}.open-event__subtitle{margin-bottom:4rem;color:#bfc7d9;font-size:1.6rem;line-height:130%;font-weight:700}@media (min-width:768px){.open-event__subtitle{margin-bottom:6rem;font-size:2rem}}.open-event__content{max-width:30rem;margin-left:auto;margin-right:auto}@media (min-width:768px){.open-event__content{max-width:100%}}.open-event__rewards{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:-.8rem -.8rem 1.6rem}@media (min-width:768px){.open-event__rewards{margin:-2rem -2rem 2rem}}.open-event__reward{flex-shrink:0;padding:.8rem}@media (min-width:768px){.open-event__reward{padding:2rem}}.open-event__infos{margin-top:4rem;margin-bottom:0;padding:24px 20px;background-color:#1d1d24;border-radius:.6rem;text-align:left}@media (min-width:768px){.open-event__infos{margin-top:6rem}}.open-event__info{margin-bottom:.4rem;color:#bfc7d9;font-size:1.4rem;line-height:130%}.open-event__info:last-child{margin-bottom:0}.open-event__button{display:flex;max-width:30rem;width:100%}@media (min-width:768px){.open-event__button{display:inline-flex}}.notice{position:relative;max-width:58rem;width:100%;margin-left:auto;margin-right:auto;margin-bottom:2.4rem;padding-top:2.8rem;padding-bottom:2.8rem;color:#b885f8;font-size:1.6rem;line-height:130%;border-top:2px solid #7463bf;border-bottom:2px solid #7463bf}@media (min-width:768px){.notice{font-size:1.6rem}}.notice:after,.notice:before{content:"";position:absolute;width:4.8rem;height:.8rem}.notice:before{top:0;right:0;background-image:url(/images/preseason5/shape-top-mini.svg)}.notice:after{bottom:0;left:0;background-image:url(/images/preseason5/shape-bottom-mini.svg)}.notice__subtitle{margin-bottom:.4rem}.notice__title{margin-bottom:0;font-weight:700}@media (min-width:768px){.notice__title{font-size:2rem}}.notice-desc{margin-bottom:4rem;color:#7463bf;font-size:1.4rem;line-height:130%}@media (min-width:768px){.notice-desc{margin-bottom:6rem;font-size:1.6rem}}.additional-reward{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30rem;height:20rem;background:#2f303a;border:4px solid #1c1c21}.additional-reward:after,.additional-reward:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1rem;height:12rem}.additional-reward:before{left:-.4rem;background-image:url(/images/preseason5/shape-box-darkleft.png)}.additional-reward:after{right:-.4rem;background-image:url(/images/preseason5/shape-box-darkright.png)}.additional-reward__image{margin-bottom:1.6rem;width:20rem;height:10rem}.additional-reward__name{color:#bfc7d9;font-size:1.6rem;line-height:130%;font-weight:700;text-align:center}.additional-reward__subname{font-size:1.2rem;font-weight:400}.modal-reward-button{display:flex;width:100%}@media (min-width:768px){.modal-reward-button{display:inline-flex;width:auto}}.no-name{margin-bottom:0;color:#b23030;font-size:1.4rem;line-height:130%}.sns-event{padding-top:6rem;text-align:center;background-image:url(/images/preseason5/bg-snsevent.png);background-size:cover;background-repeat:no-repeat;background-position:50%}@media (min-width:768px){.sns-event{padding-top:7.5rem}}.sns-event__content{position:relative;padding-bottom:6rem}@media (min-width:768px){.sns-event__content{padding-bottom:10rem}}@media (min-width:992px){.sns-event__content:after,.sns-event__content:before{content:"";position:absolute;bottom:0;width:63rem;height:50rem}}.sns-event__content:before{left:-25rem;background-image:url(/images/preseason5/img-snsevent-left.png)}.sns-event__content:after{right:-25rem;background-image:url(/images/preseason5/img-snsevent-right.png)}.sns-event__title{margin-bottom:4rem;color:#fff;font-size:2.4rem;line-height:130%;font-weight:700}@media (min-width:768px){.sns-event__title{margin-bottom:6rem;font-size:3.6rem}}.sns-event__date{margin-bottom:.2rem;color:#50b2dd;font-size:1.4rem;line-height:130%}@media (min-width:768px){.sns-event__date{font-size:1.6rem}}.sns-event__desc{margin-bottom:4rem;color:#408aaa;font-size:1.4rem;line-height:130%}@media (min-width:768px){.sns-event__desc{margin-bottom:6rem;font-size:1.6rem}}.sns-event__desc--top{margin-bottom:2.4rem}.sns-event__reward{display:flex;flex-direction:column;width:30rem;margin-left:auto;margin-right:auto}.sns-event__reward__content{margin-bottom:2.4rem}@media (min-width:768px){.sns-event__reward__content{margin-bottom:4rem}}.sns-event-notice{position:relative;max-width:48rem;width:100%;margin-left:auto;margin-right:auto;margin-bottom:2.4rem;padding-top:2.8rem;padding-bottom:2.8rem;color:#50b2dd;font-size:1.6rem;line-height:130%;border-top:2px solid #408aaa;border-bottom:2px solid #408aaa}@media (min-width:768px){.sns-event-notice{font-size:2rem}}.sns-event-notice:after,.sns-event-notice:before{content:"";position:absolute;width:4.8rem;height:.8rem}.sns-event-notice:before{top:0;right:0;background-image:url(/images/preseason5/shape-top-mini2.svg)}.sns-event-notice:after{bottom:0;left:0;background-image:url(/images/preseason5/shape-bottom-mini2.svg)}.sns-event-notice__subtitle{margin-bottom:.4rem}.sns-event-notice__title{margin-bottom:0;font-weight:700}.sns-reward{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:30rem;height:28.5rem;background-color:#31333d;border:4px solid #1c1c21}.sns-reward:after,.sns-reward:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1rem;height:12rem}.sns-reward:before{left:-.4rem;background-image:url(/images/preseason5/shape-box-darkleft.png)}.sns-reward:after{right:-.4rem;background-image:url(/images/preseason5/shape-box-darkright.png)}.sns-reward__channel{margin-bottom:1.6rem;color:#fff;font-size:1.6rem;line-height:130%;font-weight:700}.sns-reward__label{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;min-width:20rem;padding:.6rem 2.3rem;color:#eac899;font-size:1.4rem;line-height:130%;border:1px solid #8e745b;border-radius:32px}.sns-reward__strong{margin-bottom:.2rem;font-size:1.6rem;font-weight:700}.sns-reward__image{margin-top:1.6rem;margin-bottom:.8rem;width:20rem;height:10rem}.sns-reward__point{color:#bfc7d9;font-size:1.4rem;line-height:130%}.kakaopage{padding-top:6rem;padding-bottom:6rem;text-align:center}@media (min-width:768px){.kakaopage{padding-top:10.2rem;padding-bottom:10rem}}.kakaopage__subtitle{margin-bottom:.4rem;color:#fff;font-size:1.6rem;line-height:130%}@media (min-width:768px){.kakaopage__subtitle{font-size:2rem}}.kakaopage__title{margin-bottom:4rem;color:#fff;font-size:2.4rem;line-height:130%;font-weight:700}@media (min-width:768px){.kakaopage__title{margin-bottom:6rem;font-size:3.2rem}}.web-novel{display:flex;flex-direction:column;align-items:center;text-align:left;max-width:95rem;margin-left:auto;margin-right:auto}@media (min-width:992px){.web-novel{align-items:flex-start;flex-direction:row}}.web-novel__image{flex-shrink:0;width:26rem;height:39.6rem;border-radius:.6rem}.web-novel__info{flex-grow:1;margin-top:2.4rem}@media (min-width:768px){.web-novel__info{margin-top:5rem}}@media (min-width:992px){.web-novel__info{margin-top:0;margin-left:5rem}}.web-novel__text{margin-bottom:.8rem;color:#bfc7d9;font-size:1.4rem;line-height:130%}@media (min-width:768px){.web-novel__text{font-size:1.6rem}}.web-novel__strong{margin-top:1.6rem;margin-bottom:2.4rem;color:#eac899;font-size:1.6rem;line-height:130%}@media (min-width:768px){.web-novel__strong{font-size:2rem}}.web-novel__notices{margin-bottom:2.4rem;padding:2.4rem 2rem;background-color:#1d1d24;border-radius:.6rem}.web-novel__notice{margin-bottom:.4rem;color:#bfc7d9;font-size:1.4rem;line-height:130%}.web-novel__notice:last-child{margin-bottom:0}.secret-shop{padding-top:4rem;padding-bottom:4rem;text-align:center;background-color:#1d1d24}@media (min-width:768px){.secret-shop{padding-top:6rem;padding-bottom:6rem}}.secret-shop__title{margin-bottom:1.2rem;color:#fff;font-size:2.4rem;line-height:130%;font-weight:700}@media (min-width:768px){.secret-shop__title{font-size:3.6rem}}.secret-shop__subtitle{margin-bottom:4rem;color:#fff;font-size:1.6rem;line-height:130%}@media (min-width:768px){.secret-shop__subtitle{font-size:2rem}}.secret-shop__button{display:inline-flex;align-items:center;justify-content:center;max-width:30rem;width:100%;height:5rem;margin-left:auto;margin-right:auto;padding-left:6rem;padding-right:6rem;color:#bfc7d9;font-size:1.6rem;font-weight:700;line-height:130%;border:.1rem solid #bfc7d9;border-radius:5rem}.secret-shop-info{display:flex;align-items:center;flex-direction:column;max-width:95rem;width:100%;margin:0 auto 2.4rem}@media (min-width:992px){.secret-shop-info{margin-bottom:4rem;flex-direction:row;background-color:#292a34;border-radius:24rem}}.secret-shop-info__image{width:24rem;height:24rem}.secret-shop-info__content{margin-top:2.4rem;padding-right:0;color:#bfc7d9;text-align:center}@media (min-width:992px){.secret-shop-info__content{margin-top:0;margin-left:2.4rem;padding-right:2.4rem;text-align:left}}.secret-shop-info__subtitle{margin-bottom:.4rem;font-size:1.6rem;line-height:130%}@media (min-width:992px){.secret-shop-info__subtitle{font-size:2rem}}.secret-shop-info__title{font-size:2rem;font-weight:700;line-height:130%}@media (min-width:992px){.secret-shop-info__title{font-size:2.4rem}}.subscribe-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1000}.subscribe-modal{position:absolute;top:50%;left:50%;max-width:calc(100% - 3.2rem);width:100%;padding:4rem 1.6rem;background-color:#fff;transform:translate(-50%,-50%)}@media (min-width:768px){.subscribe-modal{max-width:75rem;padding:4rem 7.5rem}}.subscribe-modal__title{margin-bottom:3.2rem;color:#000;font-size:2.4rem;line-height:130%;font-weight:700;text-align:center}.subscribe-modal__footer{margin-top:2rem;text-align:center}.subscribe-modal__close{position:absolute;top:1.2rem;right:1.6rem;color:#d6d6d6;font-size:2.4rem;line-height:2.8rem;border:0;outline:0;background-color:transparent}.subscribe-modal__detail{display:block;margin-top:.4rem;color:grey;font-size:1.4rem;line-height:130%;text-decoration:underline}@media (min-width:768px){.subscribe-modal__detail{display:inline-block;margin-top:0}}.subscribe-modal__detail:hover{text-decoration:underline}.subscribe-form-group{margin-bottom:1.2rem}.subscribe-input{width:100%;padding-left:1.6rem;padding-right:1.6rem;color:#999;border:1px solid #d6d6d6}.subscribe-button,.subscribe-input{height:5rem;font-size:1.6rem;line-height:130%}.subscribe-button{display:inline-flex;align-items:center;justify-content:center;padding-left:2rem;padding-right:2rem;color:#fff;background-color:#7463bf;outline:0;border:0}.subscribe-button[disabled]{color:grey;background-color:#d6d6d6}.subscribe-code{display:flex;flex-direction:row}.subscribe-code__code{flex-grow:1}.subscribe-code__button{padding-left:1.2rem;width:17rem}.subscribe-checkbox{margin-top:2rem}.subscribe-checkbox input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.subscribe-checkbox input[type=checkbox]+label{display:inline-block;position:relative;margin-bottom:0;padding-left:32px;color:#000;font-size:1.4rem;line-height:130%;cursor:pointer}.subscribe-checkbox input[type=checkbox]+label:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;text-align:center;background:#fff;border:2px solid #7463bf;box-sizing:border-box}.subscribe-checkbox input[type=checkbox]:checked+label:after{content:"";position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff;font-size:1.2rem;font-weight:700;font-family:Font Awesome\ 5 Free,serif;background-color:#7463bf}.subscribe-alert{display:flex;flex-direction:column;margin-bottom:2rem;padding:1.6rem;color:#407426;font-size:1.4rem;line-height:130%;background-color:#e2fad6}@media (min-width:768px){.subscribe-alert{flex-direction:row;justify-content:space-between}}.subscribe-alert .subscribe-alert__resend{margin-top:.8rem;padding:0;color:#407426;text-decoration:underline;font-weight:700;text-align:left;outline:0;border:0;background-color:transparent}@media (min-width:768px){.subscribe-alert .subscribe-alert__resend{margin-top:0}}.subscribe-alert--warning{color:#b23030;background-color:#ffe3e3}.subscribe-alert--warning .subscribe-alert__resend{color:#b23030}.subscribe-icon{display:inline-flex;align-items:center;justify-content:center;width:8rem;height:8rem;color:#fff;font-size:3.6rem;line-height:130%;background-color:#d6d6d6;border-radius:50%}.subscribe-icon--success{color:#407426;background-color:#e2fad6}.subscribe-result-text{margin-top:.8rem;margin-bottom:2rem;color:grey;font-size:1.6rem;line-height:130%}.subscribe-result-text--success{color:#407426}.subscribe-result-close{display:inline-flex;align-items:center;justify-content:center;height:5rem;padding-left:2rem;padding-right:2rem;color:#fff;font-size:1.6rem;line-height:130%;text-align:center;background-color:#7463bf;border:0;outline:0;position:relative}.subscribe-result-close:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3;border-radius:inherit}.subscribe-agree{width:100%;height:7rem;margin-top:.8rem;padding:1.2rem;color:grey;font-size:1.2rem;line-height:130%;background-color:#f5f5f5;border:0;outline:0;overflow:auto}.subscribe-agree a{text-decoration:underline}*{box-sizing:border-box}body{background-color:#212129;word-break:break-all}html[data-locale=en_US] body,html[data-locale=ko_KR] body{word-break:keep-all}a,a:hover{color:inherit}a:hover{text-decoration:none}.footer{background-color:#1f202a}@media (min-width:992px){.container{padding-left:0;padding-right:0}}.preseason-header{position:relative;padding:19.3rem 0 2.4rem;color:#fff;text-align:center;background:url(/images/preseason5/img-index-bg.jpg?2) no-repeat 50%/cover}@media (min-width:576px){.preseason-header{padding:44.5rem 0 7rem;background:url(/images/preseason5/img-index-bg.jpg?2) no-repeat 50%/cover}html[data-locale=en_US] .preseason-header,html[data-locale=ja_JP] .preseason-header,html[data-locale=pt_BR] .preseason-header{padding-top:37rem}}.preseason-header__bar{position:absolute;top:0;left:0;right:0;display:flex;padding:2rem 2rem 0}@media (min-width:576px){.preseason-header__bar{padding:3rem 3rem 0}}.preseason-header__logo{width:9.4rem;height:3.2rem;margin-right:2rem}@media (min-width:576px){.preseason-header__logo{width:13.9rem;height:4.8rem}}.preseason-header__img{width:100%;height:100%}.preseason-header__socials{display:flex;align-items:center;min-width:18.9rem;height:4.8rem;margin:0;padding:0 2rem;background-color:rgba(0,0,0,.3);border-radius:4.8rem}.preseason-header__social{display:flex;align-items:center;min-width:1.2rem;height:100%;margin-right:1.6rem}.preseason-header__social:last-child{margin-right:0}.preseason-header__social-link{font-size:1.8rem;line-height:1.8rem}.preseason-header__buttons{margin-left:auto}.preseason-header__official{display:flex;align-items:center;min-width:0;max-width:3.6rem;padding:1rem .8rem;color:#000;font-size:1.4rem;font-weight:700;line-height:1.8rem;background-color:#fff;border-radius:4.8rem;position:relative}.preseason-header__official:before{content:"";width:2rem;height:1.6rem;background:url(/images/preseason5/ico-home.png) no-repeat 50%/cover}@media (min-width:576px){.preseason-header__official:before{width:2.4rem;height:2rem}}.preseason-header__official:hover{color:#000}.preseason-header__official-text{margin:0 auto}.preseason-header__official:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3;border-radius:inherit}@media (min-width:576px){.preseason-header__official{min-width:15.9rem;max-width:100%;padding:1.4rem 2rem}}.preseason-header__not-today{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin:.8rem auto 0;padding:0;color:#bfc7d9;font-size:1.2rem;background-color:rgba(0,0,0,.3);border:.1rem solid #546488;border-radius:50%}.preseason-header__not-today:before{content:"";width:1.1rem;height:1.8rem;margin-right:0;background:url(/images/preseason5/ico-close.svg) no-repeat 50%/1.1rem 1.8rem}@media (min-width:576px){.preseason-header__not-today:before{width:.9rem;height:1.4rem;margin-right:.6rem;background:url(/images/preseason5/ico-close.svg) no-repeat 50%/auto}}.preseason-header__not-today__text{line-height:1.6rem}@media (min-width:576px){.preseason-header__not-today{width:auto;height:auto;margin-top:1.2rem;padding:0 0 .6rem;background-color:transparent;border:0;border-bottom:.1rem solid #546488;border-radius:0}}.preseason-header__title{max-width:52.9rem;margin:0 auto .8rem;font-size:2.4rem;line-height:3.1rem;font-weight:700}@media (min-width:576px){.preseason-header__title{margin-bottom:1.2rem;font-size:5.6rem;line-height:7.3rem}}.preseason-header__subtitle{max-width:22.7rem;height:2.4rem;margin:0 auto;font-size:1.4rem;font-weight:700;line-height:2.4rem;background:linear-gradient(90deg,rgba(116,99,191,0),#7463bf 50.66%,rgba(116,99,191,0))}@media (min-width:576px){.preseason-header__subtitle{max-width:52.9rem;height:4rem;font-size:2.8rem;line-height:4rem}}.s5-button{display:inline-flex;align-items:center;justify-content:center;min-width:auto;height:5rem;padding:0 2rem;color:#fff;font-size:1.4rem;font-weight:700;line-height:130%;text-align:center;background-color:#999;border-radius:5rem;outline:0;border:0}@media (min-width:576px){.s5-button{padding:0 4rem;font-size:1.6rem}}.s5-button:hover{color:#fff}.s5-button--purple{background-color:#7463bf}.s5-button--purple:hover{background-color:#5d4f99}.s5-button--brown{background-color:#8e745b}.s5-button--brown:hover{background-color:#725d49}.s5-button--deep-blue{background-color:#408aaa}.s5-button--deep-blue:hover{background-color:#336e88}.timer{padding:4rem 0 2.6rem;background-color:#1d1d24;border-top:.1rem solid #3d3024;border-bottom:.1rem solid #3d3024}@media (min-width:576px){.timer{padding:6rem 0 4rem}}.timer .video{margin:0 auto 2rem;max-width:950px}@media (min-width:576px){.timer .video{margin-bottom:4rem}}.timer .video__embed{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.timer .video__embed embed,.timer .video__embed iframe,.timer .video__embed object{position:absolute;top:0;left:0;width:100%;height:100%}.timer__title{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}@media (min-width:576px){.timer__title{margin-bottom:2.4rem}}.timer__horizontal{height:.1rem;width:1.6rem;background-color:#8e745b}.timer__date{margin:0 1.2rem;color:#eac899;font-size:2rem;line-height:2.6rem;font-weight:700}@media (min-width:576px){.timer__date{font-size:2.4rem;line-height:3.1rem}}.timer__timer{display:flex;justify-content:center}.timer__time{display:flex;flex-direction:column;align-items:center;margin-right:1.2rem;color:#bfc7d9}@media (min-width:768px){.timer__time{margin-right:2rem}}.timer__time:last-child{margin-right:0}.timer__number{display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;width:6.5rem;height:4rem;font-size:1.6rem;font-weight:700;background:url(/images/preseason5/box-deco-short.png) no-repeat 50%/cover}@media (min-width:576px){.timer__number{width:9.4rem;height:5.8rem;font-size:2.8rem}}.timer__unit{font-size:1.2rem;line-height:1.6rem}@media (min-width:576px){.timer__unit{font-size:1.4rem;line-height:1.8rem}}.new{position:relative;padding:6rem 0}@media (min-width:768px){.new{padding:10rem 0}}.new__contents{margin-bottom:0}.new__content{margin-bottom:1.6rem}.new__content:last-child{margin-bottom:0}.new__item{display:flex;align-items:center;justify-content:space-between;min-height:14rem;padding:2.2rem 2rem;background:url(/images/preseason5/shape-box-grayleft.png) no-repeat left -.4rem center/1rem 12rem,url(/images/preseason5/shape-box-grayright.png) no-repeat right -.4rem center/auto,#31333d;border:.4rem solid;-o-border-image:linear-gradient(180deg,#6a7185,#4d5161) 1;border-image:linear-gradient(180deg,#6a7185,#4d5161) 1;cursor:pointer}@media (min-width:768px){.new__item{justify-content:flex-start;padding:3.1rem 6rem;background:url(/images/preseason5/shape-box-grayleft.png) no-repeat left -.4rem center/auto,url(/images/preseason5/shape-box-grayright.png) no-repeat right -.4rem center/auto,#31333d}}.new__revives{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-.8rem}@media (min-width:1200px){.new__revives{flex-direction:row}}.new__revive{min-width:30.4rem;min-height:19.8rem;padding:.8rem}@media (min-width:768px){.new__revive{max-width:33.2rem;max-height:21.6rem}}.new__actives{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-.8rem}@media (min-width:1200px){.new__actives{margin:-1.6rem;flex-direction:row}}.new__active{max-width:21.6rem;max-height:21.6rem;padding:.8rem}.new__active--game{min-width:30.4rem;min-height:19.8rem}@media (min-width:768px){.new__active--game{max-width:34.8rem;max-height:23.2rem}}@media (min-width:768px){.new__active{padding:1.6rem}}.new__jumps{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-.8rem}@media (min-width:1200px){.new__jumps{margin:-.8rem;flex-direction:row}}.new__jump{width:100%;min-width:30.4rem;min-height:17.1rem;padding:.8rem}@media (min-width:1200px){.new__jump{max-width:56.6rem;max-height:31.1rem}}.new__jump--img{min-width:30.4rem;min-height:29.9rem}@media (min-width:1200px){.new__jump--img{max-width:31.6rem;max-height:31.1rem}}.new__img{width:9rem;height:9rem;margin-right:2rem}.new__title{display:flex;flex-direction:column}.new__title--top{margin-bottom:.6rem;color:#fff;font-size:1.8rem;font-weight:700;line-height:2.3rem}@media (min-width:576px){.new__title--top{font-size:2.4rem;line-height:3.1rem}}.new__title--bottom{color:#bfc7d9;font-size:1.4rem;font-weight:400;line-height:1.8rem}@media (min-width:576px){.new__title--bottom{font-size:1.6rem;line-height:2.1rem}}.new__button{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-left:2rem;padding:0;background-color:#272731;border:0;border-radius:50%;flex-shrink:0}@media (min-width:768px){.new__button{width:6.4rem;height:6.4rem;margin-left:auto}}.new__arrow{width:1.8rem;height:1.2rem}.new__arrow.active{transform:rotate(180deg)}@media (min-width:768px){.new__arrow{width:3rem;height:2.2rem}}.new__desc{max-height:0;margin-bottom:0;text-align:center;overflow:hidden;background:url(/images/preseason5/bg-detail-tile.jpg) repeat 50%/auto}.new__desc.active{-webkit-animation:toggleAni .3s forwards;animation:toggleAni .3s forwards}@media (min-width:768px){.new__desc.active{-webkit-animation:toggleAniMd .3s forwards;animation:toggleAniMd .3s forwards}}@-webkit-keyframes toggleAni{0%{max-height:0;padding:0 2rem}to{max-height:100%;padding:2rem}}@keyframes toggleAni{0%{max-height:0;padding:0 2rem}to{max-height:100%;padding:2rem}}@-webkit-keyframes toggleAniMd{0%{max-height:0;padding:0 2rem}to{max-height:100%;padding:4rem 2rem}}@keyframes toggleAniMd{0%{max-height:0;padding:0 2rem}to{max-height:100%;padding:4rem 2rem}}.new__desc--revive .new__text--top{margin-top:2.4rem}@media (min-width:768px){.new__desc--revive .new__text--top{margin-top:1.6rem}}.new__desc--revive .new__text--middle{margin:1.2rem 0}.new__desc--revive .new__text--middle .bold--white{font-size:inherit;line-height:inherit}.new__desc--revive .new__text--bottom{margin-bottom:2.4rem}.new__desc--revive .bold--white{font-size:1.6rem;line-height:2.1rem}@media (min-width:768px){.new__desc--revive .bold--white{font-size:2rem;line-height:2.6rem}}.new__desc--active .new__text--top{font-size:1.6rem;line-height:2.1rem}@media (min-width:768px){.new__desc--active .new__text--top{font-size:2rem;line-height:2.6rem}}.new__desc--active .new__text--middle{margin:1.2rem 0 2rem}.new__desc--active .new__text--bottom{margin-bottom:2.4rem}@media (min-width:768px){.new__desc--active .new__text--bottom{margin-bottom:3.2rem}}.new__desc--character{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;text-align:left}@media (min-width:768px){.new__desc--character{flex-direction:row}}.new__desc--character .new__text--top{display:flex;flex-direction:column;margin-bottom:1.6rem}.new__desc--character .new__text--bottom{font-size:1.6rem;font-weight:700;line-height:2.1rem;text-align:left}@media (min-width:768px){.new__desc--character .new__text--bottom{font-size:2rem;line-height:2.6rem}}.new__desc--weapon .new__text--top{margin-bottom:2.4rem;color:#eac899;font-size:1.6rem;font-weight:700;line-height:2.1rem}@media (min-width:768px){.new__desc--weapon .new__text--top{font-size:2rem;line-height:2.6rem}}.new__desc--weapon .new__text--middle{margin-bottom:.2rem}.new__desc--weapon .new__text--bottom{margin-bottom:2.4rem}.new__desc--jump{text-align:center}.new__desc--jump .new__text{margin-top:2.4rem}.new__desc--jump .new__text--bottom{margin-top:1.2rem;color:#fff;font-size:1.6rem;font-weight:700;line-height:2.1rem}@media (min-width:768px){.new__desc--jump .new__text--bottom{font-size:2rem;line-height:2.6rem}}.new .new__text{display:flex;flex-direction:column;color:#bfc7d9;font-size:1.4rem;line-height:1.8rem}html[data-locale=ko_KR] .new .new__text{word-break:keep-all}@media (min-width:768px){.new .new__text{font-size:1.6rem;line-height:2.1rem}}.new .new__text--gap{margin-bottom:.8rem}.new .new__text--gap:last-child{margin-bottom:0}.new .weapon-list{max-width:52.4rem;margin:0 auto 2rem;padding-left:0;color:#eac899}@media (min-width:768px){.new .weapon-list{padding-left:10rem}}.new .weapon-list__item{display:flex;justify-content:center;min-height:1.8rem;margin-bottom:.8rem;font-size:1.4rem;text-align:center}.new .weapon-list__item:last-child{margin-bottom:0}@media (min-width:768px){.new .weapon-list__item{justify-content:flex-start;min-height:2.1rem;font-size:1.6rem;text-align:left}}.new .weapon-table{max-width:28.8rem;margin:0 auto 2.4rem;color:#bfc7d9;font-size:1.4rem;line-height:1.8rem;border:.1rem solid #4d5161;border-radius:.6rem;border-collapse:separate;overflow:hidden}@media (min-width:768px){.new .weapon-table{max-width:68rem;margin-bottom:4rem}}.new .weapon-table__head{width:34rem;height:4.2rem;background-color:#4d5161;vertical-align:middle}.new .weapon-table__desc{height:5rem;vertical-align:middle;background-color:#292a34;padding:1.6rem 0}.new__strong{display:inline-block;color:#fff;font-size:1.6rem;line-height:2.1rem}@media (min-width:768px){.new__strong{font-size:2rem;line-height:2.6rem}}.new__character-img{min-width:28.8rem;min-height:34.6rem;margin-left:0;margin-bottom:2.4rem}@media (min-width:768px){.new__character-img{max-width:30rem;max-height:36rem;margin-left:2.4rem;margin-bottom:0}}.comingsoon{padding:4rem 0;color:#fff;text-align:center;background:linear-gradient(90deg,#301d1d,#202a4d)}@media (min-width:1200px){.comingsoon{padding:6rem 0;background:url(/images/preseason5/img-4vs4-left.png) no-repeat 0 100%/auto,url(/images/preseason5/img-4vs4-right.png) no-repeat 100% 100%/auto,linear-gradient(90deg,#301d1d,#202a4d)}}.comingsoon__title{margin-bottom:1.2rem;font-size:2.4rem;font-weight:700;line-height:3.1rem}@media (min-width:576px){.comingsoon__title{font-size:3.6rem;line-height:4.7rem}}.comingsoon__subtitle{display:inline-block;margin-bottom:.4rem;font-size:2rem;font-weight:700;line-height:2.6rem}@media (min-width:576px){.comingsoon__subtitle{font-size:2.4rem;line-height:3.1rem}}.comingsoon__desc{margin-bottom:3.2rem;font-size:1.4rem;line-height:1.8rem}@media (min-width:576px){.comingsoon__desc{font-size:1.6rem;line-height:2.1rem}}.comingsoon__date{min-width:32.8rem;max-width:36rem;margin:0 auto;padding:1.1rem 0;color:#eac899;border:.1rem solid #8e745b;border-radius:9rem}.comingsoon__date--top{font-size:1.6rem;font-weight:700;line-height:2.1rem}@media (min-width:576px){.comingsoon__date--top{font-size:2rem;line-height:2.6rem}}.comingsoon__date--bottom{font-size:2rem;line-height:2.6rem}@media (min-width:576px){.comingsoon__date--bottom{font-size:2.4rem;line-height:3.1rem}}.comingsoon__period-text{margin-top:1.2rem;color:#808598;font-size:1.2rem;line-height:1.6rem}.comingsoon__systems{display:flex;flex-direction:column;max-width:74.4rem;margin:4rem auto}@media (min-width:576px){.comingsoon__systems{margin:6rem auto}}@media (min-width:992px){.comingsoon__systems{flex-direction:row}}.comingsoon__system{min-width:32.8rem;width:100%;margin-bottom:2.4rem;margin-right:0;padding:2.4rem 0 2rem;color:#bfc7d9;background:url(/images/preseason5/shape-box-darkleft.png) no-repeat left -.4rem center/auto,url(/images/preseason5/shape-box-darkright.png) no-repeat right -.4rem center/auto,#212129;border:.4rem solid #1c1c21}@media (min-width:992px){.comingsoon__system{width:50%;margin-bottom:0;margin-right:2.4rem}}.comingsoon__system:last-child{margin-bottom:0;margin-right:0}.comingsoon__system--new{padding-bottom:7.2rem;color:#fff}@media (min-width:992px){.comingsoon__system--new{padding-bottom:0}}.comingsoon__system-title{margin-bottom:0;font-size:1.6rem;font-weight:700;line-height:2.1rem}.comingsoon__items{margin-top:1.6rem;margin-bottom:0}.comingsoon__items--new{padding-top:5.2rem}.comingsoon__item{font-size:1.4rem;line-height:1.8rem;margin-bottom:.8rem}.comingsoon__item:last-child{margin-bottom:0}.contents{padding:6rem 0;text-align:center}@media (min-width:576px){.contents{padding:10rem 0 8.4rem}}.contents__section{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem;padding:5.4rem 2rem 2rem;border-bottom:2px solid}@media (min-width:576px){.contents__section{margin-bottom:6rem;padding:7.4rem 2rem 6rem}}.contents__section:last-child{margin-bottom:0}.contents__section--pack{color:#b885f8;border-color:#7463bf;background:#292a34 url(/images/preseason5/img-pack-shape-top.png) no-repeat 100% 0/auto}.contents__section--pass{color:#50b2dd;border-color:#408aaa;background:#292a34 url(/images/preseason5/img-pass-shape-top.png) no-repeat 100% 0/auto}.contents__section--hub{color:#eac899;border-color:#eac899;background:#292a34 url(/images/preseason5/img-hub-shape-top.png) no-repeat 100% 0/auto}.contents__section-title{margin-bottom:.6rem;font-size:2.4rem;line-height:3.1rem;font-weight:700}@media (min-width:576px){.contents__section-title{font-size:3.2rem;line-height:4.2rem}}.contents__section-subtitle{margin-bottom:2.4rem;font-size:1.4rem;line-height:1.8rem}@media (min-width:576px){.contents__section-subtitle{margin-bottom:4rem;font-size:1.8rem;line-height:2.1rem}}.contents__img{max-width:98rem;max-height:24rem;margin-bottom:4rem}.contents__rewards{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2.4rem}@media (min-width:992px){.contents__rewards{flex-direction:row;margin-bottom:4rem}}.contents__reward{max-width:28.8rem;max-height:16rem;margin-right:0;margin-bottom:3.2rem}@media (min-width:992px){.contents__reward{max-width:24rem;max-height:24.2rem;margin-right:3.2rem;margin-bottom:0}}.contents__sales{margin-bottom:4rem;text-align:left}.contents__date{display:inline-block;margin-bottom:1.6rem;color:#eac899;font-size:1.4rem;font-weight:400;line-height:1.8rem}.contents__sale-wrap{display:flex;flex-direction:column;align-items:center}@media (min-width:1200px){.contents__sale-wrap{flex-direction:row;align-items:flex-start}}.contents .sale{width:100%;max-width:28.8rem;margin-right:0;margin-bottom:1.6rem;color:#bfc7d9;font-size:1.4rem;line-height:1.8rem}@media (min-width:992px){.contents .sale{width:48.2rem;max-width:100%;margin-right:1.6rem}}@media (min-width:1200px){.contents .sale{margin-bottom:0}}.contents .sale:last-child{margin-right:0;margin-bottom:0}.contents .sale__card{margin-bottom:2rem;padding:2.7rem 0 2.6rem;text-align:center;border:1px solid #8e745b;background:url(/images/preseason5/img-sale.png) no-repeat top -.1rem right -.1rem/3.8rem 5.6rem,linear-gradient(180deg,#292a35,#1d1e26)}@media (min-width:992px){.contents .sale__card{padding:2.9rem 0 2.8rem;background:url(/images/preseason5/img-sale.png) no-repeat top -.1rem right -.1rem/auto,linear-gradient(180deg,#292a35,#1d1e26)}}.contents .sale__title{display:inline-block;font-size:2rem;line-height:2.6rem}@media (min-width:992px){.contents .sale__title{font-size:2.4rem;line-height:3.1rem}}.contents .sale__price{display:flex;align-items:center;justify-content:center;margin:.8rem 0 .2rem;color:#eac899;font-size:2.4rem;font-weight:700;line-height:3.1rem}.contents .sale__price-prev{font-size:1.6rem}.contents .sale__price .pass__arrow{margin:0 .6rem}@media (min-width:992px){.contents .sale__price{font-size:3.2rem;font-weight:700;line-height:4.2rem}}.contents .sale__descriptions{margin-bottom:0;font-size:1.4rem}.contents .sale__description{margin-bottom:.4rem;line-height:1.8rem;text-align:left}.contents .sale__description:last-child{margin-bottom:0}.contents__upgrade{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:98rem;margin-bottom:2.4rem;padding:2.4rem 0;border-top:2px solid;border-bottom:2px solid;-o-border-image:linear-gradient(90deg,rgba(106,113,133,0),#6a7185 49.48%,rgba(106,113,133,0)) 1;border-image:linear-gradient(90deg,rgba(106,113,133,0),#6a7185 49.48%,rgba(106,113,133,0)) 1}@media (min-width:992px){.contents__upgrade{flex-direction:row;margin-bottom:4rem;padding:4rem 0}}.contents__box{width:24rem;height:24rem;margin-right:0;margin-bottom:1.6rem}@media (min-width:992px){.contents__box{margin-right:3.2rem;margin-bottom:0}}.contents__upgrade-desc{color:#bfc7d9;text-align:left}.contents__upgrade-desc__title{font-size:2.4rem;line-height:3.1rem;margin-bottom:2rem}.contents__upgrade-desc__text{display:flex;flex-direction:column;font-size:1.6rem;line-height:2.1rem}.contents__upgrade-desc__text--gap{margin-bottom:.4rem}.contents__upgrade-desc .bold--white{margin-top:1.2rem}.contents__hub{max-width:48.2rem;max-height:27rem}.contents__desc{width:100%;max-width:98rem;margin-bottom:2.4rem;padding:2rem;background-color:#2f303a}@media (min-width:992px){.contents__desc{margin-bottom:3.2rem;padding:3.6rem 2rem}}.contents__desc .contents__desc--top{display:flex;flex-direction:column;margin-bottom:1.2rem;font-size:1.6rem;line-height:2.1rem}@media (min-width:992px){.contents__desc .contents__desc--top{font-size:2rem;line-height:2.6rem}}.contents__desc .contents__desc--middle{display:flex;flex-direction:column;margin-bottom:.8rem;color:#bfc7d9;font-size:1.4rem;line-height:1.8rem}@media (min-width:992px){.contents__desc .contents__desc--middle{font-size:1.6rem;line-height:2.1rem}}.contents__desc .contents__desc--bottom{color:#808598;font-size:1.4rem;line-height:1.8rem}.contents__desc--gap{margin-bottom:.4rem}.contents__desc--pass{color:#fff}.contents__desc--pass .contents__desc--top{font-size:1.4rem;line-height:1.8rem}@media (min-width:992px){.contents__desc--pass .contents__desc--top{font-size:1.6rem;line-height:2.1rem}}.contents__desc--pass .contents__desc--bottom{font-size:1.6rem;line-height:2.1rem}@media (min-width:992px){.contents__desc--pass .contents__desc--bottom{font-size:2rem;line-height:2.6rem}}.contents__desc--hub{display:flex;flex-direction:column;margin-top:2.4rem;color:#fff;font-size:1.4rem;line-height:1.8rem}@media (min-width:992px){.contents__desc--hub{margin-top:3.2rem;font-size:1.6rem;line-height:2.1rem}}.contents__text{display:flex;flex-direction:column;margin:0 0 2.4rem;color:#fff}@media (min-width:992px){.contents__text{margin:0 0 3.2rem}}.contents__text-title{margin-bottom:.8rem;font-size:2rem;font-weight:700;line-height:2.6rem}@media (min-width:992px){.contents__text-title{font-size:2.4rem;line-height:3.1rem}}.contents__text-desc{display:flex;flex-direction:column;color:#bfc7d9;font-size:1.4rem;line-height:1.8rem}@media (min-width:992px){.contents__text-desc{font-size:1.6rem;line-height:2.1rem}}.contents__text--top{font-size:1.6rem;line-height:2.1rem}@media (min-width:992px){.contents__text--top{font-size:2rem;line-height:2.6rem}}@media (min-width:992px){.contents__text--bottom{line-height:1.8rem}}.contents__text--gap{margin-bottom:.4rem}.side-content{position:absolute;display:none;flex-direction:column;align-items:center;top:24rem;-webkit-animation:sideAni .3s forwards;animation:sideAni .3s forwards}@media screen and (min-width:1700px){.side-content{display:flex}}@-webkit-keyframes sideAni{0%{opacity:0}to{opacity:1}}@keyframes sideAni{0%{opacity:0}to{opacity:1}}.coupon{left:3rem;width:22rem;padding:2.6rem 1.2rem 2.4rem;text-align:center;background:url(/images/preseason5/img-coupon-cell.png) no-repeat 100% 0/auto,#292a34;z-index:1000}.coupon__img{width:10rem;height:10rem;margin-bottom:1.6rem}.coupon__content,.coupon__text{display:flex;flex-direction:column}.coupon__text{margin-bottom:1.6rem;color:#fff;font-size:1.4rem;line-height:1.8rem}.coupon__text--top{margin-bottom:.8rem}.coupon__text--bottom{display:flex;flex-direction:column;color:#bfc7d9}.coupon__text .font-weight-bold{font-size:1.6rem;line-height:2.1rem}.coupon__text-gap{margin-bottom:.2rem}.coupon__num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:5rem;padding:.7rem 2.4rem;color:#fff;font-size:1.2rem;line-height:1.6rem;background-color:#7463bf;border-radius:.6rem;cursor:pointer}.coupon__num .font-weight-bold{font-size:1.4rem;line-height:1.8rem}.navigator{right:4.05rem;padding-top:2.6rem;z-index:1000}.navigator__positions{margin-bottom:0}.navigator__position{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;height:4.5rem;padding-right:2rem;border-right:1px solid #4d5161}.navigator__position:last-child{border:0}.navigator__position:last-child .navigator__dot{right:-.2rem}.navigator__home{position:absolute;width:2rem;height:1.8rem;top:0;right:-1.1rem;transform:translateY(calc(-100% - .8rem));cursor:pointer}.navigator .navigator__dot{position:absolute;width:.5rem;height:.5rem;top:0;right:-.3rem;background-color:#4d5161;border-radius:50%}.navigator .navigator__dot.active{background-color:#eac899}.navigator .navigator__content{display:flex;align-items:center;white-space:nowrap;color:#bfc7d9;font-size:1.4rem;line-height:1.8rem;transform:translateY(-25%)}.navigator .navigator__content.active{color:#eac899;font-weight:700}.navigator .navigator__content:hover{color:#eac899}.navigator .navigator__content:hover+.navigator__dot{background-color:#eac899}.navigator__mark{display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;margin-right:.7rem;background-color:#bfc7d9;border-radius:.4rem}.navigator__mark:before{display:inline-block;content:"";width:.6rem;height:.6rem;background:url(/images/preseason5/ico-N.png) no-repeat 50%/auto}.navigator__mark.active{background-color:#f95151}.sticky{position:fixed;-webkit-animation:stickyAni .3s forwards;animation:stickyAni .3s forwards}@-webkit-keyframes stickyAni{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes stickyAni{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.open{padding:4rem 0;text-align:center;background:url(/images/preseason5/bg-s5event-open.jpg) no-repeat 50%/cover;border-top:2px solid;border-bottom:2px solid;-o-border-image:linear-gradient(90deg,#212129,#31333d 51.56%,#212129) 1;border-image:linear-gradient(90deg,#212129,#31333d 51.56%,#212129) 1}@media (min-width:768px){.open{padding:6rem 0}}.open__title{margin-bottom:1.2rem;color:#fff;font-size:2.4rem;font-weight:700;line-height:3.1rem}@media (min-width:768px){.open__title{font-size:3.6rem;line-height:4.7rem}}.open__subtitle{margin-bottom:4rem;color:#fff;font-size:1.6rem;line-height:2.1rem}@media (min-width:768px){.open__subtitle{margin-bottom:6rem;font-size:2rem;line-height:2.6rem}}.open__contents{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2.4rem}@media (min-width:768px){.open__contents{flex-direction:row;align-items:center;margin-bottom:4rem}}.open__img{max-width:26rem;max-height:34rem;margin-bottom:2rem;margin-right:0}@media (min-width:768px){.open__img{margin-bottom:0;margin-right:5rem}}.open__content{width:100%;max-width:41rem;min-width:32.8rem;color:#eac899}.open__content-title{display:inline-block;margin-bottom:1.6rem;font-size:2rem;line-height:2.6rem}@media (min-width:768px){.open__content-title{margin-bottom:2.4rem;font-size:2.4rem;line-height:3.1rem}}.open__text{display:flex;flex-direction:column;margin-bottom:1.6rem;padding:2.8rem 0;background:url(/images/preseason5/img-open-cell-top.png) no-repeat 100% 0/auto,url(/images/preseason5/img-open-cell-bottom.png) no-repeat 0 100%/auto;border-top:2px solid #8e745b;border-bottom:2px solid #8e745b}@media (min-width:768px){.open__text{margin-bottom:2.4rem}}.open__text--gap{margin-bottom:.4rem;font-size:1.6rem;line-height:2.1rem}@media (min-width:768px){.open__text--gap{font-size:2rem;line-height:2.6rem}}.open__text .font-weight-bold{font-size:1.6rem;line-height:2.1rem}@media (min-width:768px){.open__text .font-weight-bold{font-size:2.4rem;line-height:3.1rem}}.open__desc{display:flex;flex-direction:column;margin-bottom:3.2rem;color:#8e745b;font-size:1.4rem;line-height:1.8rem;text-align:center}.open__desc--gap{margin-bottom:.4rem}@media (min-width:768px){.open__desc{font-size:1.6rem;line-height:2.1rem}}.open__infos{max-width:95rem;margin:0 auto;padding:2.4rem 2rem;color:#bfc7d9;font-size:1.4rem;text-align:left;background-color:rgba(0,0,0,.2);border-radius:6px}.open__info{margin-bottom:.4rem;line-height:1.8rem}.open__info:last-child{margin-bottom:0}.open__platform-title{margin-bottom:1.2rem;color:#fff;font-size:1.4rem;line-height:1.8rem}@media (min-width:768px){.open__platform-title{font-size:1.6rem;line-height:2.1rem}}.open__items{margin-bottom:0}.open__item,.open__items{display:flex;align-items:center;justify-content:center}.open__item{margin-right:1.6rem}.open__item:last-child{margin-right:0}.open__platform-img--kakao{width:9.4rem;height:1.6rem}@media (min-width:768px){.open__platform-img--kakao{width:11.4rem;height:2rem}}.open__platform-img--steam{width:6.6rem;height:2rem}@media (min-width:768px){.open__platform-img--steam{width:8.4rem;height:2.6rem}}.open__platform-img--ms{width:10.8rem;height:2rem}@media (min-width:768px){.open__platform-img--ms{width:11.8rem;height:2.2rem}}.bold--white{color:#fff!important;font-weight:700}.login-button{display:inline-flex;align-items:center;justify-content:center;height:5rem;margin:0 .6rem .6rem;padding-left:4.4rem;padding-right:4.4rem;border-radius:.4rem;vertical-align:middle;position:relative}.login-button:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3;border-radius:inherit}.login-button--steam{color:#fff;background-color:#369dd2}.login-button--steam:hover{color:#fff}.login-button--steam .fa-steam{margin-right:.6rem;font-size:1.6rem}.login-button--microsoft{color:#000;background-color:#fff}.login-button--microsoft img{margin-right:.6rem;width:2rem;height:2rem}.logout-button{display:inline-flex;align-items:center;justify-content:center;height:3.2rem;padding-left:1.6rem;padding-right:1.6rem;color:#bfc7d9;font-size:1.4rem;line-height:130%;border-radius:.4rem;background-color:#31333d;vertical-align:middle;position:relative}.logout-button:hover{color:#bfc7d9}.logout-button:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3;border-radius:inherit}.logout-button .fa-sign-out-alt{margin-right:.4rem}.login-info{display:flex;margin-bottom:2rem}.login-info,.user-info{align-items:center;justify-content:center}.user-info{display:inline-flex;padding-right:1.6rem;color:#fff;font-size:1.6rem;line-height:130%}.user-info:hover{color:#fff}.user-info__platform{width:2rem;height:2rem;margin-right:.6rem}.develop-info{width:100%;margin-top:.8rem;padding-right:0;color:#808598;font-size:1.2rem;line-height:1.6rem;text-align:right}@media (min-width:768px){.develop-info{text-align:center}}@media (min-width:1200px){.develop-info{text-align:right;padding-right:6rem}}.develop-info--active{margin-bottom:2.4rem}@media (min-width:1200px){.develop-info--active{margin-bottom:3.2rem;padding-right:28rem}}@media (min-width:1200px){.develop-info--hub{padding-right:31rem}}