.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{margin-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{margin-bottom:10px}.react-datepicker-popper[data-placement^=right]{margin-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{margin-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:none;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1;height:10px;width:10px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:95px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:85px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + (1.7rem / 2));overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range{background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range{background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}:focus{outline:none}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible;box-sizing:border-box;box-shadow:inset 0 0 0 0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format("woff2");unicode-range:u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format("woff2");unicode-range:u+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f;font-display:swap}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format("woff2");unicode-range:u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116;font-display:swap}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format("woff2");unicode-range:u+1f??;font-display:swap}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format("woff2");unicode-range:u+0370-03ff;font-display:swap}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab;font-display:swap}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff;font-display:swap}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd;font-display:swap}@font-face{font-family:SF Pro Display;font-style:normal;font-weight:400;src:local("SF Pro Display Regular"),local("SF-Pro-Display-Regular"),url(/statics/fonts/SFProDisplay/Regular.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Display;font-style:normal;font-weight:500;src:local("SF Pro Display Regular"),local("SF-Pro-Display-Regular"),url(/statics/fonts/SFProDisplay/Medium.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Display;font-style:normal;font-weight:600;src:local("SF Pro Display Regular"),local("SF-Pro-Display-Regular"),url(/statics/fonts/SFProDisplay/Semibold.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Display;font-style:normal;font-weight:700;src:local("SF Pro Display Regular"),local("SF-Pro-Display-Regular"),url(/statics/fonts/SFProDisplay/Bold.otf) format("opentype");font-display:swap}@font-face{font-family:Quicksand;font-style:normal;font-weight:300;src:local("Quicksand Regular"),local("Quicksand-Regular"),url(/statics/fonts/Quicksand/Quicksand-Light.ttf) format("opentype");font-display:swap}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;src:local("Quicksand Regular"),local("Quicksand-Regular"),url(/statics/fonts/Quicksand/Quicksand-Regular.ttf) format("opentype");font-display:swap}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;src:local("Quicksand Regular"),local("Quicksand-Regular"),url(/statics/fonts/Quicksand/Quicksand-Medium.ttf) format("opentype");font-display:swap}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;src:local("Quicksand Regular"),local("Quicksand-Regular"),url(/statics/fonts/Quicksand/Quicksand-SemiBold.ttf) format("opentype");font-display:swap}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;src:local("Quicksand Regular"),local("Quicksand-Regular"),url(/statics/fonts/Quicksand/Quicksand-Bold.ttf) format("opentype");font-display:swap}.main-header{display:flex;align-items:center;height:54px;box-shadow:inset 0 -1px 0 #e4e4e4}.main-header .logo{flex-basis:0;flex-grow:1;max-width:170px;display:flex;margin-right:auto;align-items:center}.main-header .logo p{font-weight:700;font-size:17px}.main-header .logo img{max-width:100%;vertical-align:middle}@media screen and (min-width:380px){.main-header .logo{max-width:100%}}.main-header__18plus{margin-left:10px}.main-header__18plus svg{vertical-align:middle;width:44px}@media screen and (max-width:575px){.main-header__18plus{margin-left:8px}.main-header__18plus svg{width:auto;min-width:26px;max-width:80%}}.main-header .user-info{flex:0 1 auto;max-width:47%;display:flex;justify-content:flex-end;padding-left:8px;padding-right:15px}.main-header .user-info .box-auth{max-width:calc(100% - 32px)}@media screen and (min-width:380px){.main-header .user-info .box-auth{max-width:calc(100% - 38px)}}.main-header .user-info .box-auth a{color:unset}.main-header .user-info .box-auth a.logout{color:#ff753a;display:flex;align-items:center;font-weight:700;font-size:13px;line-height:20px}.main-header .user-info .box-auth a.login-btn{font-weight:700;color:#fff}.main-header .user-info .box-auth .wrapper{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.main-header .user-info .box-auth .wrapper>span{margin-left:7px;line-height:20px}.main-header .user-info .box-auth .wrapper .icon-wrapper{height:24px;margin-right:5px}.main-header .user-info .box-auth .wrapper .icon-wrapper .ic-more-horizontal{width:24px;height:24px}.main-header .user-info .box-auth.un-auth,.main-header .user-info .box-auth.without-noti{max-width:100%}.main-header .user-info .box-noti{margin-right:10px;display:flex;align-items:center}.main-header .user-info .box-noti .noti-btn{position:relative;cursor:pointer;width:22px;height:22px;float:left;background-image:url(/statics/images/notification/noti-icon.svg)}.main-header .user-info .box-noti .noti-btn .number-unread{position:absolute;padding:2px 4px;background:red;border-radius:4px;font-weight:500;font-size:8px;line-height:8px;top:-4px;right:-6px;color:#fff}@media screen and (min-width:380px){.main-header .user-info .box-noti{margin-right:16px}}.user-info .avatar{background-color:#ff2d55;text-transform:uppercase;width:32px;height:32px;border-radius:50%;float:right;text-align:center;line-height:32px;color:#fff;font-size:15px;font-weight:600}.noti-wapper-float{position:absolute;width:375px;height:667px;background:#fff;z-index:50;border-radius:5px;border:1px solid #e4e4e4;transform:translate(-50%,40px)}.noti-wapper-float:after{content:"";display:block;position:absolute;left:calc(50% + 3px);width:15px;height:15px;transform:rotate(45deg);background-color:#fff;top:-8px;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4}.header-noti{border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.header-noti .fun-ic{margin-right:10px}.header-noti .header-noti-title{color:#000;font-size:17px}.header-noti .header-noti-mask-read-all{font-weight:500;font-size:15px;color:#c7c7cc;display:flex;align-items:center}.header-noti .header-noti-mask-read-all .fun-ic-double-check{width:20px;height:20px;margin-right:4px;background-image:url(/statics/images/notification/check-double.svg)}.header-noti .header-noti-mask-read-all.active{color:#ff753a;cursor:pointer}.header-noti .header-noti-mask-read-all.active .fun-ic-double-check{background-image:url(/statics/images/notification/check-double-active.svg)}.noti-error-list{height:calc(100% - 96px);display:flex;justify-content:center;align-items:center;flex-direction:column}.noti-error-list .noti-error-list-image{background:url(/statics/images/notification/no-item.svg);width:137px;height:158px;margin-bottom:40px}.noti-error-list span{font-size:15px;letter-spacing:-.24px}.noti-wapper-page .noti-error-list{transform:translateY(65%)}.noti-list{height:calc(100% - 56px);overflow:auto}.noti-list .noti-wapper-item{cursor:pointer;padding:16px;border-bottom:1px solid #f2f2f2}.noti-list .noti-wapper-item .noti-item-content-title *{font-family:Open Sans,Helvetica,Arial,sans-serif!important;font-size:15px!important;letter-spacing:-.24px!important;font-weight:700!important;text-align:left;margin:0;color:rgba(0,0,0,.87)}.noti-list .noti-wapper-item .noti-item-content *{font-size:13px!important;letter-spacing:.2px!important;color:#61616a!important;text-align:left;margin:0;padding:3px 0}.noti-list .noti-wapper-item .noti-item-content p{padding:0}.noti-list .noti-wapper-item:hover{background-color:#f0f0f0!important}.noti-list .noti-wapper-item.unread{background-color:#fdf7ef}.noti-list .noti-wapper-item .noti-wapper-item-status{display:flex;margin-top:6px;align-items:center;font-size:13px;color:#61616a}.noti-list .noti-wapper-item .noti-wapper-item-status>img{margin-right:11px}.noti-list .noti-wapper-item .noti-wapper-item-status .time-ago-text{color:#c3c1be;margin-left:11px}.main-footer{height:59px}.main-footer nav{position:fixed;width:100%;max-width:768px;bottom:0;z-index:3}.main-footer nav ul{margin:0;list-style:none;display:flex;justify-content:space-between;padding:8px 20px;border-top:1px solid #e4e4e4;background-color:#fff}.main-footer nav ul li{flex-grow:0;flex-shrink:1;max-width:100%}.main-footer nav ul li a{text-decoration:none;color:#61616a;font-size:11px;line-height:14px;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-footer nav ul li a span{width:28px;height:28px;background-repeat:no-repeat}.main-footer nav ul li a span.home{background-image:url(/statics/images/navs/home.svg)}.main-footer nav ul li a span.create{background-image:url(/statics/images/navs/create.svg)}.main-footer nav ul li a span.rankings{background-image:url(/statics/images/navs/rankings.svg)}.main-footer nav ul li a span.join{background-image:url(/statics/images/navs/join.svg)}.main-footer nav ul li a span.me{background-image:url(/statics/images/navs/ninja.svg)}.main-footer nav ul li a span.my-account{background-image:url(/statics/images/navs/account.svg)}.main-footer nav ul li a.active{color:#ff753a}.main-footer nav ul li a.active span.home{background-image:url(/statics/images/navs/home-active.svg)}.main-footer nav ul li a.active span.create{background-image:url(/statics/images/navs/create-active.svg)}.main-footer nav ul li a.active span.rankings{background-image:url(/statics/images/navs/rankings-active.svg)}.main-footer nav ul li a.active span.join{background-image:url(/statics/images/navs/join-active.svg)}.main-footer nav ul li a.active span.me{background-image:url(/statics/images/navs/ninja-active.svg)}.main-footer nav ul li a.active span.my-account{background-image:url(/statics/images/navs/account-active.svg)}.fun-btn{color:#8e8e93;padding:11px 14px;display:block;width:100%;border:1px solid #efefef;border-radius:4px;outline:0;box-shadow:none;text-align:center;font-size:14px;line-height:16px;font-style:normal;font-weight:700;cursor:pointer}.fun-btn.active{background-color:#ff753a;border:1px solid #ff753a;color:#fff}.fun-btn.regular{background-color:#fff;color:#ff753a;border:1px solid #ff753a}.fun-btn.disabled{background-color:#e5e5ea;border-color:#e5e5ea;color:#8e8e93}.fun-form .form-group{margin-bottom:12px}.fun-form .form-group .input-label{font-weight:700;font-size:14px;line-height:16px;color:#61616a;margin-bottom:12px;display:inline-block}.fun-form .form-group .input-helper{display:inline-block;font-size:10px;line-height:20px;color:#61616a;margin-top:8px}.fun-form .form-group input[type=text]{width:100%;border:1px solid #e5e5ea;padding:11px 15px 11px 13px;font-weight:500;font-size:15px;line-height:20px;border-radius:4px;outline:none;-webkit-appearance:none}.fun-form .form-group input[type=text]::placeholder{color:#d7d7d7}.fun-form .form-group textarea{box-sizing:border-box;border-radius:4px;width:100%;border:1px solid #e5e5ea;padding:12px 15px 12px 13px;-webkit-appearance:none;font-weight:500}.fun-form .form-group .select-2{margin-bottom:12px}.fun-form .form-group .select-2 .select-2__control{min-height:44px;border-color:#e5e5ea}.fun-form .form-group .select-2 .select-2__control.select-2__control--is-focused{box-shadow:none}.fun-form .form-group .select-2 .select-2__control .select-2__value-container .select-2__input input{margin:0}.fun-form .form-group .select-2 .select-2__control .select-2__placeholder{color:#d7d7d7;font-size:15px;line-height:20px}.fun-form .form-group button{max-width:186px;margin:0 auto}.fun-form .form-group.has-error input,.fun-form .form-group.has-error textarea{border-color:red}.fun-form .form-group.has-error input::placeholder,.fun-form .form-group.has-error textarea::placeholder{color:red;opacity:1}.fun-form .form-group.upload-img-wrapper .select-img{position:absolute;overflow:hidden;bottom:0;right:0;background-color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.fun-form .form-group.upload-img-wrapper input[type=file]{position:absolute;top:0;left:0;opacity:0}.fun-form .form-group .thumb-img-upload{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;border:1px solid rgba(0,0,0,.5);margin:0 auto;background-color:#eee;position:relative}.fun-form .form-group .thumb-img-upload .loading>div{border-radius:50%}.fun-form .form-group .thumb-img-upload img{width:100px;height:100px;border-radius:50%}.fun-form .form-group .thumb-img-upload .upload-image{width:100px;height:100px;border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:50%}.fun-form .form-group .thumb-img-upload.default{border-color:transparent}.fun-form .form-group .thumb-img-upload.default .upload-image{width:40%;height:40%;border-radius:0}.fun-form .form-group.upload-img-wrapper .alert-error span{padding:15px 0 5px}.fun-form .alert-error{color:red}.fun-form .alert-error span{display:block;font-size:13px;line-height:16px;padding:5px 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99}.modal-overlay.below-menu{z-index:2}.modal-content{position:absolute;top:50%;left:50%;width:78%;max-width:400px;transform:translate(-50%,-50%);border:1px solid #ccc;background:#fff;overflow:auto;border-radius:12px;outline:none}.modal-content.on-bottom{width:100%;max-width:unset;max-height:75vh;top:auto;left:auto;bottom:0;transform:none;border-radius:8px 8px 0 0}.modal-content.full{width:100%;max-width:768px;top:0;left:50%;bottom:0;transform:translate(-50%);border-radius:0}.modal-content .model-wrap{padding:20px;display:flex;flex-direction:column}.modal-content.modal-user-content .model-wrap{padding:16px}.modal-content.modal-user-content .user-info{display:flex;align-items:center;margin-bottom:18px}.modal-content.modal-user-content .user-info .username{padding-left:9px}.modal-content.modal-user-content .user-info .username p{margin:0}.modal-content.modal-user-content .user-info .username p.nickname{font-weight:700;font-size:16px;line-height:24px;color:#1f1f1f}.modal-content.modal-user-content .user-info .username p.funid{font-weight:500;font-size:12px;line-height:24px;color:#8e8e93}.modal-content.modal-user-content a.fun-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;border:1px solid #c7c7cc;color:#000}.modal-content.modal-game-have-guild{border-radius:14px}.modal-content.modal-game-have-guild .title{font-weight:600;font-size:22px;line-height:28px;text-align:center}.modal-content.modal-game-have-guild .game-icon{display:flex;flex-direction:column;align-items:center;padding:4px 0 8px}.modal-content.modal-game-have-guild .game-icon img{width:88px;height:88px;padding:15px}.modal-content.modal-game-have-guild .game-icon span{font-weight:600;font-size:17px;line-height:22px}.modal-content.modal-game-have-guild .message{font-size:17px;line-height:22px;text-align:center}.modal-content.modal-game-have-guild .actions{padding:20px 0 28px;display:flex;justify-content:space-between}.modal-content.modal-game-have-guild .actions .modal-btn{flex-basis:0;flex-grow:1;max-width:100%;height:44px;border:1px solid #d1d1d6;border-radius:6px}.modal-content.modal-game-have-guild .actions .close{margin-right:12px;font-size:15px;line-height:44px;text-align:center}.modal-content.modal-game-have-guild .actions .guild-detail-link{background-color:#ff753a;text-align:center;line-height:44px;border-color:#ff753a}.modal-content.modal-game-have-guild .actions .guild-detail-link a{color:#fff}.modal-content.modal-game-have-guild .notice{padding-bottom:3px;text-align:center;color:red;font-size:13px;display:flex;justify-content:center;align-items:center}.modal-content.modal-game-have-guild .notice span.fun-ic{width:16px;height:16px;margin-right:7px}.modal-content.modal-confirm-cancel-request-content .model-wrap,.modal-content.modal-confirm-close-guild-content .model-wrap{padding:0}.modal-content.modal-confirm-cancel-request-content .confirm-message,.modal-content.modal-confirm-close-guild-content .confirm-message{text-align:center;padding:20px 34px 9px}.modal-content.modal-confirm-cancel-request-content .confirm-message .message-title,.modal-content.modal-confirm-close-guild-content .confirm-message .message-title{font-weight:600;font-size:17px;line-height:20px;margin-bottom:7px}.modal-content.modal-confirm-cancel-request-content .confirm-message .message-content span,.modal-content.modal-confirm-close-guild-content .confirm-message .message-content span{word-break:break-word}.modal-content.modal-confirm-cancel-request-content .actions,.modal-content.modal-confirm-close-guild-content .actions{display:flex;border-top:1px solid #c8c7cc}.modal-content.modal-confirm-cancel-request-content .actions button,.modal-content.modal-confirm-close-guild-content .actions button{height:46px;flex-basis:0;flex-grow:1;max-width:100%;border:none;background-color:#fff;color:#ff753a}.modal-content.modal-confirm-cancel-request-content .actions button:last-of-type,.modal-content.modal-confirm-close-guild-content .actions button:last-of-type{border-left:1px solid #c8c7cc;font-weight:600}.modal-content.modal-confirm-cancel-request-content .actions button a,.modal-content.modal-confirm-close-guild-content .actions button a{display:flex;justify-content:center;align-items:center}.modal-content.modal-confirm-cancel-request-content .confirm-message{padding:20px 28px 9px}.modal-content.modal-confirm-cancel-request-content .message-content span{font-weight:600}.modal-content.modal-auth-required-content .model-wrap{max-width:382px;margin:0 auto}.modal-content.modal-auth-required-content .txt-dk{font-size:14px;line-height:21px;text-align:center;color:#000;margin:0 auto}.modal-content.modal-auth-required-content .redirect-to-login{height:40px;background-color:#ff753a;border-radius:4px;color:#fff;cursor:pointer;font-style:normal;font-size:14px;line-height:14px;padding:12px 0;margin:16px auto}.modal-content.modal-auth-required-content .txt-register{margin:0 auto;font-size:14px;line-height:21px;text-align:center;color:#000}.modal-content.modal-auth-required-content .txt-register a{color:#ff753a}.modal-content.modal-welcome-new-member{max-width:260px;border:none;border-radius:15px;overflow:hidden}.modal-content.modal-welcome-new-member .description{font-size:15px;line-height:20px;padding:0 14px;margin:15px 0}.modal-content.modal-welcome-new-member .description span{font-weight:600;color:#ff753a}.modal-content.modal-policy{top:0;bottom:0;left:0;right:0;transform:none;width:100%;max-width:768px;margin:0 auto;border-radius:0;max-height:100vh;position:fixed;overflow:hidden}.modal-content.modal-policy .policy-header{padding:17px 8px 15px;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width:768px){.modal-content.modal-policy .policy-header{padding:17px 24px 15px}}.modal-content.modal-policy .policy-header .ic-eclose-black{cursor:pointer}.modal-content.modal-policy .policy-header h2{font-weight:700;font-size:17px;line-height:22px;text-align:center;margin:0}.modal-content.modal-policy .policy-content{padding:11px 13px}@media screen and (min-width:768px){.modal-content.modal-policy .policy-content{padding:11px 24px}}.modal-content.modal-policy .policy-content ul{list-style:none;padding:0}.modal-content.modal-policy .policy-content ul li{font-size:15px;line-height:20px;margin-bottom:8px}@media screen and (min-width:768px){.modal-content.modal-policy .policy-content ul li{font-size:18px;line-height:21px}}.modal-content.modal-policy .policy-content ul li strong{font-weight:700;margin-right:3px}.modal-content.modal-ranking-updating{padding:20px 26px 33px;width:75%;text-align:center}.modal-content.modal-ranking-updating .rankings-updating-header{width:50%;margin:0 auto 13px}.modal-content.modal-ranking-updating .rankings-updating-header img{width:100%}.modal-content.modal-ranking-updating .rankings-updating-content{font-size:15px;line-height:20px}.modal-content.modal-success-content .model-wrap{padding:10px 0}.modal-content.modal-success-content .success{color:#39c541;padding-bottom:12px;display:flex;justify-content:center;align-items:center;font-weight:700}.modal-content.modal-success-content .success .fun-ic{width:24px;height:24px;margin-right:6px}.modal-content.modal-success-content .guild-info{height:223px;background-image:url(/statics/images/success-background.png);display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover}.modal-content.modal-success-content .guild-info .avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#eee}.modal-content.modal-success-content .guild-info .avatar img{max-width:100%;max-height:100%}.modal-content.modal-success-content .guild-info .guild-name{margin-top:18px;font-weight:700;font-size:24px;line-height:28px;text-align:center;letter-spacing:.33px}.modal-content.modal-success-content .guild-welcome{margin:19px auto;text-align:center;padding:0 5%}.modal-content.modal-success-content .actions{padding:0 0 12px;display:flex;align-items:center;justify-content:center}.modal-content.modal-success-content .actions a{width:117px;margin:0 9px;padding:11px 0}.modal-info-and-confirm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:335px;border:1px solid #ccc;background:#fff;overflow:auto;border-radius:8px;outline:none;padding:20px}.modal-info-and-confirm .title{font-weight:600;font-size:20px;text-align:center;margin:0 0 7px}.modal-info-and-confirm .description{margin:7px 0 12px;font-size:17px;line-height:22px}.modal-info-and-confirm .success{display:block;padding:0;font-size:14px;width:145px;height:44px;border-radius:4px;margin:8px auto;color:#fff;text-align:center;line-height:32px;cursor:pointer;background:#ff753a;border:0;border-radius:6px}.modal-info-and-confirm .success a{color:#fff;font-weight:600;font-size:15px;line-height:20px}.modal-close-btn{position:absolute;bottom:30px;left:50%;width:44px;height:44px;z-index:100;transform:translate(-50%);border:1.5px solid #c7c7c7;border-radius:50%;justify-content:center;align-items:center;display:none}.modal-close-btn.active{display:flex}.modal-close-btn span.fun-ic{height:24px;width:24px}.review-image-model-wrap{position:relative;display:flex;justify-content:center;align-items:center;height:100vh}.review-image-model-wrap .close{position:absolute;left:50%;transform:translate(-50%);bottom:5px;cursor:pointer}.review-image-model-wrap .img-review{max-width:100%;margin:0 auto;height:auto;max-height:70%}.modal-message .confirm-message{font-weight:500;font-size:15px;line-height:20px;text-align:center;margin-bottom:18px}.modal-message .confirm-message img{height:117px;width:auto;display:block;margin:0 auto 12px}.modal-message .confirm-message strong{color:#ff753a}.modal-message .confirm-message .message-content .list-options{text-align:left;padding-left:10px}.modal-message .confirm-message .message-content .list-options .option{display:flex;align-items:center;padding:8px 0}.modal-message .countdownt-time{text-align:center;margin:0;color:#ff753a;font-weight:700}.modal-message .actions{display:flex;justify-content:center}.modal-message .actions .fun-btn{padding:8px 0;width:118px}.modal-message .actions.full .fun-btn{margin-right:18px;flex:1 1;padding:8px 0;font-weight:700}.modal-message .actions.full .fun-btn:last-of-type{margin:0}.modal-submit-nickname{padding-top:4px;background-color:transparent;border:none}.modal-submit-nickname .model-wrap{background-color:#fff;border-radius:12px;padding-top:0}.modal-submit-nickname .image-title{height:40px;width:223px;margin:-4px auto 0}.modal-submit-nickname .fun-form{margin-top:26px}.modal-submit-nickname .fun-form .form-group .input-label{display:block;text-align:center}.modal-submit-nickname .fun-form .form-group.upload-img-wrapper{margin-bottom:28px}.interact-feedback{overflow:visible;width:calc(100% - 20px);max-width:calc(768px / 2);bottom:0;transform:translate(-50%);top:auto;border:1px solid #dee2e6;border-radius:9px}@media screen and (min-width:768px){.interact-feedback{width:50%;max-width:768px}}.fun-ic{display:inline-block;background-repeat:no-repeat;width:20px;height:20px;background-size:contain}.fun-ic.ic-size-1{width:1px;height:1px}.fun-ic.ic-size-2{width:2px;height:2px}.fun-ic.ic-size-3{width:3px;height:3px}.fun-ic.ic-size-4{width:4px;height:4px}.fun-ic.ic-size-5{width:5px;height:5px}.fun-ic.ic-size-6{width:6px;height:6px}.fun-ic.ic-size-7{width:7px;height:7px}.fun-ic.ic-size-8{width:8px;height:8px}.fun-ic.ic-size-9{width:9px;height:9px}.fun-ic.ic-size-10{width:10px;height:10px}.fun-ic.ic-size-11{width:11px;height:11px}.fun-ic.ic-size-12{width:12px;height:12px}.fun-ic.ic-size-13{width:13px;height:13px}.fun-ic.ic-size-14{width:14px;height:14px}.fun-ic.ic-size-15{width:15px;height:15px}.fun-ic.ic-size-16{width:16px;height:16px}.fun-ic.ic-size-17{width:17px;height:17px}.fun-ic.ic-size-18{width:18px;height:18px}.fun-ic.ic-size-19{width:19px;height:19px}.fun-ic.ic-size-20{width:20px;height:20px}.fun-ic.ic-size-21{width:21px;height:21px}.fun-ic.ic-size-22{width:22px;height:22px}.fun-ic.ic-size-23{width:23px;height:23px}.fun-ic.ic-size-24{width:24px;height:24px}.fun-ic.ic-size-25{width:25px;height:25px}.fun-ic.ic-size-26{width:26px;height:26px}.fun-ic.ic-size-27{width:27px;height:27px}.fun-ic.ic-size-28{width:28px;height:28px}.fun-ic.ic-size-29{width:29px;height:29px}.fun-ic.ic-size-30{width:30px;height:30px}.fun-ic.ic-size-31{width:31px;height:31px}.fun-ic.ic-size-32{width:32px;height:32px}.fun-ic.ic-size-33{width:33px;height:33px}.fun-ic.ic-size-34{width:34px;height:34px}.fun-ic.ic-size-35{width:35px;height:35px}.fun-ic.ic-size-36{width:36px;height:36px}.fun-ic.ic-size-37{width:37px;height:37px}.fun-ic.ic-size-38{width:38px;height:38px}.fun-ic.ic-size-39{width:39px;height:39px}.fun-ic.ic-size-40{width:40px;height:40px}.fun-ic.ic-size-41{width:41px;height:41px}.fun-ic.ic-size-42{width:42px;height:42px}.fun-ic.ic-size-43{width:43px;height:43px}.fun-ic.ic-size-44{width:44px;height:44px}.fun-ic.ic-size-45{width:45px;height:45px}.fun-ic.ic-size-46{width:46px;height:46px}.fun-ic.ic-size-47{width:47px;height:47px}.fun-ic.ic-size-48{width:48px;height:48px}.fun-ic.ic-size-49{width:49px;height:49px}.fun-ic.ic-size-50{width:50px;height:50px}.fun-ic.ic-size-51{width:51px;height:51px}.fun-ic.ic-size-52{width:52px;height:52px}.fun-ic.ic-size-53{width:53px;height:53px}.fun-ic.ic-size-54{width:54px;height:54px}.fun-ic.ic-size-55{width:55px;height:55px}.fun-ic.ic-size-56{width:56px;height:56px}.fun-ic.ic-size-57{width:57px;height:57px}.fun-ic.ic-size-58{width:58px;height:58px}.fun-ic.ic-size-59{width:59px;height:59px}.fun-ic.ic-size-60{width:60px;height:60px}.fun-ic.ic-size-61{width:61px;height:61px}.fun-ic.ic-size-62{width:62px;height:62px}.fun-ic.ic-size-63{width:63px;height:63px}.fun-ic.ic-size-64{width:64px;height:64px}.fun-ic.ic-size-65{width:65px;height:65px}.fun-ic.ic-size-66{width:66px;height:66px}.fun-ic.ic-size-67{width:67px;height:67px}.fun-ic.ic-size-68{width:68px;height:68px}.fun-ic.ic-size-69{width:69px;height:69px}.fun-ic.ic-size-70{width:70px;height:70px}.fun-ic.ic-size-71{width:71px;height:71px}.fun-ic.ic-size-72{width:72px;height:72px}.fun-ic.ic-size-73{width:73px;height:73px}.fun-ic.ic-size-74{width:74px;height:74px}.fun-ic.ic-size-75{width:75px;height:75px}.fun-ic.ic-size-76{width:76px;height:76px}.fun-ic.ic-size-77{width:77px;height:77px}.fun-ic.ic-size-78{width:78px;height:78px}.fun-ic.ic-size-79{width:79px;height:79px}.fun-ic.ic-size-80{width:80px;height:80px}.fun-ic.ic-size-81{width:81px;height:81px}.fun-ic.ic-size-82{width:82px;height:82px}.fun-ic.ic-size-83{width:83px;height:83px}.fun-ic.ic-size-84{width:84px;height:84px}.fun-ic.ic-size-85{width:85px;height:85px}.fun-ic.ic-size-86{width:86px;height:86px}.fun-ic.ic-size-87{width:87px;height:87px}.fun-ic.ic-size-88{width:88px;height:88px}.fun-ic.ic-size-89{width:89px;height:89px}.fun-ic.ic-size-90{width:90px;height:90px}.fun-ic.ic-size-91{width:91px;height:91px}.fun-ic.ic-size-92{width:92px;height:92px}.fun-ic.ic-size-93{width:93px;height:93px}.fun-ic.ic-size-94{width:94px;height:94px}.fun-ic.ic-size-95{width:95px;height:95px}.fun-ic.ic-size-96{width:96px;height:96px}.fun-ic.ic-size-97{width:97px;height:97px}.fun-ic.ic-size-98{width:98px;height:98px}.fun-ic.ic-size-99{width:99px;height:99px}.fun-ic.ic-size-100{width:100px;height:100px}.fun-ic.ic-h-1{height:1px}.fun-ic.ic-h-2{height:2px}.fun-ic.ic-h-3{height:3px}.fun-ic.ic-h-4{height:4px}.fun-ic.ic-h-5{height:5px}.fun-ic.ic-h-6{height:6px}.fun-ic.ic-h-7{height:7px}.fun-ic.ic-h-8{height:8px}.fun-ic.ic-h-9{height:9px}.fun-ic.ic-h-10{height:10px}.fun-ic.ic-h-11{height:11px}.fun-ic.ic-h-12{height:12px}.fun-ic.ic-h-13{height:13px}.fun-ic.ic-h-14{height:14px}.fun-ic.ic-h-15{height:15px}.fun-ic.ic-h-16{height:16px}.fun-ic.ic-h-17{height:17px}.fun-ic.ic-h-18{height:18px}.fun-ic.ic-h-19{height:19px}.fun-ic.ic-h-20{height:20px}.fun-ic.ic-h-21{height:21px}.fun-ic.ic-h-22{height:22px}.fun-ic.ic-h-23{height:23px}.fun-ic.ic-h-24{height:24px}.fun-ic.ic-h-25{height:25px}.fun-ic.ic-h-26{height:26px}.fun-ic.ic-h-27{height:27px}.fun-ic.ic-h-28{height:28px}.fun-ic.ic-h-29{height:29px}.fun-ic.ic-h-30{height:30px}.fun-ic.ic-h-31{height:31px}.fun-ic.ic-h-32{height:32px}.fun-ic.ic-h-33{height:33px}.fun-ic.ic-h-34{height:34px}.fun-ic.ic-h-35{height:35px}.fun-ic.ic-h-36{height:36px}.fun-ic.ic-h-37{height:37px}.fun-ic.ic-h-38{height:38px}.fun-ic.ic-h-39{height:39px}.fun-ic.ic-h-40{height:40px}.fun-ic.ic-h-41{height:41px}.fun-ic.ic-h-42{height:42px}.fun-ic.ic-h-43{height:43px}.fun-ic.ic-h-44{height:44px}.fun-ic.ic-h-45{height:45px}.fun-ic.ic-h-46{height:46px}.fun-ic.ic-h-47{height:47px}.fun-ic.ic-h-48{height:48px}.fun-ic.ic-h-49{height:49px}.fun-ic.ic-h-50{height:50px}.fun-ic.ic-h-51{height:51px}.fun-ic.ic-h-52{height:52px}.fun-ic.ic-h-53{height:53px}.fun-ic.ic-h-54{height:54px}.fun-ic.ic-h-55{height:55px}.fun-ic.ic-h-56{height:56px}.fun-ic.ic-h-57{height:57px}.fun-ic.ic-h-58{height:58px}.fun-ic.ic-h-59{height:59px}.fun-ic.ic-h-60{height:60px}.fun-ic.ic-h-61{height:61px}.fun-ic.ic-h-62{height:62px}.fun-ic.ic-h-63{height:63px}.fun-ic.ic-h-64{height:64px}.fun-ic.ic-h-65{height:65px}.fun-ic.ic-h-66{height:66px}.fun-ic.ic-h-67{height:67px}.fun-ic.ic-h-68{height:68px}.fun-ic.ic-h-69{height:69px}.fun-ic.ic-h-70{height:70px}.fun-ic.ic-h-71{height:71px}.fun-ic.ic-h-72{height:72px}.fun-ic.ic-h-73{height:73px}.fun-ic.ic-h-74{height:74px}.fun-ic.ic-h-75{height:75px}.fun-ic.ic-h-76{height:76px}.fun-ic.ic-h-77{height:77px}.fun-ic.ic-h-78{height:78px}.fun-ic.ic-h-79{height:79px}.fun-ic.ic-h-80{height:80px}.fun-ic.ic-h-81{height:81px}.fun-ic.ic-h-82{height:82px}.fun-ic.ic-h-83{height:83px}.fun-ic.ic-h-84{height:84px}.fun-ic.ic-h-85{height:85px}.fun-ic.ic-h-86{height:86px}.fun-ic.ic-h-87{height:87px}.fun-ic.ic-h-88{height:88px}.fun-ic.ic-h-89{height:89px}.fun-ic.ic-h-90{height:90px}.fun-ic.ic-h-91{height:91px}.fun-ic.ic-h-92{height:92px}.fun-ic.ic-h-93{height:93px}.fun-ic.ic-h-94{height:94px}.fun-ic.ic-h-95{height:95px}.fun-ic.ic-h-96{height:96px}.fun-ic.ic-h-97{height:97px}.fun-ic.ic-h-98{height:98px}.fun-ic.ic-h-99{height:99px}.fun-ic.ic-h-100{height:100px}.fun-ic.ic-ml-1{margin-left:1px}.fun-ic.ic-ml-2{margin-left:2px}.fun-ic.ic-ml-3{margin-left:3px}.fun-ic.ic-ml-4{margin-left:4px}.fun-ic.ic-ml-5{margin-left:5px}.fun-ic.ic-ml-6{margin-left:6px}.fun-ic.ic-ml-7{margin-left:7px}.fun-ic.ic-ml-8{margin-left:8px}.fun-ic.ic-ml-9{margin-left:9px}.fun-ic.ic-ml-10{margin-left:10px}.fun-ic.ic-ml-11{margin-left:11px}.fun-ic.ic-ml-12{margin-left:12px}.fun-ic.ic-ml-13{margin-left:13px}.fun-ic.ic-ml-14{margin-left:14px}.fun-ic.ic-ml-15{margin-left:15px}.fun-ic.ic-ml-16{margin-left:16px}.fun-ic.ic-ml-17{margin-left:17px}.fun-ic.ic-ml-18{margin-left:18px}.fun-ic.ic-ml-19{margin-left:19px}.fun-ic.ic-ml-20{margin-left:20px}.fun-ic.ic-ml-21{margin-left:21px}.fun-ic.ic-ml-22{margin-left:22px}.fun-ic.ic-ml-23{margin-left:23px}.fun-ic.ic-ml-24{margin-left:24px}.fun-ic.ic-ml-25{margin-left:25px}.fun-ic.ic-ml-26{margin-left:26px}.fun-ic.ic-ml-27{margin-left:27px}.fun-ic.ic-ml-28{margin-left:28px}.fun-ic.ic-ml-29{margin-left:29px}.fun-ic.ic-ml-30{margin-left:30px}.fun-ic.ic-ml-31{margin-left:31px}.fun-ic.ic-ml-32{margin-left:32px}.fun-ic.ic-ml-33{margin-left:33px}.fun-ic.ic-ml-34{margin-left:34px}.fun-ic.ic-ml-35{margin-left:35px}.fun-ic.ic-ml-36{margin-left:36px}.fun-ic.ic-ml-37{margin-left:37px}.fun-ic.ic-ml-38{margin-left:38px}.fun-ic.ic-ml-39{margin-left:39px}.fun-ic.ic-ml-40{margin-left:40px}.fun-ic.ic-ml-41{margin-left:41px}.fun-ic.ic-ml-42{margin-left:42px}.fun-ic.ic-ml-43{margin-left:43px}.fun-ic.ic-ml-44{margin-left:44px}.fun-ic.ic-ml-45{margin-left:45px}.fun-ic.ic-ml-46{margin-left:46px}.fun-ic.ic-ml-47{margin-left:47px}.fun-ic.ic-ml-48{margin-left:48px}.fun-ic.ic-ml-49{margin-left:49px}.fun-ic.ic-ml-50{margin-left:50px}.fun-ic.ic-ml-51{margin-left:51px}.fun-ic.ic-ml-52{margin-left:52px}.fun-ic.ic-ml-53{margin-left:53px}.fun-ic.ic-ml-54{margin-left:54px}.fun-ic.ic-ml-55{margin-left:55px}.fun-ic.ic-ml-56{margin-left:56px}.fun-ic.ic-ml-57{margin-left:57px}.fun-ic.ic-ml-58{margin-left:58px}.fun-ic.ic-ml-59{margin-left:59px}.fun-ic.ic-ml-60{margin-left:60px}.fun-ic.ic-ml-61{margin-left:61px}.fun-ic.ic-ml-62{margin-left:62px}.fun-ic.ic-ml-63{margin-left:63px}.fun-ic.ic-ml-64{margin-left:64px}.fun-ic.ic-ml-65{margin-left:65px}.fun-ic.ic-ml-66{margin-left:66px}.fun-ic.ic-ml-67{margin-left:67px}.fun-ic.ic-ml-68{margin-left:68px}.fun-ic.ic-ml-69{margin-left:69px}.fun-ic.ic-ml-70{margin-left:70px}.fun-ic.ic-ml-71{margin-left:71px}.fun-ic.ic-ml-72{margin-left:72px}.fun-ic.ic-ml-73{margin-left:73px}.fun-ic.ic-ml-74{margin-left:74px}.fun-ic.ic-ml-75{margin-left:75px}.fun-ic.ic-ml-76{margin-left:76px}.fun-ic.ic-ml-77{margin-left:77px}.fun-ic.ic-ml-78{margin-left:78px}.fun-ic.ic-ml-79{margin-left:79px}.fun-ic.ic-ml-80{margin-left:80px}.fun-ic.ic-ml-81{margin-left:81px}.fun-ic.ic-ml-82{margin-left:82px}.fun-ic.ic-ml-83{margin-left:83px}.fun-ic.ic-ml-84{margin-left:84px}.fun-ic.ic-ml-85{margin-left:85px}.fun-ic.ic-ml-86{margin-left:86px}.fun-ic.ic-ml-87{margin-left:87px}.fun-ic.ic-ml-88{margin-left:88px}.fun-ic.ic-ml-89{margin-left:89px}.fun-ic.ic-ml-90{margin-left:90px}.fun-ic.ic-ml-91{margin-left:91px}.fun-ic.ic-ml-92{margin-left:92px}.fun-ic.ic-ml-93{margin-left:93px}.fun-ic.ic-ml-94{margin-left:94px}.fun-ic.ic-ml-95{margin-left:95px}.fun-ic.ic-ml-96{margin-left:96px}.fun-ic.ic-ml-97{margin-left:97px}.fun-ic.ic-ml-98{margin-left:98px}.fun-ic.ic-ml-99{margin-left:99px}.fun-ic.ic-ml-100{margin-left:100px}.fun-ic.ic-mr-1{margin-right:1px}.fun-ic.ic-mr-2{margin-right:2px}.fun-ic.ic-mr-3{margin-right:3px}.fun-ic.ic-mr-4{margin-right:4px}.fun-ic.ic-mr-5{margin-right:5px}.fun-ic.ic-mr-6{margin-right:6px}.fun-ic.ic-mr-7{margin-right:7px}.fun-ic.ic-mr-8{margin-right:8px}.fun-ic.ic-mr-9{margin-right:9px}.fun-ic.ic-mr-10{margin-right:10px}.fun-ic.ic-mr-11{margin-right:11px}.fun-ic.ic-mr-12{margin-right:12px}.fun-ic.ic-mr-13{margin-right:13px}.fun-ic.ic-mr-14{margin-right:14px}.fun-ic.ic-mr-15{margin-right:15px}.fun-ic.ic-mr-16{margin-right:16px}.fun-ic.ic-mr-17{margin-right:17px}.fun-ic.ic-mr-18{margin-right:18px}.fun-ic.ic-mr-19{margin-right:19px}.fun-ic.ic-mr-20{margin-right:20px}.fun-ic.ic-mr-21{margin-right:21px}.fun-ic.ic-mr-22{margin-right:22px}.fun-ic.ic-mr-23{margin-right:23px}.fun-ic.ic-mr-24{margin-right:24px}.fun-ic.ic-mr-25{margin-right:25px}.fun-ic.ic-mr-26{margin-right:26px}.fun-ic.ic-mr-27{margin-right:27px}.fun-ic.ic-mr-28{margin-right:28px}.fun-ic.ic-mr-29{margin-right:29px}.fun-ic.ic-mr-30{margin-right:30px}.fun-ic.ic-mr-31{margin-right:31px}.fun-ic.ic-mr-32{margin-right:32px}.fun-ic.ic-mr-33{margin-right:33px}.fun-ic.ic-mr-34{margin-right:34px}.fun-ic.ic-mr-35{margin-right:35px}.fun-ic.ic-mr-36{margin-right:36px}.fun-ic.ic-mr-37{margin-right:37px}.fun-ic.ic-mr-38{margin-right:38px}.fun-ic.ic-mr-39{margin-right:39px}.fun-ic.ic-mr-40{margin-right:40px}.fun-ic.ic-mr-41{margin-right:41px}.fun-ic.ic-mr-42{margin-right:42px}.fun-ic.ic-mr-43{margin-right:43px}.fun-ic.ic-mr-44{margin-right:44px}.fun-ic.ic-mr-45{margin-right:45px}.fun-ic.ic-mr-46{margin-right:46px}.fun-ic.ic-mr-47{margin-right:47px}.fun-ic.ic-mr-48{margin-right:48px}.fun-ic.ic-mr-49{margin-right:49px}.fun-ic.ic-mr-50{margin-right:50px}.fun-ic.ic-mr-51{margin-right:51px}.fun-ic.ic-mr-52{margin-right:52px}.fun-ic.ic-mr-53{margin-right:53px}.fun-ic.ic-mr-54{margin-right:54px}.fun-ic.ic-mr-55{margin-right:55px}.fun-ic.ic-mr-56{margin-right:56px}.fun-ic.ic-mr-57{margin-right:57px}.fun-ic.ic-mr-58{margin-right:58px}.fun-ic.ic-mr-59{margin-right:59px}.fun-ic.ic-mr-60{margin-right:60px}.fun-ic.ic-mr-61{margin-right:61px}.fun-ic.ic-mr-62{margin-right:62px}.fun-ic.ic-mr-63{margin-right:63px}.fun-ic.ic-mr-64{margin-right:64px}.fun-ic.ic-mr-65{margin-right:65px}.fun-ic.ic-mr-66{margin-right:66px}.fun-ic.ic-mr-67{margin-right:67px}.fun-ic.ic-mr-68{margin-right:68px}.fun-ic.ic-mr-69{margin-right:69px}.fun-ic.ic-mr-70{margin-right:70px}.fun-ic.ic-mr-71{margin-right:71px}.fun-ic.ic-mr-72{margin-right:72px}.fun-ic.ic-mr-73{margin-right:73px}.fun-ic.ic-mr-74{margin-right:74px}.fun-ic.ic-mr-75{margin-right:75px}.fun-ic.ic-mr-76{margin-right:76px}.fun-ic.ic-mr-77{margin-right:77px}.fun-ic.ic-mr-78{margin-right:78px}.fun-ic.ic-mr-79{margin-right:79px}.fun-ic.ic-mr-80{margin-right:80px}.fun-ic.ic-mr-81{margin-right:81px}.fun-ic.ic-mr-82{margin-right:82px}.fun-ic.ic-mr-83{margin-right:83px}.fun-ic.ic-mr-84{margin-right:84px}.fun-ic.ic-mr-85{margin-right:85px}.fun-ic.ic-mr-86{margin-right:86px}.fun-ic.ic-mr-87{margin-right:87px}.fun-ic.ic-mr-88{margin-right:88px}.fun-ic.ic-mr-89{margin-right:89px}.fun-ic.ic-mr-90{margin-right:90px}.fun-ic.ic-mr-91{margin-right:91px}.fun-ic.ic-mr-92{margin-right:92px}.fun-ic.ic-mr-93{margin-right:93px}.fun-ic.ic-mr-94{margin-right:94px}.fun-ic.ic-mr-95{margin-right:95px}.fun-ic.ic-mr-96{margin-right:96px}.fun-ic.ic-mr-97{margin-right:97px}.fun-ic.ic-mr-98{margin-right:98px}.fun-ic.ic-mr-99{margin-right:99px}.fun-ic.ic-mr-100{margin-right:100px}.ic-chat-regular-black{background-image:url(/statics/images/icons/chat-regular-black.png)}.ic-cheron-right-regular-gray{background-image:url(/statics/images/icons/cheron-right-regular-gray.png)}.ic-cheron-right-regular-black{background-image:url(/statics/images/icons/cheron-right-regular-black.png)}.ic-cheron-down-regular-black{background-image:url(/statics/images/icons/cheron-down-regular-black.png)}.ic-cheron-up-regular-black{background-image:url(/statics/images/icons/cheron-up-regular-black.png)}.ic-add-user-regular-black{background-image:url(/statics/images/icons/add-user-regular-black.png)}.ic-quality-regular-black{background-image:url(/statics/images/icons/quality-regular-black.png)}.ic-target-regular-black{background-image:url(/statics/images/icons/target-regular-black.png)}.ic-giftbox-regular-black{background-image:url(/statics/images/icons/giftbox-regular-black.png)}.ic-diamond-regular-black{background-image:url(/statics/images/icons/diamond-regular-black.png)}.ic-secure-shield-regular-black{background-image:url(/statics/images/icons/secure-shield-regular-black.png)}.ic-edit-regular-black{background-image:url(/statics/images/icons/edit-regular-black.png)}.ic-information-regular-black{background-image:url(/statics/images/icons/information-regular-black.png)}.ic-add-user-regular-active{background-image:url(/statics/images/icons/add-user-regular-active.png)}.ic-quality-regular-active{background-image:url(/statics/images/icons/quality-regular-active.png)}.ic-target-regular-active{background-image:url(/statics/images/icons/target-regular-active.png)}.ic-giftbox-regular-active{background-image:url(/statics/images/icons/giftbox-regular-active.png)}.ic-diamond-regular-active{background-image:url(/statics/images/icons/diamond-regular-active.png)}.ic-secure-shield-regular-active{background-image:url(/statics/images/icons/secure-shield-regular-active.png)}.ic-edit-regular-active{background-image:url(/statics/images/icons/edit-regular-active.png)}.ic-information-regular-active{background-image:url(/statics/images/icons/information-regular-active.png)}.ic-gift-code-regular-black{background-image:url(/statics/images/icons/gift-code-regular-black.png)}.ic-nap-regular-black{background-image:url(/statics/images/icons/nap-regular-black.png)}.ic-home-regular-black{background-image:url(/statics/images/icons/home-regular-black.png)}.ic-social-media-facebook-regular-black{background-image:url(/statics/images/icons/social-media-facebook-regular-black.png)}.ic-banner-regular-black{background-image:url(/statics/images/icons/banner-regular-black.png)}.ic-documents-regular-black{background-image:url(/statics/images/icons/documents-regular-black.png)}.ic-login-regular-active{background-image:url(/statics/images/icons/login-regular-active.png)}.ic-disabled-regular-active{background-image:url(/statics/images/icons/disabled-regular-active.png)}.ic-lock-regular-active{background-image:url(/statics/images/icons/lock-regular-active.png)}.ic-logout-regular-active{background-image:url(/statics/images/icons/logout-regular-active.png)}.ic-caret-right{background-image:url(/statics/images/icons/caret-right.png)}.ic-gift-solid{background-image:url(/statics/images/icons/gift-solid.png)}.ic-attendance_1-solid{background-image:url(/statics/images/icons/attendance_1-solid.png)}.ic-attendance_3-solid{background-image:url(/statics/images/icons/attendance_3-solid.png)}.ic-attendance_7-solid{background-image:url(/statics/images/icons/attendance_7-solid.png)}.ic-attendance_30-solid{background-image:url(/statics/images/icons/attendance_30-solid.png)}.ic-opening-times-regular-black{background-image:url(/statics/images/icons/opening-times-regular-black.png)}.ic-lock-regular{background-image:url(/statics/images/icons/lock-regular.png)}.ic-unlock-regular{background-image:url(/statics/images/icons/unlock-regular.png)}.ic-question-regular-active{background-image:url(/statics/images/icons/question-regular-active.png)}.ic-star{background-image:url(/statics/images/icons/star.png)}.ic-cheron-left-regular-base{background-image:url(/statics/images/icons/cheron-left-regular-base.png)}.ic-cheron-right-regular-base{background-image:url(/statics/images/icons/cheron-right-regular-base.png)}.ic-check-circle-grey-solid{background-image:url(/statics/images/icons/check-circle-grey-solid.png)}.ic-check-circle-black-solid{background-image:url(/statics/images/icons/check-circle-black-solid.png)}.ic-check-circle-green-solid{background-image:url(/statics/images/icons/check-circle-green-solid.png)}.ic-messenger{background-image:url(/statics/images/icons/messenger.png)}.ic-phone-call{background-image:url(/statics/images/icons/phone-call.png)}.ic-three-dots{background-image:url(/statics/images/icons/three-dots.png)}.ic-flag{background-image:url(/statics/images/icons/flag.png)}.ic-red-flag{background-image:url(/statics/images/icons/red-flag.png)}.ic-change-owner{background-image:url(/statics/images/icons/change-owner.png)}.ic-kick-out{background-image:url(/statics/images/icons/kick-out.png)}.ic-exchange{background-image:url(/statics/images/icons/exchange.png)}.ic-logout{background-image:url(/statics/images/icons/logout.png)}.ic-exchange-regular-black{background-image:url(/statics/images/icons/exchange-regular-black.png)}.ic-camera{background-image:url(/statics/images/icons/camera.png)}.ic-filter-filled-tool-symbol{background-image:url(/statics/images/icons/filter-filled-tool-symbol.png)}.ic-badge{background-image:url(/statics/images/icons/badge.png)}.ic-option{background-image:url(/statics/images/icons/option.png)}.ic-option-active{background-image:url(/statics/images/icons/option-active.png)}.ic-marvel{background-image:url(/statics/images/icons/marvel.png)}.ic-edit{background-image:url(/statics/images/icons/edit.png)}.ic-chat-regular-white{background-image:url(/statics/images/icons/chat-regular-white.png)}.ic-messenger-regular-black{background-image:url(/statics/images/icons/messenger-regular-black.png)}.ic-zalo-regular-black{background-image:url(/statics/images/icons/zalo-regular-black.png)}.ic-cheron-right-regular-base-2{background-image:url(/statics/images/icons/cheron-right-regular-base-2.png)}.ic-e-next-base{background-image:url(/statics/images/icons/e-next-base.png)}.ic-premium-quality{background-image:url(/statics/images/icons/premium-quality.png)}.ic-trash{background-image:url(/statics/images/icons/trash.png)}.ic-plus-active{background-image:url(/statics/images/icons/plus-active.png)}.ic-plus-disabled{background-image:url(/statics/images/icons/plus-disabled.png)}.ic-users-solid-base{background-image:url(/statics/images/icons/users-solid-base.png)}.ic-cheron-right-regular-white{background-image:url(/statics/images/icons/cheron-right-regular-white.png)}.ic-calendar-gray{background-image:url(/statics/images/icons/calendar-gray.png)}.ic-check-list-gray{background-image:url(/statics/images/icons/check-list-gray.png)}.ic-description-gray{background-image:url(/statics/images/icons/description-gray.png)}.ic-coin-gray{background-image:url(/statics/images/icons/coin-gray.png)}.ic-gift-gray{background-image:url(/statics/images/icons/gift-gray.png)}.ic-un-check{background-image:url(/statics/images/icons/un-check.png)}.ic-check{background-image:url(/statics/images/icons/check.png)}.ic-link{background-image:url(/statics/images/icons/link.png)}.ic-picture{background-image:url(/statics/images/icons/picture.png)}.ic-logout-regular{background-image:url(/statics/images/icons/logout-regular.png)}.ic-edit-white{background-image:url(/statics/images/icons/edit-white.png)}.ic-chat-regular-gray{background-image:url(/statics/images/icons/chat-regular-gray.png)}.ic-search{background-image:url(/statics/images/icons/search.png)}.ic-announcement{background-image:url(/statics/images/icons/announcement.png)}.ic-chat{background-image:url(/statics/images/icons/chat.png)}.ic-check-3{background-image:url(/statics/images/icons/check-3.png)}.ic-user-post{background-image:url(/statics/images/icons/user-post.png)}.ic-push-pin{background-image:url(/statics/images/icons/push-pin.png)}.ic-submit-comment{background-image:url(/statics/images/icons/submit-comment.png)}.ic-submit-comment-disabled{background-image:url(/statics/images/icons/submit-comment-disabled.png)}.ic-cancel-push-pin{background-image:url(/statics/images/icons/cancel-push-pin.png)}.ic-speech-bubble{background-image:url(/statics/images/icons/speech-bubble.png)}.ic-cancel{background-image:url(/statics/images/icons/cancel.png)}.ic-cheron-down-regular-black-2{background-image:url(/statics/images/icons/cheron-down-regular-black-2.png)}.ic-badge-2{background-image:url(/statics/images/icons/badge-2.png)}.ic-flag-2{background-image:url(/statics/images/icons/flag-2.png)}.ic-svg-navigation-menu{background-image:url(/statics/images/icons/navigation-menu.svg)}.ic-svg-e-back-black{background-image:url(/statics/images/icons/e-back-black.svg)}.ic-svg-check{background-image:url(/statics/images/icons/check.svg)}.ic-svg-check-3{background-image:url(/statics/images/icons/check-3.svg)}.ic-svg-delete{background-image:url(/statics/images/icons/delete.svg)}.ic-svg-premium-quality{background-image:url(/statics/images/icons/premium-quality.svg)}.ic-svg-owner{background-image:url(/statics/images/icons/owner.svg)}.ic-svg-members-gray{background-image:url(/statics/images/icons/members-gray.svg)}.ic-svg-more-horizontal{background-image:url(/statics/images/icons/more-horizontal.svg)}.ic-svg-check-circle-green-regular{background-image:url(/statics/images/icons/check-circle-green-regular.svg)}.ic-svg-add-user-regular-white{background-image:url(/statics/images/icons/add-user-regular-white.svg)}.ic-svg-out-guild{background-image:url(/statics/images/icons/out-guild.svg)}.ic-svg-disable{background-image:url(/statics/images/icons/disable.svg)}.ic-svg-e-back-black{width:25px;height:15px}.ic-lock{background-image:url(/statics/images/lock.svg)}.ic-white-star{background-image:url(/statics/images/fav-list-white.svg)}.ic-request-active{background-image:url(/statics/images/request-active.svg)}.ic-time{background-image:url(/statics/images/time.svg)}.ic-more{background-image:url(/statics/images/more-horizontal.svg)}.ic-facebook-round{background-image:url(/statics/images/facebook-round.svg)}.ic-facebook-group{background-image:url(/statics/images/facebook-group.svg)}.ic-users-white{background-image:url(/statics/images/users-white.svg)}.ic-homepage{background-image:url(/statics/images/house-2.svg)}.ic-playfun{background-image:url(/statics/images/playfun-icon.svg)}.ic-nap{background-image:url(/statics/images/fun-card-logo.svg)}.ic-more-info{background-image:url(/statics/images/more-info.svg)}.ic-eclose{background-image:url(/statics/images/e-close.svg)}.ic-eclose-black{background-image:url(/statics/images/e-close-black.svg)}.ic-check-white{background-image:url(/statics/images/check-white.svg)}.ic-check-2{background-image:url(/statics/images/check-2.svg)}.ic-shield-active{background-image:url(/statics/images/shield-active.svg)}.ic-members-active{background-image:url(/statics/images/members.svg)}.ic-gear{background-image:url(/statics/images/gear.svg)}.ic-alert-dot{background-image:url(/statics/images/alert-dot.svg)}.ic-error{background-image:url(/statics/images/error.svg)}.ic-gift{background-image:url(/statics/images/gift.png)}.ic-sort{background-image:url(/statics/images/sort-tool.svg)}.ic-homepage-promo{background-image:url(/statics/images/homepage-promo.svg)}.ic-facebook-promo{background-image:url(/statics/images/facebook-promo.svg)}.ic-giftcode-promo{background-image:url(/statics/images/giftcode-promo.svg)}.ic-nap-promo{background-image:url(/statics/images/nap-promo.svg)}.ic-group-chat{background-image:url(/statics/images/icons/group-chat.svg)}.ic-group-chat-blue{background-image:url(/statics/images/icons/group-chat-blue.png)}.ic-check-circle-grey{background-image:url(/statics/images/icons/check-circle-grey-regular.svg)}.ic-policy-solid-active{background-image:url(/statics/images/icons/policy-solid-active.svg)}.ic-playfun-solid-active{background-image:url(/statics/images/icons/playfun-solid-active.svg)}.ic-funcard-solid-active{background-image:url(/statics/images/icons/funcard-solid-active.svg)}.ic-game-solid-active{background-image:url(/statics/images/icons/game-solid-active.svg)}.ic-nap{background-image:url(/statics/images/icons/nap.svg)}.ic-nap-solid-active{background-image:url(/statics/images/icons/nap-solid-active.svg)}.ic-nap-active{background-image:url(/statics/images/icons/nap-active.svg)}.ic-giftcode{background-image:url(/statics/images/icons/giftcode.svg)}.ic-giftcode-solid-active{background-image:url(/statics/images/icons/giftcode-solid-active.svg)}.ic-giftcode-active{background-image:url(/statics/images/icons/giftcode-active.svg)}.ic-account{background-image:url(/statics/images/icons/account.svg)}.ic-account-solid-active{background-image:url(/statics/images/icons/account-solid-active.svg)}.ic-account-active{background-image:url(/statics/images/icons/account-active.svg)}.ic-info{background-image:url(/statics/images/icons/info.svg)}.ic-info-solid-active{background-image:url(/statics/images/icons/info-solid-active.svg)}.ic-info-active{background-image:url(/statics/images/icons/info-active.svg)}.ic-users-solid-white{background-image:url(/statics/images/icons/users-solid-white.png)}.ic-users-solid-grey{background-image:url(/statics/images/icons/users-solid-grey.png)}.ic-guild-solid-white{background-image:url(/statics/images/icons/guild-solid-white.png)}.ic-right-arrow-regular-white{background-image:url(/statics/images/icons/right-arrow-regular-white.png)}.ic-reward-solid-active{background-image:url(/statics/images/icons/reward-solid-active.svg)}.ic-up-solid-green{background-image:url(/statics/images/icons/up-solid-green.png)}.ic-down-solid-red{background-image:url(/statics/images/icons/down-solid-red.png)}.one-line-ellipsis{white-space:nowrap}.one-line-ellipsis,.two-line-ellipsis{overflow:hidden;text-overflow:ellipsis}.two-line-ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.base-color{color:#ff753a}.lds-ring{display:inline-block;position:relative;width:64px;height:64px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:51px;height:51px;margin:6px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:6px solid transparent;border-top-color:#f14308}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}.lds-ring-mini{display:inline-block;position:relative;width:30px;height:30px}.lds-ring-mini div{box-sizing:border-box;display:block;position:absolute;width:25px;height:25px;margin:6px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid transparent;border-top-color:#f14308}.lds-ring-mini div:first-child{animation-delay:-.45s}.lds-ring-mini div:nth-child(2){animation-delay:-.3s}.lds-ring-mini div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-area{height:120px;position:relative}.loading-area>div{background-color:transparent!important}body{background-color:#dedede;font-family:Quicksand,sans-serif;font-weight:500;letter-spacing:-.41px}#app{max-width:768px;min-height:100vh;margin:0 auto;background-color:#fff}#app,#main{display:flex;flex-direction:column}#main{flex-grow:1}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.text-center{text-align:center}.empty-here{padding-top:70px;display:flex;flex-direction:column;background-color:#fff;flex-grow:1}.empty-here img{height:158px}.empty-here .second-title{font-weight:600;font-size:22px;line-height:28px;text-align:center;display:block}.empty-here .empty-here-content{text-align:center;padding:10px 0 23px;line-height:22px}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.main-header ul{margin:0}.main-header nav{flex:0 1 50px;padding:0 15px;display:flex;justify-content:center}.main-header nav #menuToggle{display:flex;position:relative;z-index:1;-webkit-user-select:none;user-select:none;cursor:pointer}.main-header nav #menuToggle span.ic-svg-e-back-black{width:25px;height:15px}#app.menu-showed{position:absolute;top:0;bottom:0;left:0;right:0;filter:blur(10px);overflow:hidden}.menu-overlay{opacity:0;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5)}.menu-overlay .sidebar-wrap{position:relative;width:100%;height:100%;max-width:768px;margin:0 auto;overflow:hidden}.menu-overlay .sidebar-close{width:44px;height:44px;top:50%;left:309px;display:flex;border:1.5px solid #c7c7cc;border-radius:50%;justify-content:center;align-items:center;transform:translate(-287px)}.menu-overlay #menu,.menu-overlay .sidebar-close{position:absolute;transition:transform .5s cubic-bezier(.77,.2,.05,1)}.menu-overlay #menu{width:287px;height:100vh;margin:0;padding:0;background:#fff;list-style-type:none;-webkit-font-smoothing:antialiased;transform:translate(-100%)}.menu-overlay #menu>li{border-top:8px solid #f7f7f7}.menu-overlay #menu>li.menu-logo{border-top:none}.menu-overlay #menu>li.menu-logo>ul>li{padding-left:15px}.menu-overlay #menu>li>ul{list-style-type:none;padding:0}.menu-overlay #menu>li>ul>li{padding:17px 0 16px 20px;border-bottom:1px solid #f2f2f2}.menu-overlay #menu>li a{display:flex;align-items:center;color:#000;font-size:17px;line-height:22px;cursor:pointer}.menu-overlay #menu>li a span.fun-ic{width:20px;height:20px;margin-right:11px}.menu-overlay #menu input:checked~ul{transform:none}.menu-overlay.menu-showed{opacity:1;width:100%;height:100%}.menu-overlay.menu-showed #menu,.menu-overlay.menu-showed .sidebar-close{transform:translate(0)}section{padding:20px 16px}section .title{display:flex;align-items:center}section .title h2{font-weight:700;font-size:17px;line-height:21px;display:flex;margin:0;position:relative}section .title h2 span{margin-left:8px}section .title a{color:#ff753a;font-size:13px;line-height:20px;margin-left:auto}.home-banner{position:relative;width:100%;padding-top:38.4%;background-image:url(/statics/images/banners/20210506-banghoi-banner.png);background-position:50%;background-size:cover;background-repeat:no-repeat}.home-banner .banner-content{position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.75);text-align:center;display:flex;flex-direction:column;justify-content:center}.home-banner .banner-content h1{font-weight:700;font-size:20px;line-height:30px;color:#ffe600;text-transform:capitalize;margin:0}.home-banner .banner-content p{margin:4px 0 17px;padding:0 6%;font-size:13px;line-height:22px;letter-spacing:-.41px;color:#fff}.home-banner .banner-content .guild-nav a{display:inline-block;padding:6px 12px;border:1px solid #ff753a;border-radius:100px;margin:0 6px;font-weight:600;font-size:13px;line-height:22px;letter-spacing:-.41px;cursor:pointer;background-color:#ff753a;color:#fff}.home-banner .banner-content .guild-nav a.request-join-guild{background-color:rgba(0,0,0,.6);color:#ff753a}.home-events .list-top-events .single-event-wrapper{padding:12px}.home-events .list-top-events .single-event{display:flex;position:relative;background:#fff;box-shadow:0 0 12px rgba(123,123,123,.3);border-radius:10px;padding:12px;background-size:cover;background-repeat:no-repeat}.home-events .list-top-events .single-event.top-guild-bg{background-image:url(/statics/images/homepage/top-guild-bg.png)}.home-events .list-top-events .single-event.top-member-bg{background-image:url(/statics/images/homepage/top-member-bg.png)}.home-events .list-top-events .single-event .end-soon{position:absolute;background-image:url(/statics/images/homepage/endsoon.svg);width:55px;height:55px;right:-5px;top:-5px;display:flex;justify-content:center}.home-events .list-top-events .single-event .end-soon p{font-weight:500;font-size:9px;line-height:11px;align-items:center;color:#fff;transform:rotate(44.08deg)}.home-events .list-top-events .single-event .event-icon{flex:1 0 44px;max-width:44px;display:flex}.home-events .list-top-events .single-event .event-info{flex-grow:1;padding-left:20px}.home-events .list-top-events .single-event .event-info .game-title{font-weight:500;font-size:10px;line-height:20px;color:#c11a1a;margin-bottom:6px}.home-events .list-top-events .single-event .event-info .event-title{font-weight:700;font-size:14px;line-height:20px;margin-bottom:4px}.home-events .list-top-events .single-event .event-info .current-rank{font-size:10px;line-height:20px;margin-bottom:12px}.home-events .list-top-events .single-event .event-info .current-rank span{font-weight:700;font-size:12px;color:#ff753a}.home-events .list-top-events .single-event .event-info .actions{display:flex}.home-events .list-top-events .single-event .event-info .actions a.fun-btn{font-weight:700;font-size:10px;line-height:16px;background-color:#fff;color:#ff753a;border-radius:12px;padding:4px 0;width:92px;margin-right:8px;border:1px solid #ff753a}.home-events .list-top-events .single-event .event-info .actions a.fun-btn.active{color:#fff;background-color:#ff753a}.home-old-guilds .migration-guild{padding:0}.home-old-guilds .migration-guild .head-line{font-weight:700;font-size:17px;line-height:21px;display:inline-block;margin:5px 0 16px;position:relative;padding-left:11px}.home-old-guilds .migration-guild .head-line:before{content:" ";width:3px;height:21px;border-radius:13px;background-color:#ff753a;position:absolute;top:0;left:0}.home-old-guilds .migration-guild .list-old-guilds{margin:0 -16px}.home-old-guilds .migration-guild .list-old-guilds .single-old-guild{padding:16px}.home-top-guilds .list-top-guilds .top-guild{display:flex;align-items:center;background-color:#fff7ec;margin-top:12px;padding:14px 12px 14px 8px;border-radius:10px}.home-top-guilds .list-top-guilds .top-guild .badge-top img{width:40px}.home-top-guilds .list-top-guilds .top-guild p.top-index{font-weight:700;font-size:20px;line-height:20px;margin:0 0 0 6px}.home-top-guilds .list-top-guilds .top-guild .guild-avatar{margin-left:11px}.home-top-guilds .list-top-guilds .top-guild .guild-with-games{flex-grow:1;margin-left:11px}.home-top-guilds .list-top-guilds .top-guild .guild-with-games h4.guild-name{font-size:14px;line-height:20px;margin:0 0 5px}.home-top-guilds .list-top-guilds .top-guild .guild-with-games .games-and-points{display:flex;align-items:center}.home-top-guilds .list-top-guilds .top-guild .guild-with-games .games-and-points img.game-icon{width:18px;height:18px;border-radius:50%;margin-right:6px}.home-top-guilds .list-top-guilds .top-guild .guild-with-games .games-and-points .point{margin-left:auto;display:flex;align-items:center;font-weight:700;font-size:12px}.home-suggestion .list-suggestion-guilds{margin:17px -16px 14px -12px}.home-suggestion .list-suggestion-guilds .suggestion-guild{padding:12px}.home-suggestion .list-suggestion-guilds .suggestion-guild .wrapper{display:flex;flex-direction:column;align-items:center;background:#fff;box-shadow:0 0 12px rgba(123,123,123,.3);border-radius:10px;padding:15px 9px 18px;color:#000}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-name{font-size:14px;line-height:20px;margin:12px 0 0;display:flex;align-items:center}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-games{display:flex;margin:6px 0 0;min-height:18px}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-games img{width:18px;height:18px;border-radius:50%;margin:0 3px}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-info{align-self:stretch;display:flex;justify-content:space-between;margin:14px 0 0;font-size:11px;line-height:14px}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-info p{color:#8e8e93;margin:0 0 3px}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-info .detail{display:flex;align-items:center}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-info .detail span{color:#000}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-info .detail span.max-members{font-size:9px;color:#8c8c8c}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-info .guild-owner{flex:1 0 50%;max-width:50%}.home-suggestion .list-suggestion-guilds .suggestion-guild .guild-info .separator{width:1px;height:32px;background-color:#e5e5ea}.home-participate{background-color:#f7f7f7}.home-participate .participate-guild{padding:11px 0}.home-benefits{margin-top:20px}.home-benefits .benefits{display:flex;padding-top:29px;flex-wrap:wrap}.home-benefits .benefits .benefit{flex-grow:1;flex-shrink:0;flex-basis:calc(50% - 12px);display:flex;flex-direction:column;align-items:center;border-radius:10px;box-shadow:0 0 12px rgba(123,123,123,.3);padding:13px 12px 14px;margin:6px 0}.home-benefits .benefits .benefit .benefit-img{display:flex}.home-benefits .benefits .benefit .benefit-img img{max-width:100%;max-height:65px}.home-benefits .benefits .benefit p{flex-grow:1;font-size:15px;line-height:20px;text-align:center;margin:0;padding:12px 12px 0}.home-benefits .benefits .benefit:first-of-type{margin-right:13px}.home-benefits .benefits .benefit:last-of-type{flex-direction:row;margin-top:22px}.home-benefits .benefits .benefit:last-of-type p{padding:0}.home-achievements .achievements{display:flex;flex-wrap:wrap;justify-content:center}.home-achievements .achievements .achievement{flex:0 0 50%;max-width:50%;text-align:center;padding-bottom:20px}.home-achievements .achievements .achievement p{margin:0;font-size:15px;line-height:22px}.home-achievements .achievements .achievement p.achievement-count{font-weight:700;color:#ff753a;font-size:30px;line-height:30px;margin-bottom:8px;position:relative}.home-achievements .achievements .achievement p.achievement-count sup{position:absolute;top:15%}.home-games{padding-bottom:15px}.home-games .top-games .top-games-title{text-align:center;padding:25px 0 16px}.home-games .top-games .top-games-title img{width:95px}.home-games .top-games .top-games-title p{font-weight:600;font-size:15px;line-height:24px;margin:8px 0 0}.home-games .top-games .top-games-list{display:flex;flex-wrap:wrap;justify-content:space-between}.home-games .top-games .top-games-list .top-game{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 4px);max-width:calc(50% - 4px);background-color:#ff753a;margin:21px 0;border-radius:10px}.home-games .top-games .top-games-list .top-game.order-1{background:linear-gradient(85.91deg,#ff976e,#ff5776)}.home-games .top-games .top-games-list .top-game.order-2{background:linear-gradient(85.91deg,#fbd563,#ff7714)}.home-games .top-games .top-games-list .top-game.order-3{background:linear-gradient(85.91deg,#ffc8e5,#f859a9)}.home-games .top-games .top-games-list .top-game.order-4{background:linear-gradient(85.91deg,#d6b7fb,#9063ff)}.home-games .top-games .top-games-list .top-game .top-game-icon{width:70px;height:70px;border:3px solid #fff;border-radius:16px;overflow:hidden;margin:-21px auto 0;position:relative}.home-games .top-games .top-games-list .top-game .top-game-icon:after{position:absolute;display:flex;align-items:flex-end;justify-content:center;top:-20px;right:-23px;color:#fff;width:46px;height:23px;transform-origin:left;transform:rotate(45deg);font-weight:700;font-size:10px;line-height:14px;text-transform:uppercase}.home-games .top-games .top-games-list .top-game .top-game-icon.is-hot:after{content:"hot";background-color:red}.home-games .top-games .top-games-list .top-game .top-game-icon.is-new:after{content:"new";background-color:#39c541}.home-games .top-games .top-games-list .top-game .top-game-icon img{width:100%;height:100%}.home-games .top-games .top-games-list .top-game .top-game-info{padding:9px 6px 21px}.home-games .top-games .top-games-list .top-game .top-game-info .top-game-title{margin:0;text-align:center;font-weight:700;font-size:15px;line-height:24px;color:#fff}.home-games .top-games .top-games-list .top-game .top-game-stats{display:flex;justify-content:space-evenly;color:#fff}.home-games .top-games .top-games-list .top-game .top-game-stats p{display:flex;margin:4px 0 0;align-items:center;font-weight:700;font-size:10px;line-height:16px;letter-spacing:-.08px}.home-games .top-games .top-games-list .top-game .top-game-stats p .fun-ic{width:16px;height:16px;margin-right:5px}.home-games .other-games .other-games-title p{margin:0 0 4px;font-weight:600;font-size:15px;line-height:24px;letter-spacing:.22px}.home-games .other-games .other-games-list .other-game{display:flex;align-items:center;border-top:1px solid #f4f4f4;padding:8px 0 9px}.home-games .other-games .other-games-list .other-game:first-of-type{border-top:none}.home-games .other-games .other-games-list .other-game .other-game-icon{width:40px;height:40px;border-radius:8px;overflow:hidden}.home-games .other-games .other-games-list .other-game .other-game-icon img{width:100%}.home-games .other-games .other-games-list .other-game p{font-size:15px;line-height:20px;letter-spacing:-.24px;margin:0 0 0 10px;max-width:64%}.home-games .other-games .other-games-list .other-game p.total-joined-members{margin-left:auto;font-size:12px;color:#8e8e93}.home-games .other-games .other-games-list .other-game p.total-joined-members span{display:none}.home-games .other-games .other-games-list.with-slider{display:none;margin-right:-16px}.home-games .other-games .other-games-list.with-slider .other-game{flex-direction:column;align-items:flex-start}.home-games .other-games .other-games-list.with-slider .other-game .other-game-icon{width:109px;height:109px;border:16px}.home-games .other-games .other-games-list.with-slider .other-game p{margin:13px 0 0}.home-games .other-games .other-games-list.with-slider .other-game p.total-joined-members{margin:7px 0 0}@media screen and (min-width:768px){section{padding:20px 24px 30px}section .title h2{font-size:28px;padding-bottom:14px}.home-banner .banner-content h1{font-size:40px;line-height:48px}.home-banner .banner-content p{margin-top:15px;font-size:17px;line-height:22px}.home-banner .banner-content .guild-nav a{padding:11px 35px;font-size:17px;line-height:22px}.home-benefits .benefits{flex-direction:row;justify-content:space-between;padding-top:40px}.home-benefits .benefits .benefit{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3 - 16px);max-width:calc(100% / 3);flex-direction:column;padding:24px 0 22px}.home-benefits .benefits .benefit .benefit-img{flex:0 0 auto;max-width:100%;min-height:150px;align-items:center;margin-bottom:20px}.home-benefits .benefits .benefit .benefit-img img{max-width:100%;max-height:unset}.home-benefits .benefits .benefit p{flex-grow:1;padding:0 16%;font-size:17px;line-height:22px;text-align:center;margin:0}.home-benefits .benefits .benefit:first-of-type{margin-right:0}.home-benefits .benefits .benefit:last-of-type{flex-direction:column;margin-top:6px}.home-benefits .benefits .benefit:last-of-type p{padding:0 16%}.home-achievements{padding-bottom:26px}.home-achievements .achievements .achievement{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3);max-width:calc(100% / 3)}.home-achievements .achievements .achievement p{font-size:17px}.home-achievements .achievements .achievement p.achievement-count{font-size:40px;line-height:40px;margin-bottom:16px}.home-games{padding-bottom:37px}.home-games .top-games .top-games-title{padding:33px 0 16px}.home-games .top-games .top-games-title img{width:140px}.home-games .top-games .top-games-title p{font-size:20px;line-height:24px;margin-top:20px}.home-games .top-games .top-games-list .top-game{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 10px);max-width:calc(50% - 10px);display:flex}.home-games .top-games .top-games-list .top-game .top-game-icon{width:93px;height:93px;margin:-21px 12px 17px 16px;flex:0 0 93px;max-width:93px}.home-games .top-games .top-games-list .top-game .top-game-info{padding:17px 0 0;flex-grow:1;flex-shrink:0;flex-basis:calc(100% - 121px);max-width:calc(100% - 121px)}.home-games .top-games .top-games-list .top-game .top-game-info .top-game-title{text-align:left;font-size:20px;line-height:24px}.home-games .top-games .top-games-list .top-game .top-game-stats{justify-content:flex-start}.home-games .top-games .top-games-list .top-game .top-game-stats p{margin:9px 15px 0 0;font-size:13px;line-height:16px}.home-games .other-games .other-games-title p{margin:29px 0 20px;font-size:20px;line-height:24px}.home-games .other-games .other-games-list{display:none;flex-wrap:wrap;justify-content:space-between}.home-games .other-games .other-games-list .other-game{flex-direction:column;align-items:flex-start;flex:0 0 20%;max-width:20%}.home-games .other-games .other-games-list .other-game .other-game-icon{width:109px;height:109px;border-radius:16px}.home-games .other-games .other-games-list .other-game p{margin:13px 0 0;font-size:15px;line-height:20px;max-width:109px}.home-games .other-games .other-games-list .other-game p.total-joined-members{margin:7px 0 0;font-size:13px;line-height:16px}.home-games .other-games .other-games-list.with-slider{display:block}.home-games .other-games .other-games-list.with-slider .other-game{flex:0 0 auto;max-width:unset}.home-games .other-games .other-games-list.with-slider .other-game p.total-joined-members{display:flex;align-items:center}.home-games .other-games .other-games-list.with-slider .other-game p.total-joined-members span{display:inline-block;width:16p;height:16px}}.company-intro{padding:30px 0;background-color:#f7f7f7;text-align:center}.company-intro .company-logo{display:flex;justify-content:center;margin-bottom:11px;gap:8px}.company-intro .company-logo img{height:60px;width:auto}@media screen and (min-width:768px){.company-intro .company-logo img{height:70px}}.company-intro p{color:#61616a;font-size:13px;line-height:16px;margin:5px 0}.guild{display:flex;flex-direction:column;flex-grow:1}.guild .main-content{padding:16px}@media screen and (min-width:768px){.guild .main-content{padding:24px}}.guild .create-guild,.guild .edit-guild{padding:16px}.guild .create-guild .fun-form .form-check .form-check-label,.guild .edit-guild .fun-form .form-check .form-check-label{display:flex;align-items:center;font-weight:500;line-height:20px;font-size:14px;color:#1a1a1a;margin:18px 0 12px}.guild .create-guild .fun-form .form-check .form-check-label p,.guild .edit-guild .fun-form .form-check .form-check-label p{margin:0}.guild .create-guild .fun-form .form-check .form-check-label input,.guild .edit-guild .fun-form .form-check .form-check-label input{margin-right:6px}.guild .create-guild .fun-form .form-check .form-check-label span,.guild .edit-guild .fun-form .form-check .form-check-label span{margin-left:3px;color:#ff753a}.guild .create-guild .fun-form .form-check.has-error .form-check-label,.guild .edit-guild .fun-form .form-check.has-error .form-check-label{color:red}.guild .filter-and-order-guild{padding:16px;display:flex;align-items:center;flex-wrap:wrap}.guild .filter-and-order-guild .filter-guild{position:relative;flex-basis:0;flex-grow:1}.guild .filter-and-order-guild .filter-guild input{width:100%;border:none;background:#f4f4f4;padding:6px 13px 6px 35px;border-radius:5px;outline:none;-webkit-appearance:none;font-weight:500;font-size:14px;line-height:20px}.guild .filter-and-order-guild .filter-guild input::placeholder{color:#8e8e93}.guild .filter-and-order-guild .filter-guild span.fun-ic{position:absolute;left:7px;top:5px}.guild .filter-and-order-guild .order-guild .input-sort{display:flex;align-items:center;justify-content:flex-end;border-radius:5px;padding:3px 8px 3px 10px;cursor:pointer;font-weight:500;font-size:14px;line-height:20px;color:#61616a}.guild .filter-and-order-guild .order-guild .input-sort .filter-status{display:flex;margin-left:9px;position:relative}.guild .filter-and-order-guild .order-guild .input-sort .filter-status .ic-badge{position:absolute;top:-6px;right:-6px}.guild .filter-and-order-guild .order-guild .order-guild__control{min-height:32px;border-color:#e5e5ea}.guild .filter-and-order-guild .order-guild .order-guild__control .order-guild__value-container{padding:0 8px}.guild .filter-and-order-guild .order-guild .order-guild__control .order-guild__indicator-separator{opacity:0}.guild .filter-and-order-guild .order-guild .order-guild__control .order-guild__indicator{padding:6px 8px}.guild .filter-and-order-guild .order-guild .order-guild__menu .order-guild__option{background-color:#fff}.guild .filter-and-order-guild .order-guild .order-guild__menu .order-guild__option:hover{background-color:#e5e5ea}.guild .filter-and-order-guild .order-guild .order-guild__menu .order-guild__option.order-guild__option--is-selected{background-color:#ff753a}.guild__ctrl-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 0}.guild-detail,.my-guild-detail{display:flex;flex-direction:column;flex-grow:1;background-color:#f3f4f4}.guild-profile{padding:0 16px;box-shadow:0 4px 12px rgba(68,68,68,.02),0 4px 8px rgba(68,68,68,.1);background-color:#fff;background-image:url(/statics/images/guild-profile-bg.png);background-size:cover;background-repeat:no-repeat;background-position:top;border-radius:0 0 16px 16px}.guild-profile .guild-avatar-and-name{position:relative}.guild-profile .guild-avatar-and-name .guild-avatar-and-badge{position:relative;padding:24px 0 0}.guild-profile .guild-avatar-and-name .guild-avatar-and-badge .guild-badge{position:absolute;bottom:0;right:calc(50% - 50px);width:35px;height:35px;background-color:#fff;border-radius:50%;padding:2px}.guild-profile .guild-avatar-and-name .guild-avatar-and-badge .guild-badge img{width:100%;height:100%}.guild-profile .guild-avatar-and-name .guild-avatar{border:1px solid rgba(0,0,0,.5);margin:0 auto}.guild-profile .guild-avatar-and-name .guild-name-and-role{text-align:center;margin-top:14px;color:#fff}.guild-profile .guild-avatar-and-name .guild-name-and-role p{margin:0}.guild-profile .guild-avatar-and-name .guild-name-and-role p.guild-name{font-weight:700;font-size:20px;line-height:20px}.guild-profile .guild-avatar-and-name .guild-name-and-role p.guild-id{margin-top:8px;font-weight:700;font-size:16px;line-height:16px}.guild-profile .guild-avatar-and-name .guild-name-and-role p.role-in-guild{margin-top:8px;font-size:13px;line-height:16px}.guild-profile .guild-avatar-and-name .actions-edit{position:absolute;top:24px;right:0;width:32px;height:32px;display:flex;border-radius:50%;background-color:rgba(33,33,33,.35)}.guild-profile .guild-avatar-and-name .actions-edit a{display:flex;margin:auto}.guild-profile .guild-stats{margin-top:16px;background-color:rgba(33,33,33,.35);border-radius:8px 8px 0 0;padding:18px 20px 0}.guild-profile .guild-stats p{margin:0}.guild-profile .guild-stats .members-stats{display:flex;align-items:center;justify-content:space-between}.guild-profile .guild-stats .joined-members-stats,.guild-profile .guild-stats .requested-members-stats{font-weight:600;font-size:20px;line-height:16px;letter-spacing:.2px;color:#fff}.guild-profile .guild-stats .joined-members-stats p,.guild-profile .guild-stats .requested-members-stats p{display:inline-block;margin-left:6px;font-size:13px;line-height:16px}.guild-profile .guild-stats .guild-contacts,.guild-profile .guild-stats .request-join-guild{display:flex}.guild-profile .guild-stats .guild-contacts a,.guild-profile .guild-stats .request-join-guild a{width:139px;background-color:#ff753a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff}.guild-profile .guild-stats .guild-contacts a.regular,.guild-profile .guild-stats .request-join-guild a.regular{background-color:#fff;color:#ff753a;border-color:#ff753a}.guild-profile .guild-stats .guild-contacts.disabled a,.guild-profile .guild-stats .request-join-guild.disabled a{color:#8e8e93;background-color:#e5e5ea}.guild-dashboard{padding:20px 16px}.guild-section{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);border-radius:8px;padding:14px 12px 18px;margin-bottom:22px}.guild-section:last-of-type{margin-bottom:0}.guild-section a{color:#ff753a}.guild-section .section-header{display:flex;align-items:center}.guild-section .section-header p{color:#ff753a;font-weight:700;font-size:16px;line-height:19px;margin:0;border-left:4px solid #ff753a;padding-left:10px;text-transform:uppercase}.guild-section .section-header a{margin-left:auto;font-size:13px}.guild-section .section-header a.section-link.disabled{color:#8e8e93}.guild-section .section-content .is-empty{text-align:center;padding:40px 0 20px}.guild-section .section-content .is-empty .fun-btn.active{color:#fff;width:110px;margin:18px auto 0}.guild-section .section-footer{padding:14px 0 0}.guild-section .section-footer a{font-size:15px;display:flex;align-items:center;justify-content:center}.guild-verify .section-content .verify-condition{display:flex;align-items:center;margin-top:16px}.guild-verify .section-content .verify-condition .fun-btn{max-width:80px;padding:7px 0;font-size:13px;line-height:16px;margin-left:auto}.guild-verify .section-content .verify-condition.success{color:#39c541}.guild-news{position:relative}.guild-news .list-news{margin-top:12px}.guild-news .list-news .single-news{display:flex;padding:8px 0 12px;box-shadow:inset 0 -1px 0 #e8e8e8}.guild-news .list-news .single-news a{display:flex;align-items:center;flex-grow:1;z-index:1}.guild-news .list-news .single-news .btn-action{position:absolute;display:flex;right:0;z-index:2}.guild-news .list-news .single-news .btn-action span{cursor:pointer}@media screen and (min-width:768px){.guild-news .list-news .single-news .btn-action span{width:24px;height:24px}}.guild-news .list-news .single-news .news-detail{flex-grow:1;flex-shrink:0;flex-basis:calc(100% - 36px);max-width:calc(100% - 36px)}.guild-news .list-news .single-news .news-detail .news-content{font-size:15px;line-height:19px;color:#000}.guild-news .list-news .single-news .news-detail .news-content p{margin:0}.guild-news .list-news .single-news .news-detail .news-info{display:flex;margin-top:6px;font-size:12px;line-height:16px;color:#1e1e1e}.guild-news .list-news .single-news .news-detail .news-info>p{margin:0 0 0 12px;display:flex;align-items:center}.guild-news .list-news .single-news .news-detail .news-info>p:first-of-type{margin-left:auto}.guild-news .submit-news{position:fixed;right:20px;bottom:79px;z-index:3;display:flex;background-color:#fff;border-radius:50%}@media(min-width:768px){.guild-news .submit-news{right:calc(50% - 350px)}}.guild-news.section-detail{padding:16px;flex-grow:1;display:flex;flex-direction:column}.guild-news.section-detail .filter-and-order-guild{padding:0}.guild-news.section-detail .list-news .single-news{position:relative}.guild-news.section-detail .list-news .single-news a{padding-right:16px}.guild-news.section-detail .list-news .single-news .news-detail .news-info{margin-right:0}.guild-news.section-detail .single-news-detail{padding-bottom:50px}.guild-news.section-detail .single-news-detail .header{display:flex;margin-bottom:19px}.guild-news.section-detail .single-news-detail .header .user-info{margin-left:14px}.guild-news.section-detail .single-news-detail .header .user-info h4{font-weight:700;font-size:17px;line-height:20px;margin:0 0 4px}.guild-news.section-detail .single-news-detail .header .user-info p{margin:0;font-size:13px;line-height:16px;color:#61616a}.guild-news.section-detail .single-news-detail .header .actions-edit{margin-left:auto}.guild-news.section-detail .single-news-detail .news-detail{padding-bottom:10px}.guild-news.section-detail .single-news-detail .news-detail .news-content{margin-bottom:20px}.guild-news.section-detail .single-news-detail .news-detail .news-content p{margin:0}.guild-news.section-detail .single-news-detail .news-detail .news-time{font-size:12px;line-height:16px;color:#1e1e1e}.guild-news.section-detail .single-news-detail .news-comments{border-top:1px solid #e8e8e8}.guild-news.section-detail .single-news-detail .news-comments h5{font-size:15px;line-height:19px;margin:12px 0 18px}.guild-news.section-detail .single-news-detail .news-comments .single-comment{display:flex;padding:6px 0 0;margin-bottom:6px}.guild-news.section-detail .single-news-detail .news-comments .single-comment .guild-avatar{margin-top:6px}.guild-news.section-detail .single-news-detail .news-comments .single-comment .comment-detail{margin-left:13px;box-shadow:inset 0 -1px 0 #e8e8e8;padding:2px 0 12px;flex:1 1}.guild-news.section-detail .single-news-detail .news-comments .single-comment .comment-detail .comment-info{display:flex;justify-content:space-between}.guild-news.section-detail .single-news-detail .news-comments .single-comment .comment-detail .comment-info .user-info h4{margin:0;font-size:15px;line-height:20px}.guild-news.section-detail .single-news-detail .news-comments .single-comment .comment-detail .comment-info .user-info p{margin:0;font-size:15px;line-height:20px;color:#61616a}.guild-news.section-detail .single-news-detail .news-comments .single-comment .comment-detail .comment-info .comment-time{font-size:12px;line-height:16px;color:#1e1e1e}.guild-news.section-detail .single-news-detail .news-comments .single-comment .comment-detail .comment-content{margin-top:10px;font-size:14px;line-height:17px}.guild-news.section-detail .submit-comment{position:fixed;bottom:0;width:100%;max-width:768px;background-color:#fff;margin:0 -16px;padding:10px 16px;border-top:1px solid #e4e4e4;display:flex;align-items:center;justify-content:space-between}.guild-news.section-detail .submit-comment .form-group{margin:0;flex:1 1 auto}.guild-news.section-detail .submit-comment .form-group.actions{margin-left:auto;flex-grow:0}.guild-news.section-detail .submit-comment textarea{border:none;resize:none;background:#f3f4f4;border-radius:30px;font-size:14px;line-height:20px;padding:7px 0 6px 12px}.guild-news.section-detail .submit-comment button{border:none;border-radius:50%;padding:0 0 0 9px;background:none}.guild-news.submit-news form textarea{border:none;resize:none}.guild-news.submit-news form .actions{display:flex;align-items:center;padding:16px}.guild-news.submit-news form .actions .user-info{margin-left:14px}.guild-news.submit-news form .actions .user-info h4{margin:0 0 4px;font-size:17px;line-height:20px}.guild-news.submit-news form .actions .user-info p{font-size:13px;line-height:16px;color:#61616a;margin:0}.guild-news.submit-news form .actions button{width:unset;margin-left:auto;padding:6px 25px}.guild-event .list-events{padding:10px 0 0}.guild-event .list-events .single-event{display:flex;align-items:center;box-shadow:inset 0 -1px 0 #e8e8e8;padding:8px 0 12px}.guild-event .list-events .single-event span.fun-ic{min-width:20px}.guild-event .list-events .single-event .event-details{flex-grow:1}.guild-event .list-events .single-event .event-details p{margin:0}.guild-event .list-events .single-event .event-details p.event-title{margin:0 0 4px;font-size:15px;line-height:19px}.guild-event .list-events .single-event .event-details .event-status{flex-grow:1;display:flex}.guild-event .list-events .single-event .event-details .event-status p{font-size:13px;line-height:16px}.guild-event .list-events .single-event .event-details .event-status p.game-name{flex-grow:1;color:#61616a;margin-right:20px}.guild-event .list-events .single-event .event-details .event-status .status{flex:0 0 100px;margin-left:auto;text-align:right}.guild-event .list-events .single-event .event-details .event-status .status.expired{color:#505050}.guild-event .list-events .single-event .event-details .event-status .status.unqualified{color:red}.guild-event .list-events .single-event .event-details .event-status .status.qualified{color:#009b19}.guild-event .list-events .single-event .event-details .event-status .status.in-process{color:#007aff}.guild-event .list-events a{color:unset;cursor:pointer}.guild-event .list-events a:last-of-type .single-event{box-shadow:none}.guild-event .section-footer{box-shadow:inset 0 1px 0 #e8e8e8}.guild-event.section-detail{padding:16px}.guild-event.section-detail .event-detail-title{font-weight:700;font-size:17px;line-height:20px;box-shadow:inset 0 -1px 0 #e8e8e8;padding-bottom:20px;margin-bottom:8px}.guild-event.section-detail .detail{font-size:15px;line-height:20px;color:#313131;padding:8px 0;display:flex;align-items:center}.guild-event.section-detail .detail span.fun-ic{margin-top:2px;min-width:16px;align-self:baseline}.guild-event.section-detail .detail p{margin:0}.guild-event.section-detail .detail a{overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.guild-event.section-detail .detail-time{color:#000}.guild-event.section-detail .detail-conditions .single-condition{display:flex;align-items:center;margin-top:16px}.guild-event.section-detail .detail-conditions .single-condition span{margin-top:4px;min-width:unset}.guild-event.section-detail .detail-status .expired{color:#505050}.guild-event.section-detail .detail-status .unqualified{color:red}.guild-event.section-detail .detail-status .qualified{color:#009b19}.guild-event.section-detail .detail-status .in-process{color:#007aff}.guild-event.section-detail .detail-actions{justify-content:center}.guild-event.section-detail .detail-actions button{height:auto;width:auto;min-width:117px;font-weight:700;font-size:14px;line-height:16px;margin:0 9px}.guild-point .filter-and-order-point{padding:0 0 16px;display:flex;align-items:center;flex-wrap:wrap}.guild-point .guild-total-point{font-weight:700;font-size:20px;line-height:20px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -1px 0 #f2f2f2;padding:17px 0 15px}.guild-point .list-members-point .member-point{display:flex;align-items:center;padding:8px 0;box-shadow:inset 0 -1px 0 #f2f2f2}.guild-point .list-members-point .member-point .member-point-info{margin-left:16px;max-width:63%}.guild-point .list-members-point .member-point .member-point-info .member-name{font-size:15px;line-height:20px;margin-bottom:2px}.guild-point .list-members-point .member-point .member-point-info .member-name span{font-size:13px;line-height:14px;color:#8e8e93}.guild-point .list-members-point .member-point .member-point-info .member-office{font-size:11px;line-height:14px;color:#8e8e93}.guild-point .list-members-point .member-point .member-point-amount{margin-left:auto;display:flex;align-items:center;color:#07b237}.guild-point .list-members-point .member-point .member-point-amount.negative{color:red}.guild-point.section-detail{padding:16px}.guild-level .current-level{display:flex;align-items:center;padding:16px 0 0;position:relative;overflow:hidden}.guild-level .current-level .badget-level{z-index:1;margin-right:10px}.guild-level .current-level .badget-level img{display:block;width:48px;height:48px}.guild-level .current-level .limit-time-level{z-index:1}.guild-level .current-level .limit-time-level p{font-weight:700;font-size:15px;line-height:30px;margin:0}.guild-level .current-level .limit-time-level p.time{margin-top:3px;font-weight:400;font-size:13px;line-height:16px;display:flex;align-items:center}.guild-level .progress-level{position:relative;padding:12px 0 0;background-color:#fff;color:#61616a}.guild-level .progress-level p{margin:0}.guild-level .progress-level .progress h4{margin:0;font-size:14px;line-height:30px}.guild-level .progress-level .progress p{display:flex;justify-content:space-between;font-weight:500;font-size:14px;padding:6px 0}.guild-level .progress-level .progress .progress-bar{margin:4px 0;width:100%;height:8px;background-color:#ffdfb3;border-radius:4px}.guild-level .progress-level .progress .progress-bar .progress-bar-inner{height:8px;border-radius:4px;border-right:2px solid #fff;background:linear-gradient(180deg,#ff9500,#ff5e3a)}.guild-level.section-detail .current-level{padding:12px 16px 32px;background:linear-gradient(90deg,#ffeb1c -.29%,#fed319 31.52%,#fc9612 98.43%,#fc9512 99.12%),linear-gradient(90deg,#eec32d -.29%,#efab2d 19.69%,#f36e2b 61.62%,#f6322a 99.12%) 50% 50% no-repeat}.guild-level.section-detail .current-level .badget-level{margin-right:14px}.guild-level.section-detail .current-level .badget-level img{width:62px;height:62px}.guild-level.section-detail .current-level .limit-time-level p{font-size:24px}.guild-level.section-detail .current-level .limit-time-level p.time{font-size:13px}.guild-level.section-detail .progress-level{padding:12px 16px 20px;border-radius:15px 15px 0 0;margin-top:-22px;border-bottom:4px solid #e5e5ea}.guild-level.section-detail .progress-level p{margin:0}.guild-level.section-detail .progress-level .progress{padding:7px 0}.guild-level.section-detail .progress-level .progress .progress-bar{margin:8px 0}.guild-level.section-detail .progress-level .conditions-up-level p{font-size:13px;line-height:16px;margin-bottom:4px}.guild-level.section-detail .progress-level .conditions-up-level ul{list-style:none;margin:0;padding-left:18px}.guild-level.section-detail .progress-level .conditions-up-level ul li{position:relative;font-size:12px;line-height:16px}.guild-level.section-detail .progress-level .conditions-up-level ul li:before{content:" ";position:absolute;width:10px;height:10px;background-image:url(/statics/images/icons/check-circle-grey-solid.png);background-size:contain;left:-18px;top:3px}.guild-level.section-detail .progress-level .conditions-up-level ul li.qualified{color:#39c541}.guild-level.section-detail .progress-level .conditions-up-level ul li.qualified:before{background-image:url(/statics/images/icons/check-circle-green-solid.png)}.guild-level.section-detail .title-levels{align-items:center;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}.guild-level.section-detail .title-levels .title-level{background:none;border:none;border-bottom:1px solid #e8e8e8;padding:14px 0 8px;font-size:15px;line-height:20px;color:#b9b9b9}.guild-level.section-detail .title-levels .title-level.active{position:relative;overflow:hidden;color:#ff753a}.guild-level.section-detail .title-levels .title-level.active:after{content:" ";height:4px;background-color:#ff753a;width:100%;position:absolute;bottom:-2px;left:0;border-radius:200px}.guild-level.section-detail .benefits{padding:16px}.guild-level.section-detail .benefits .benefit{display:none}.guild-level.section-detail .benefits .benefit.active{display:block}.guild-level.section-detail .benefits .benefit ul{list-style:none;padding-left:0;margin:0}.guild-level.section-detail .benefits .benefit ul li{font-size:15px;line-height:20px;letter-spacing:-.24px;display:flex;align-items:center;margin-bottom:12px}.guild-level.section-detail .benefits .benefit ul li .benefit-status{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:#fff7ec;border-radius:50%;margin-right:10px}.guild-level.section-detail .benefits .benefit ul li.lock{color:#b9b9b9}.guild-level.section-detail .benefits .benefit ul li .open-support{margin-left:auto}.guild-level.section-detail .benefits .benefit p{font-weight:500;font-size:14px;line-height:20px}.guild-level.section-detail .benefits .benefit .welcome{display:flex;align-items:center;margin:0 -12px}.guild-level.section-detail .benefits .benefit .welcome img{flex:1 1 50%;max-width:50%;padding:0 12px}.guild-level.section-detail .benefits .benefit .welcome p{font-weight:700;font-size:20px;line-height:25px;color:#524e4e;padding:0 12px}.guild-games .list-playing-games .playing-game{padding:12px 0;box-shadow:inset 0 -1px 0 #e8e8e8}.guild-games .list-playing-games .playing-game .game-info{display:flex;align-items:center;margin-bottom:13px}.guild-games .list-playing-games .playing-game .game-info .icon{display:flex}.guild-games .list-playing-games .playing-game .game-info .icon img{width:48px;height:48px;border-radius:12px}.guild-games .list-playing-games .playing-game .game-info .name-and-server{margin-left:12px}.guild-games .list-playing-games .playing-game .game-info .name-and-server p{margin:0}.guild-games .list-playing-games .playing-game .game-info .name-and-server p.name{font-weight:700;font-size:15px;margin-bottom:6px}.guild-games .list-playing-games .playing-game .game-info .name-and-server p.server{font-size:13px;color:#1e1e1e}.guild-games .list-playing-games .playing-game .game-info .delete-guild{margin-left:auto;margin-top:7px;align-self:flex-start}.guild-games .list-playing-games .playing-game:last-of-type{box-shadow:none}.guild-games .game-promos{display:flex;justify-content:space-between}.guild-games .game-promos .game-promo a{display:flex;align-items:center;color:#000}.guild-games .game-promos .game-promo a span{font-size:13px;line-height:16px}.guild-games .unlock-limit-game{background-image:url(/statics/images/limited_number_game_bg.png);background-size:cover;display:flex;align-items:center;justify-content:space-between;border-radius:8px;padding:14px 22px 11px 12px}.guild-games .unlock-limit-game p{margin:0;color:#fff}.guild-games .unlock-limit-game p.question{font-size:10px;line-height:12px}.guild-games .unlock-limit-game p.answer{font-size:11px;line-height:14px;margin-top:3px}.guild-games .unlock-limit-game p.answer span{font-size:14px}.guild-games .section-footer{box-shadow:inset 0 1px 0 #e8e8e8}.guild-games.section-detail{padding:16px 16px 0}.guild-games.section-detail .list-playing-games .add-game{display:flex;position:absolute;right:20px;bottom:79px}.guild-policy-level{padding:20px 16px}.guild-policy-level h5{margin:0;font-size:15px;line-height:20px;letter-spacing:-.24px}.guild-policy-level p{font-size:15px;line-height:20px;letter-spacing:.2px;text-align:justify}.guild-policy-level .levels-detail{display:flex;margin:30px 0 15px}.guild-policy-level .levels-detail .slick-arrow{padding-top:30px}.guild-policy-level .levels-detail .slick-arrow .fun-ic{cursor:pointer}.guild-policy-level .levels-detail .level-detail{display:flex;flex-direction:column;align-items:center;justify-content:center}.guild-policy-level .levels-detail .level-detail img{width:88px;height:88px}.guild-policy-level .levels-detail .level-detail p{font-weight:600;font-size:13px;line-height:20px;letter-spacing:-.24px;margin:22px 0 9px}.guild-policy-level .levels-detail .level-detail ul{margin:0}.guild-policy-level .levels-detail .level-detail ul li{font-size:12px;line-height:16px;margin-bottom:4px}.guild-policy-level .levels-detail .level-detail ul li span{margin-right:8px}.guild-policy-level .point-policy{font-size:12px;line-height:16px;letter-spacing:.2px;margin-bottom:26px}.guild-policy-level .point-policy span{display:block;text-decoration:underline}.guild-policy-level ul{list-style:none;padding:0}.guild-policy-level ul li{margin-bottom:8px;font-size:15px;line-height:20px;text-align:justify;letter-spacing:.2px}.guild-policy-level ul li p{margin:0}.guild-policy-level table{margin:20px 0;width:100%}.guild-policy-level table thead{background-color:#ffd9a4}.guild-policy-level table thead tr{height:43px}.guild-policy-level table thead tr th{min-width:47px;font-size:13px;line-height:13px;letter-spacing:-.08px;padding:16px 0 14px}.guild-policy-level table thead tr th:first-of-type{text-align:left;padding-left:11px}.guild-policy-level table tbody tr{height:41px}.guild-policy-level table tbody tr:nth-of-type(odd){background-color:#fff7ec}.guild-policy-level table tbody tr td{font-size:12px;line-height:13px;letter-spacing:-.08px;vertical-align:center;text-align:center}.guild-policy-level table tbody tr td:first-of-type{padding-left:8px;text-align:left}.guild-recruit .filter-member{position:relative;padding:15px 16px 8px}.guild-recruit .filter-member span.ic-search{position:absolute;top:19px;left:19px}.guild-recruit .filter-member input{width:100%;font-weight:500;border:none;background:#f4f4f4;border-radius:6px;font-size:14px;line-height:20px;padding:7px 6px 6px 30px}.guild-recruit .filter-member input::placeholder{color:#8e8e93}.guild-recruit .box-list{padding:8px 16px;display:flex}.guild-recruit .box-list .action-member{display:flex;align-items:center;width:auto;padding:8px 0;-webkit-user-select:none;user-select:none;border-bottom-color:transparent;position:relative;overflow:hidden;margin:0 8px;font-size:16px}.guild-recruit .box-list .action-member.active{font-weight:700;color:#ff753a}.guild-recruit .box-list .action-member.active:after{content:"";height:4px;background-color:#ff753a;width:100%;position:absolute;bottom:-2px;left:0;border-radius:200px}.guild-recruit .box-list .box-invite{margin-left:auto;padding:7px 8px;background-color:#ff753a;color:#fff;font-weight:700;font-size:13px;line-height:20px;border-radius:4px}.guild-recruit .list-all{padding:0 16px}.guild-recruit .list-all .mem-item{display:flex;padding:8px 0 12px;flex-wrap:wrap;box-shadow:inset 0 -1px 0 #f2f2f2;align-items:center}.guild-recruit .list-all .mem-item .time-join{font-size:11px;line-height:14px;color:#61616a;margin-bottom:4px}.guild-recruit .list-all .mem-item .mem-item-name{display:flex;align-items:center;font-size:15px;line-height:20px;margin-bottom:8px}.guild-recruit .list-all .mem-item .mem-item-name .time-join{margin-left:8px;margin-bottom:0}.guild-recruit .list-all .mem-item .mem-item-office{font-size:13px;line-height:16px;color:#ff753a;display:flex;align-items:center}.guild-recruit .list-all .mem-item .mem-item-office span.fun-ic{margin-right:3px}.guild-recruit .list-all .mem-item.bc{box-shadow:inset 0 -1px 0 #d5e2e8}.guild-recruit .list-all .mem-item .btn-action{cursor:pointer;position:relative;height:unset;right:unset;margin:0 0 0 auto}.guild-recruit .list-all .mem-item .btn-action span.fun-ic{margin:0 4px}.member-actions{display:flex;justify-content:center;margin-top:auto}.member-actions button{border:none;background-color:transparent;font-weight:700;font-size:13px;color:#ff753a;display:flex;align-items:center;width:139px;justify-content:center}.member-actions button span.fun-ic{margin-right:8px}.modal-content.modal-sort-guild-content .model-wrap{padding:0 16px 10px}.modal-content.modal-sort-guild-content .select-options{padding-top:10px}.modal-content.modal-sort-guild-content .select-options p{font-weight:700;font-size:17px;line-height:20px;margin:10px 0}.modal-content.modal-sort-guild-content .option{font-weight:500;font-size:15px;line-height:1;padding:10px 0;cursor:pointer;display:flex;align-items:center}.modal-content.modal-sort-guild-content .option span{margin-right:14px}.modal-content.modal-guild-links{max-width:768px;left:50%;transform:translate(-50%)}.modal-content.modal-guild-links .model-wrap{padding:6px 16px}.modal-content.modal-guild-links .link{box-shadow:inset 0 -1px 0 #f2f2f2;padding:18px 0 10px;display:flex;align-items:center;color:#000;font-size:15px;line-height:24px;cursor:pointer}.modal-content.modal-guild-links .link .fun-ic{margin-right:8px}.modal-content.modal-guild-links .link:last-of-type{box-shadow:none}.modal-content.modal-submit{width:92%}.modal-content.modal-submit .model-wrap{padding:20px 16px}.modal-content.modal-submit .message-title{font-weight:700;font-size:17px;line-height:20px}.modal-content.modal-submit form.fun-form{margin-top:16px}.modal-content.modal-submit form.fun-form .form-group{margin:0}.modal-content.modal-submit form.fun-form .form-group .thumb-img-upload{width:auto;height:auto;border-radius:0;border:none}.modal-content.modal-submit form.fun-form .form-group .thumb-img-upload img{width:auto;max-width:100%;height:auto;max-height:50vh;border-radius:0}.modal-content.modal-submit form.fun-form .form-group .thumb-img-upload .select-img{bottom:auto;top:6px;right:6px}.modal-content.modal-submit button{margin:18px auto 0;padding:8px 48px;color:#fff;width:unset}.modal-content.verify-success .model-wrap{padding:0 0 20px}.modal-content.verify-success .confirm-message .message-content>div{padding:0 12px}.modal-content.verify-success .confirm-message .message-content img{width:100%;height:auto}.alert-copy{display:none;background-color:rgba(0,0,0,.7);width:172px;height:118px;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:13px;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:17px;line-height:22px}.alert-copy.showed{display:flex}.alert-copy span{margin-bottom:12px}.copy-recruit-link .copy-wrapper{display:flex;align-items:center;margin-top:16px}.copy-recruit-link .copy-wrapper .copy-text{font-size:14px;line-height:20px;color:#8e8e93;padding:0 12px}.copy-recruit-link .copy-wrapper .copy-btn{max-width:62px;border-radius:0 4px 4px 0}.how-to-earn-point{width:90%}.how-to-earn-point .earn-point{display:flex;align-items:center;padding:18px 0}.how-to-earn-point .earn-point .content{text-align:left;font-size:12px;line-height:15px}.how-to-earn-point .earn-point .content p.title{font-weight:700;margin:0;font-size:14px;line-height:20px;color:#ff753a}.how-to-earn-point .earn-point .fun-btn{width:unset;margin-left:auto;padding:7px 14px}.how-to-earn-point .earn-point:not(:last-of-type){border-bottom:4px solid #f3f4f4}.rankings .rankings-header{display:flex;padding:9px 16px;align-items:center;border:1px solid #f3f4f4}.rankings .rankings-header h2{margin:0;font-size:15px;line-height:20px;display:flex;align-items:center}.rankings .rankings-header h2 img{width:25px;height:25px;border-radius:50%;margin-right:7px}.rankings .rankings-header .switch-games{flex-grow:1;display:flex;align-items:center;max-width:100%}.rankings .rankings-header .switch-games .current-game{display:flex;align-items:center;max-width:calc(100% - 90px)}.rankings .rankings-header .switch-games .current-game img{display:inline-block;width:25px;height:25px;border-radius:50%}.rankings .rankings-header .switch-games .current-game p{display:inline-block;padding:0 5px 0 8px;margin:0;font-size:15px;line-height:20px;letter-spacing:-.24px}.rankings .rankings-header .switch-games .switch-games-action{margin-left:auto}.rankings .rankings-header .switch-games .switch-games-action button{padding:7px;background-color:#ff753a;border:1px solid #ff753a;border-radius:4px;color:#fff;font-weight:700;font-size:13px;line-height:16px}.rankings .rankings-header .list-charts-popup{position:fixed;top:0;bottom:0;right:0;left:0;z-index:4;background-color:#fff;max-width:768px;margin:0 auto;min-height:100vh;overflow:auto}.rankings .rankings-header .list-charts-popup .list-charts-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f2f2f2;padding:17px 16px}.rankings .rankings-header .list-charts-popup .list-charts-title p{margin:0;font-size:17px;line-height:20px;font-weight:700}.rankings .rankings-header .list-charts-popup .search-charts{padding:16px}.rankings .rankings-header .list-charts-popup .search-charts input{width:100%;height:33px;border:none;border-radius:6px;background-color:#f4f4f4;font-weight:500;font-size:14px}.rankings .rankings-header .list-charts-popup .list-charts{display:flex;flex-wrap:wrap;padding:14px 0}.rankings .rankings-header .list-charts-popup .list-charts .group-charts{width:100%}.rankings .rankings-header .list-charts-popup .list-charts .group-charts:not(:last-of-type){padding-bottom:8px;border-bottom:8px solid #f3f4f4;margin-bottom:20px}.rankings .rankings-header .list-charts-popup .list-charts .group-charts .title{font-size:15px;line-height:20px;margin:0;padding:0 16px}.rankings .rankings-header .list-charts-popup .list-charts .group-charts .list{display:flex;flex-wrap:wrap}.rankings .rankings-header .list-charts-popup .list-charts .single-chart{flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 3);max-width:calc(100% / 3);border:1px solid #f4f4f4;padding:18px 6px 15px;cursor:pointer}@media screen and (min-width:768px){.rankings .rankings-header .list-charts-popup .list-charts .single-chart{flex:1 0 25%;max-width:25%}}.rankings .rankings-header .list-charts-popup .list-charts .single-chart .chart-icon{display:flex;align-items:center;justify-content:center}.rankings .rankings-header .list-charts-popup .list-charts .single-chart .chart-icon img{width:64px;height:64px}.rankings .rankings-header .list-charts-popup .list-charts .single-chart .chart-title{margin:12px 0 0;color:#1a1a1a;font-weight:600;font-size:13px;line-height:16px;text-align:center}.rankings .rankings-header .list-charts-popup .list-charts .single-chart .chart-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankings .rankings-navs{display:flex}.rankings .rankings-navs button{flex:0 0 50%;max-width:50%;padding:0;background-color:transparent;border:none;z-index:1}.rankings .rankings-navs button p{position:relative;overflow:hidden;margin:0;padding:15px 5px 9px;display:inline-flex;font-weight:700;font-size:15px;line-height:20px;color:#fff}.rankings .rankings-navs button p:after{height:4px;background-color:#000;width:100%;position:absolute;bottom:-2px;left:0;border-radius:200px}.rankings .rankings-navs button p span{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-size:contain;margin-right:8px}.rankings .rankings-navs button p span.weekly-rankings-icon{background-image:url(/statics/images/rankings/weekly.png)}.rankings .rankings-navs button p span.overall-rankings-icon{background-image:url(/statics/images/rankings/overall.png)}.rankings .rankings-navs button.active p{color:#000}.rankings .rankings-navs button.active p:after{content:" "}.rankings .rankings-navs button.active p span.weekly-rankings-icon{background-image:url(/statics/images/rankings/weekly-active.png)}.rankings .rankings-navs button.active p span.overall-rankings-icon{background-image:url(/statics/images/rankings/overall-active.png)}.rankings .rankings-history{margin-top:8px;display:flex;align-items:center;justify-content:flex-end;position:relative}.rankings .rankings-history p{margin:0;font-weight:700;font-size:12px;line-height:24px;cursor:pointer}.rankings .rankings-history .list-options{position:absolute;right:0;top:21px;background:rgba(255,255,255,.8);z-index:4;border-radius:7px}.rankings .rankings-history .list-options .option{padding:12px 8px;cursor:pointer}.rankings .rankings-history .list-options .option p{line-height:15px}.rankings .rankings-history .list-options .option p span{color:#444}.rankings .rankings-history .list-options .option.selected,.rankings .rankings-history .list-options .option:hover{background-color:rgba(255,117,58,.2)}.rankings .rankings-views{background-image:url(/statics/images/rankings/rankings-bg.png);background-repeat:no-repeat;background-size:cover;padding:0 16px 76px;min-height:calc(100vh - 150px);position:relative}.rankings .rankings-views .rankings-bg{background-image:url(/statics/images/rankings/rankings-top-bg.png);background-position:50%;background-size:cover;background-repeat:no-repeat;width:100%;height:70vw;max-height:550px;position:absolute;top:0;left:0}.rankings .rankings-views .rankings-top{position:relative;text-align:center;display:flex;background-color:#fef7e8;padding:0 16px;border-radius:8px 8px 0 0;margin-top:35px}.rankings .rankings-views .rankings-top .top-decoration{position:absolute;width:100%;height:16px;border-radius:8px;top:-2px;left:0;background-color:#ff753a;z-index:1}.rankings .rankings-views .rankings-top .top-decoration:after{content:" ";position:absolute;width:100%;height:16px;border-radius:8px;top:2px;left:0;background-color:#fef7e8}.rankings .rankings-views .rankings-top .rank-on-top{flex:1 1 auto;max-width:31.5%;box-shadow:inset 0 -1px 0 rgba(255,117,58,.15);padding:21px 0;display:flex;flex-direction:column;align-items:center;z-index:2}.rankings .rankings-views .rankings-top .rank-on-top .top-avatar .guild-avatar{margin:0 auto}.rankings .rankings-views .rankings-top .rank-on-top .top-avatar img.top-badge{width:28px;height:28px;margin-top:-13px}.rankings .rankings-views .rankings-top .rank-on-top .guild-playing-games{display:flex;align-items:center;justify-content:center;margin:2px 0 11px}.rankings .rankings-views .rankings-top .rank-on-top .guild-playing-games .guild-playing-game{margin:0 2px}.rankings .rankings-views .rankings-top .rank-on-top .guild-playing-games .guild-playing-game img{width:16px;height:16px;border-radius:50%;display:flex}.rankings .rankings-views .rankings-top .rank-on-top .guild-name{margin:0 0 4px;font-weight:700;font-size:14px;line-height:24px;color:#472525;width:100%;display:flex;align-items:center;justify-content:center;padding:0 4px}.rankings .rankings-views .rankings-top .rank-on-top .guild-name>p{margin:0}.rankings .rankings-views .rankings-top .rank-on-top .guild-name>span.fun-ic{flex:0 0 12px}.rankings .rankings-views .rankings-top .rank-on-top .guild-members-count{font-size:10px;line-height:16px;color:#80808f;margin:0}.rankings .rankings-views .rankings-top .rank-on-top .top-reward{display:inline-flex;align-items:center;font-weight:700;font-size:12px;color:#000;margin-top:auto;padding:2px 0}.rankings .rankings-views .rankings-top .rank-on-top.top-1{flex:1 1 37%;max-width:37%;background:linear-gradient(180deg,#ffffff 14.98%,rgba(255,255,255,0));border-radius:8px 8px 0 0;margin-top:-20px;position:relative}.rankings .rankings-views .rankings-top .rank-on-top.top-1 .top-decoration:after{background-color:#fff}.rankings .rankings-views .rankings-top .rank-on-top.top-1 .top-avatar{position:relative;padding:10px 10px 0}.rankings .rankings-views .rankings-top .rank-on-top.top-1 .top-avatar .top-crown{position:absolute;top:2px;left:0;z-index:1}.rankings .rankings-views .rankings-top .rank-on-top.top-1 .top-avatar img.top-badge{width:32px;height:32px;margin-top:-13px;z-index:2;position:relative}.rankings .rankings-views .rankings-top .rank-on-top.top-1 .top-reward{font-weight:700;font-size:14px;line-height:20px;color:#ff753a;padding:0}.rankings .rankings-views .rankings-top .rank-on-top.top-2{order:-1}.rankings .rankings-views .rankings-remainder{background-color:#fef7e8;border-radius:0 0 8px 8px;padding:0 13px;position:relative;z-index:1}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings{display:flex;align-items:center;border-bottom:1px solid rgba(255,117,58,.15);padding:5px 3px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings:last-of-type{border-bottom:none}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings.skip{font-weight:500;font-size:18px;line-height:20px;padding-top:9px;padding-bottom:14px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .index{font-weight:500;font-size:18px;line-height:20px;flex:0 0 26px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .index.on-top{font-size:24px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .index-change{display:flex;align-items:center;margin-top:2px;font-size:11px;line-height:16px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name{flex:1 0 59%;max-width:59%;font-weight:500;font-size:15px;line-height:20px;padding-left:10px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name p{margin:0;max-width:100%;font-size:14px;line-height:20px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name .guild-info{display:flex;align-items:center;margin-top:2px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name .guild-playing-games{display:flex}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name .guild-playing-games span{font-size:12px;line-height:16px;color:#80808f;margin:0 8px 0 4px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name .guild-playing-games .guild-playing-game{margin-right:4px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name .guild-playing-games .guild-playing-game img{width:16px;height:16px;border-radius:50%;display:flex}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name .guild-members-count{color:#80808f;font-size:12px;line-height:16px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .reward{flex:0 0 20%;display:flex;align-items:center;margin-left:auto;font-size:14px;line-height:20px;padding:9px 0}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings.user-guild .guild-name,.rankings .rankings-views .rankings-remainder .single-guild-in-rankings.user-guild .index,.rankings .rankings-views .rankings-remainder .single-guild-in-rankings.user-guild .index-change{color:#ff753a}.rankings .user-guild-in-rankings{position:fixed;bottom:59px;width:100%;max-width:768px;background-color:rgba(33,33,33,.8);z-index:3;display:flex;align-items:center;color:#fff;padding:11px 32px 9px;min-height:60px}.rankings .user-guild-in-rankings .index{flex:0 0 26px;font-weight:700;font-size:24px;line-height:20px}.rankings .user-guild-in-rankings .index-change{display:flex;align-items:center;margin-top:2px;font-size:11px;line-height:16px}.rankings .user-guild-in-rankings .index-change span{font-weight:600;font-size:11px;line-height:18px}.rankings .user-guild-in-rankings .guild-info{display:flex;align-items:center;margin-top:4px}.rankings .user-guild-in-rankings .guild-playing-games{display:flex}.rankings .user-guild-in-rankings .guild-playing-games span{font-size:12px;line-height:16px;color:#fff;margin:0 8px 0 4px}.rankings .user-guild-in-rankings .guild-playing-games .guild-playing-game{margin-right:4px}.rankings .user-guild-in-rankings .guild-playing-games .guild-playing-game img{width:16px;height:16px;border-radius:50%;display:flex}.rankings .user-guild-in-rankings .guild-name{flex:1 0 66%;max-width:66%;font-weight:500;font-size:15px;line-height:20px;padding-left:15px}.rankings .user-guild-in-rankings .guild-name p{margin:0;max-width:100%}.rankings .user-guild-in-rankings .guild-name .guild-members-count{font-size:12px;line-height:16px}.rankings .user-guild-in-rankings .reward{flex:0 0 20%;display:flex;align-items:center;margin-left:auto;font-size:15px}.rankings.in-guild .user-guild-in-rankings{bottom:0}@media screen and (min-width:768px){.rankings .rankings-header{padding:12px 24px}.rankings .rankings-navs button p{font-size:18px;line-height:32px;padding:16px 10px}.rankings .rankings-navs button p span{width:32px;height:32px}.rankings .rankings-views{padding:0 64px 103px;min-height:calc(100vh - 172px)}.rankings .rankings-views .rankings-remainder{padding:0 38px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings{padding:15px 0}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .index{font-size:20px;flex:0 0 31px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .index.on-top{font-size:28px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .index-change{flex:0 0 60px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .index-change span{font-size:15px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .guild-name{font-size:18px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .reward{font-size:17px}.rankings .rankings-views .rankings-remainder .single-guild-in-rankings .reward span.fun-ic{width:24px;height:24px}.rankings .user-guild-in-rankings{padding:15px 100px}.rankings .user-guild-in-rankings .index{font-size:20px;flex:0 0 31px}.rankings .user-guild-in-rankings .index-change{flex:0 0 60px}.rankings .user-guild-in-rankings .index-change span{font-size:15px}.rankings .user-guild-in-rankings .guild-name{font-size:18px}.rankings .user-guild-in-rankings .reward{font-size:17px}.rankings .user-guild-in-rankings .reward span.fun-ic{width:24px;height:24px}}.auth-form{max-width:375px;margin:0 auto}.auth-form .form-title{display:flex;height:60px}.auth-form .form-title a{flex:0 10 50%;font-size:17px;font-weight:700;line-height:60px;text-align:center;text-decoration:none;color:#8e8e93;display:block;border-bottom:1px solid #e5e5ea}.auth-form .form-title a.active{color:#ff753a;border-bottom-color:#ff753a}.auth-form form{padding:25px 17px 0}.auth-form form .form-group{position:relative;margin-bottom:14px}.auth-form form .form-group input{background-color:#f7f7f7;border:1px solid #e5e5ea;border-radius:6px;width:100%;overflow:hidden;height:40px;color:#1a1a1a;padding:0 12px;font-size:17px;line-height:22px}.auth-form form .form-group button.submit-btn{background-color:#ff753a;font-weight:600;font-size:17px;line-height:22px}.auth-form form .form-group button.fb-btn{background-color:#6d8bc9;font-weight:600;font-size:17px;line-height:22px}.account{flex-grow:1;padding:16px}.account-info{display:flex;align-items:center}.account-info .name-and-id{margin-left:12px}.account-info .name-and-id p{font-weight:700;font-size:17px;line-height:20px;margin:0 0 4px}.account-info .name-and-id span{font-size:13px;line-height:16px;color:#61616a;letter-spacing:.2px}.account-info .account-config{margin-left:auto;cursor:pointer}.account-summary{background:linear-gradient(140.01deg,#fe9500 30.44%,#f3540f 77.19%);border-radius:8px;padding:19px 24px 11px;margin-top:20px}.account-summary .summary-point{color:#fff}.account-summary .summary-point .total-point{display:flex;align-items:center;font-size:24px}.account-summary .summary-point p{font-size:15px;line-height:20px;margin:9px 0 0}.account-summary .summary-point a{color:#fff;font-size:13px;line-height:20px}.account-missions{margin-top:20px}.account-missions .title{font-weight:700;font-size:16px;line-height:19px;color:#ff753a;border-left:4px solid #ff753a;padding-left:10px}.account-missions .list-missions{position:relative}.account-missions .list-missions .mission-action{display:flex;justify-content:space-between;align-items:center}.account-missions .list-missions .mission-action .attendance{font-size:12px;color:#949494}.account-missions .list-missions .mission-action .btn-take-reward{margin:0 0 0 7px;color:#fff;font-size:13px;font-weight:600;background-color:#ff753a;border-color:#ff753a;min-width:103px}.account-missions .list-missions .mission-action .btn-take-reward.inactive{opacity:.3}.account-missions .list-missions .mission-action .btn-take-reward.disabled{background-color:#c7c7cc;border-color:#c7c7cc;opacity:1}.account-missions .list-missions .single-mission{border-bottom:1px solid #dedede;display:flex;justify-content:space-between;align-items:center;padding:12px 0}.account-missions .list-missions .single-mission .mission-info span{display:block}.account-missions .list-missions .single-mission .mission-info .mission-title{font-weight:500;font-size:15px;margin-bottom:3px}.account-missions .list-missions .single-mission .mission-info .mission-point{font-size:12px;display:flex;align-items:center}.list-user-points .single-point{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f2f2f2}.list-user-points .single-point .single-point-info{flex:1 1;padding:0 8px 0 16px}.list-user-points .single-point .single-point-info p{margin:0;font-size:15px;line-height:20px}.list-user-points .single-point .single-point-info p span{font-size:15px;line-height:20px;letter-spacing:-.24px;color:#000}.list-user-points .single-point .single-point-info p.single-point-time{font-size:11px;line-height:14px;color:#8e8e93;margin-top:2px}.list-user-points .single-point .single-point-qty{margin-left:auto;display:flex;align-items:center;font-size:13px;line-height:30px;color:#07b237}.participate-guild{padding:34px 16px}.participate-guild .head-line{font-weight:700;font-size:17px;text-align:center;margin:0 0 33px}.participate-guild .participate-actions{display:flex;justify-content:space-between}.participate-guild .participate-actions .participate-action{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 6px);max-width:calc(50% - 6px);display:flex;justify-content:flex-end;align-items:center;flex-direction:column;padding:18px 13px;background:#fff7ec;border:1px solid #ff753a;box-sizing:border-box;border-radius:16px}.participate-guild .participate-actions .participate-action img{max-width:100%;margin-bottom:4px}.participate-guild .participate-actions .participate-action span{font-weight:700;font-size:15px;line-height:16px;text-align:center}.participate-guild .participate-actions .participate-action a{background:#ff753a;border-radius:4px;font-weight:700;font-size:14px;line-height:16px;color:#fff;padding:8px 0;width:93%;text-align:center;margin-top:11px;cursor:pointer}.participate-guild .participate-actions .participate-action.join-guild img{margin-bottom:9px}.migration-guild{padding-bottom:0}.migration-guild .list-old-guilds .single-old-guild{padding:16px 0;box-shadow:inset 0 -1px 0 #f2f2f2}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name{display:flex}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name .guild-name{margin-left:14px}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name .guild-name p{margin:0}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name .guild-name p.name{font-weight:700;font-size:15px;line-height:20px}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name .guild-name p.game-name{margin-top:7px;font-size:13px;line-height:16px}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name .guild-name p.owner-status{margin-top:7px;font-size:12px;line-height:16px}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name .guild-name p.owner-status.active{color:#168d02}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name .guild-name p.owner-status.inactive{color:red}.migration-guild .list-old-guilds .single-old-guild .guild-avatar-name .guild-name p.owner-status.pending{color:#c14b18}.migration-guild .list-old-guilds .single-old-guild .guild-member-info{display:flex;margin-top:16px}.migration-guild .list-old-guilds .single-old-guild .guild-member-info .guild-owner-stat{display:flex}.migration-guild .list-old-guilds .single-old-guild .guild-member-info .guild-owner-stat .guild-stat:first-of-type{padding-right:10px;margin-right:10px;border-right:1px solid #e5e5ea}.migration-guild .list-old-guilds .single-old-guild .guild-member-info .guild-owner-stat .guild-stat p{margin:0;font-weight:500;font-size:11px;line-height:14px;color:#8e8e93}.migration-guild .list-old-guilds .single-old-guild .guild-member-info .guild-owner-stat .guild-stat p.guild-stat-value{margin-top:3px;font-weight:400;color:#000;display:flex;align-items:center}.migration-guild .list-old-guilds .single-old-guild .guild-member-info .action{margin-left:auto}.migration-guild .list-old-guilds .single-old-guild .guild-member-info .action .fun-btn{padding:7px 10px}.select-games .model-wrap{padding:0}.select-games .title{padding:19px 16px;box-shadow:inset 0 -1px 0 #e4e4e4;display:flex;align-items:center}.select-games .title span.fun-ic{margin-right:14px}.select-games .search-games{padding:16px}.select-games .search-games input{width:100%;height:33px;border:none;border-radius:6px;background-color:#f4f4f4;font-weight:500;font-size:14px}.select-games .list-games{display:flex;flex-wrap:wrap}.select-games .list-games .single-game{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3);max-width:calc(100% / 3);padding:18px 6px 15px;border:1px solid #f4f4f4}.select-games .list-games .single-game a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}.select-games .list-games .single-game img{width:64px;height:64px}.select-games .list-games .single-game span{margin-top:12px;max-width:100%;font-weight:500;font-size:14px;line-height:16px}#join-guild .guilds-list .single-guild-in-list{box-sizing:border-box;width:auto;margin:0;padding:16px 12px;box-shadow:inset 0 -1px 0 #f2f2f2;cursor:pointer}#join-guild .guilds-list .single-guild-in-list .guild-avatar-name{display:flex;margin-bottom:11px}#join-guild .guilds-list .single-guild-in-list .guild-avatar{overflow:hidden}#join-guild .guilds-list .single-guild-in-list .guild-name{display:flex;flex-direction:column;padding-left:12px;justify-content:center}#join-guild .guilds-list .single-guild-in-list .guild-name .name{display:flex;align-items:center;font-weight:700;font-size:15px;line-height:20px}#join-guild .guilds-list .single-guild-in-list .guild-name .guild-game-server-name{font-size:13px;font-weight:400;line-height:16px}#join-guild .guilds-list .single-guild-in-list .guild-member-info{display:flex;justify-content:space-between}#join-guild .guilds-list .single-guild-in-list .guild-member-info .guild-owner-stat{display:flex;font-size:11px;line-height:14px;flex-basis:0;flex-grow:1;color:#8e8e93;font-weight:500}#join-guild .guilds-list .single-guild-in-list .guild-member-info .guild-owner{display:flex;flex-direction:column;padding-right:30px;border-right:1px solid #e5e5ea}#join-guild .guilds-list .single-guild-in-list .guild-member-info .guild-owner .guild-owner-name{display:flex;align-items:center;margin-top:3px;color:#000}#join-guild .guilds-list .single-guild-in-list .guild-member-info .guild-owner .ic-owner{display:inline-block;width:12px;height:12px;margin-right:4px;background-repeat:no-repeat;background-image:url(/statics/images/marvel.svg)}#join-guild .guilds-list .single-guild-in-list .guild-member-info .guild-stat{display:flex;flex-direction:column;margin-left:10px}#join-guild .guilds-list .single-guild-in-list .guild-member-info .guild-stat .ic-memmer{display:inline-block;width:12px;height:12px;margin-right:4px;background-repeat:no-repeat;background-image:url(/statics/images/members-gray.svg)}#join-guild .guilds-list .single-guild-in-list .guild-member-info .guild-stat>span:nth-of-type(2){margin-top:3px;display:flex;font-size:9px}#join-guild .guilds-list .single-guild-in-list .guild-member-info .guild-stat .guild-member-count{color:#000;margin-right:3px;font-size:11px}#join-guild .guilds-list .single-guild-in-list .guild-member-info .link-to-guild .fun-btn,#join-guild .guilds-list .single-guild-in-list .guild-member-info .request-join-guild .fun-btn{font-weight:600;background-color:#ff753a;color:#fff;font-size:13px;line-height:14px;text-align:center;cursor:pointer}#join-guild .guilds-list .single-guild-in-list .guild-member-info .link-to-guild .fun-btn.disable,#join-guild .guilds-list .single-guild-in-list .guild-member-info .request-join-guild .fun-btn.disable{background-color:#e5e5ea;color:#8e8e93}#join-guild .guilds-list .single-guild-in-list .guild-member-info .link-to-guild{margin-right:5px}#join-guild .guilds-list .single-guild-in-list .guild-member-info .link-to-guild .fun-btn{background-color:#fff;color:#ff753a;border:1px solid #ff753a}.empty-guild{padding-top:70px;display:flex;flex-direction:column;background-color:#fff;flex-grow:1}.empty-guild img{height:158px}.empty-guild .second-title{font-weight:600;font-size:22px;line-height:28px;text-align:center;display:block}.empty-guild .empty-guild-content{text-align:center;padding:10px 0 23px;line-height:22px}.empty-guild .guild-nav,.empty-guild .guild-nav a{display:flex;align-items:center;justify-content:center}.empty-guild .guild-nav a{width:117px;height:34px;font-weight:700;font-size:14px;text-align:center;text-decoration:none;color:#fff;border:1px solid #ff753a;border-radius:4px;background-color:#ff753a;cursor:pointer}.empty-guild .guild-nav a.create-guild{color:#ff753a;background-color:#fff;margin-right:18px;padding:0}