/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}
.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}
.fa-1x {
    font-size: 1em
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-6x {
    font-size: 6em
}
.fa-7x {
    font-size: 7em
}
.fa-8x {
    font-size: 8em
}
.fa-9x {
    font-size: 9em
}
.fa-10x {
    font-size: 10em
}
.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}
.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}
.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}
.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}
.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}
.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}
.fa-fw {
    text-align: center;
    width: 1.25em
}
.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}
.fa-ul>li {
    position: relative
}
.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit
}
.fa-border {
    border-radius: var(--fa-border-radius,.1em);
    border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
    padding: var(--fa-border-padding,.2em .25em .15em)
}
.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}
.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}
.fa-beat {
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}
.fa-bounce {
    -webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}
.fa-fade {
    -webkit-animation-name: fa-fade;
    animation-name: fa-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}
.fa-beat-fade,.fa-fade {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s)
}
.fa-beat-fade {
    -webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}
.fa-flip {
    -webkit-animation-name: fa-flip;
    animation-name: fa-flip;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}
.fa-shake {
    -webkit-animation-name: fa-shake;
    animation-name: fa-shake;
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}
.fa-shake,.fa-spin {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal)
}
.fa-spin {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-duration: var(--fa-animation-duration,2s);
    animation-duration: var(--fa-animation-duration,2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}
.fa-spin-reverse {
    --fa-animation-direction: reverse
}
.fa-pulse,.fa-spin-pulse {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,steps(8));
    animation-timing-function: var(--fa-animation-timing,steps(8))
}
@media (prefers-reduced-motion:reduce) {
.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s
}
}
@-webkit-keyframes fa-beat {
0%,90% {
    -webkit-transform: scale(1);
    transform: scale(1)
}
45% {
    -webkit-transform: scale(var(--fa-beat-scale,1.25));
    transform: scale(var(--fa-beat-scale,1.25))
}
}
@keyframes fa-beat {
0%,90% {
    -webkit-transform: scale(1);
    transform: scale(1)
}
45% {
    -webkit-transform: scale(var(--fa-beat-scale,1.25));
    transform: scale(var(--fa-beat-scale,1.25))
}
}
@-webkit-keyframes fa-bounce {
0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}
10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
}
30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
    transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
}
50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
}
57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
}
64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}
to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}
}
@keyframes fa-bounce {
0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}
10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
}
30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
    transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
}
50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
}
57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
}
64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}
to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}
}
@-webkit-keyframes fa-fade {
50% {
    opacity: var(--fa-fade-opacity,.4)
}
}
@keyframes fa-fade {
50% {
    opacity: var(--fa-fade-opacity,.4)
}
}
@-webkit-keyframes fa-beat-fade {
0%,to {
    opacity: var(--fa-beat-fade-opacity,.4);
    -webkit-transform: scale(1);
    transform: scale(1)
}
50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
    transform: scale(var(--fa-beat-fade-scale,1.125))
}
}
@keyframes fa-beat-fade {
0%,to {
    opacity: var(--fa-beat-fade-opacity,.4);
    -webkit-transform: scale(1);
    transform: scale(1)
}
50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
    transform: scale(var(--fa-beat-fade-scale,1.125))
}
}
@-webkit-keyframes fa-flip {
50% {
    -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
    transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
}
}
@keyframes fa-flip {
50% {
    -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
    transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
}
}
@-webkit-keyframes fa-shake {
0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}
4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}
8%,24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
}
12%,28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}
16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
}
20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
}
32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
}
36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
}
40%,to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
}
@keyframes fa-shake {
0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}
4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}
8%,24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
}
12%,28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}
16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
}
20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
}
32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
}
36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
}
40%,to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
}
@-webkit-keyframes fa-spin {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}
}
@keyframes fa-spin {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}
}
.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}
.fa-rotate-by {
    -webkit-transform: rotate(var(--fa-rotate-angle,none));
    transform: rotate(var(--fa-rotate-angle,none))
}
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}
.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index,auto)
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: var(--fa-inverse,#fff)
}
.fa-0:before {
    content: "\30"
}
.fa-1:before {
    content: "\31"
}
.fa-2:before {
    content: "\32"
}
.fa-3:before {
    content: "\33"
}
.fa-4:before {
    content: "\34"
}
.fa-5:before {
    content: "\35"
}
.fa-6:before {
    content: "\36"
}
.fa-7:before {
    content: "\37"
}
.fa-8:before {
    content: "\38"
}
.fa-9:before {
    content: "\39"
}
.fa-a:before {
    content: "\41"
}
.fa-address-book:before,.fa-contact-book:before {
    content: "\f2b9"
}
.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before {
    content: "\f2bb"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-anchor-circle-check:before {
    content: "\e4aa"
}
.fa-anchor-circle-exclamation:before {
    content: "\e4ab"
}
.fa-anchor-circle-xmark:before {
    content: "\e4ac"
}
.fa-anchor-lock:before {
    content: "\e4ad"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-double-down:before,.fa-angles-down:before {
    content: "\f103"
}
.fa-angle-double-left:before,.fa-angles-left:before {
    content: "\f100"
}
.fa-angle-double-right:before,.fa-angles-right:before {
    content: "\f101"
}
.fa-angle-double-up:before,.fa-angles-up:before {
    content: "\f102"
}
.fa-ankh:before {
    content: "\f644"
}
.fa-apple-alt:before,.fa-apple-whole:before {
    content: "\f5d1"
}
.fa-archway:before {
    content: "\f557"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before {
    content: "\f162"
}
.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before {
    content: "\f886"
}
.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before {
    content: "\f15d"
}
.fa-arrow-down-long:before,.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before {
    content: "\f884"
}
.fa-arrow-down-up-across-line:before {
    content: "\e4af"
}
.fa-arrow-down-up-lock:before {
    content: "\e4b0"
}
.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before {
    content: "\f160"
}
.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before {
    content: "\f881"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-left-long:before,.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-arrow-pointer:before,.fa-mouse-pointer:before {
    content: "\f245"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-right-arrow-left:before,.fa-exchange:before {
    content: "\f0ec"
}
.fa-arrow-right-from-bracket:before,.fa-sign-out:before {
    content: "\f08b"
}
.fa-arrow-right-long:before,.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-arrow-right-to-bracket:before,.fa-sign-in:before {
    content: "\f090"
}
.fa-arrow-right-to-city:before {
    content: "\e4b3"
}
.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}
.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before {
    content: "\f01e"
}
.fa-arrow-trend-down:before {
    content: "\e097"
}
.fa-arrow-trend-up:before {
    content: "\e098"
}
.fa-arrow-turn-down:before,.fa-level-down:before {
    content: "\f149"
}
.fa-arrow-turn-up:before,.fa-level-up:before {
    content: "\f148"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before {
    content: "\f163"
}
.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before {
    content: "\f887"
}
.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before {
    content: "\f15e"
}
.fa-arrow-up-from-bracket:before {
    content: "\e09a"
}
.fa-arrow-up-from-ground-water:before {
    content: "\e4b5"
}
.fa-arrow-up-from-water-pump:before {
    content: "\e4b6"
}
.fa-arrow-up-long:before,.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-arrow-up-right-dots:before {
    content: "\e4b7"
}
.fa-arrow-up-right-from-square:before,.fa-external-link:before {
    content: "\f08e"
}
.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before {
    content: "\f885"
}
.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before {
    content: "\f161"
}
.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before {
    content: "\f882"
}
.fa-arrows-down-to-line:before {
    content: "\e4b8"
}
.fa-arrows-down-to-people:before {
    content: "\e4b9"
}
.fa-arrows-h:before,.fa-arrows-left-right:before {
    content: "\f07e"
}
.fa-arrows-left-right-to-line:before {
    content: "\e4ba"
}
.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before {
    content: "\f021"
}
.fa-arrows-spin:before {
    content: "\e4bb"
}
.fa-arrows-split-up-and-left:before {
    content: "\e4bc"
}
.fa-arrows-to-circle:before {
    content: "\e4bd"
}
.fa-arrows-to-dot:before {
    content: "\e4be"
}
.fa-arrows-to-eye:before {
    content: "\e4bf"
}
.fa-arrows-turn-right:before {
    content: "\e4c0"
}
.fa-arrows-turn-to-dots:before {
    content: "\e4c1"
}
.fa-arrows-up-down:before,.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-up-down-left-right:before,.fa-arrows:before {
    content: "\f047"
}
.fa-arrows-up-to-line:before {
    content: "\e4c2"
}
.fa-asterisk:before {
    content: "\2a"
}
.fa-at:before {
    content: "\40"
}
.fa-atom:before {
    content: "\f5d2"
}
.fa-audio-description:before {
    content: "\f29e"
}
.fa-austral-sign:before {
    content: "\e0a9"
}
.fa-award:before {
    content: "\f559"
}
.fa-b:before {
    content: "\42"
}
.fa-baby:before {
    content: "\f77c"
}
.fa-baby-carriage:before,.fa-carriage-baby:before {
    content: "\f77d"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-backward-fast:before,.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward-step:before,.fa-step-backward:before {
    content: "\f048"
}
.fa-bacon:before {
    content: "\f7e5"
}
.fa-bacteria:before {
    content: "\e059"
}
.fa-bacterium:before {
    content: "\e05a"
}
.fa-bag-shopping:before,.fa-shopping-bag:before {
    content: "\f290"
}
.fa-bahai:before {
    content: "\f666"
}
.fa-baht-sign:before {
    content: "\e0ac"
}
.fa-ban:before,.fa-cancel:before {
    content: "\f05e"
}
.fa-ban-smoking:before,.fa-smoking-ban:before {
    content: "\f54d"
}
.fa-band-aid:before,.fa-bandage:before {
    content: "\f462"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-bars:before,.fa-navicon:before {
    content: "\f0c9"
}
.fa-bars-progress:before,.fa-tasks-alt:before {
    content: "\f828"
}
.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before {
    content: "\f550"
}
.fa-baseball-ball:before,.fa-baseball:before {
    content: "\f433"
}
.fa-baseball-bat-ball:before {
    content: "\f432"
}
.fa-basket-shopping:before,.fa-shopping-basket:before {
    content: "\f291"
}
.fa-basketball-ball:before,.fa-basketball:before {
    content: "\f434"
}
.fa-bath:before,.fa-bathtub:before {
    content: "\f2cd"
}
.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"
}
.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before {
    content: "\f240"
}
.fa-battery-3:before,.fa-battery-half:before {
    content: "\f242"
}
.fa-battery-2:before,.fa-battery-quarter:before {
    content: "\f243"
}
.fa-battery-4:before,.fa-battery-three-quarters:before {
    content: "\f241"
}
.fa-bed:before {
    content: "\f236"
}
.fa-bed-pulse:before,.fa-procedures:before {
    content: "\f487"
}
.fa-beer-mug-empty:before,.fa-beer:before {
    content: "\f0fc"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-bell-concierge:before,.fa-concierge-bell:before {
    content: "\f562"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bezier-curve:before {
    content: "\f55b"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-biohazard:before {
    content: "\f780"
}
.fa-bitcoin-sign:before {
    content: "\e0b4"
}
.fa-blender:before {
    content: "\f517"
}
.fa-blender-phone:before {
    content: "\f6b6"
}
.fa-blog:before {
    content: "\f781"
}
.fa-bold:before {
    content: "\f032"
}
.fa-bolt:before,.fa-zap:before {
    content: "\f0e7"
}
.fa-bolt-lightning:before {
    content: "\e0b7"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-bone:before {
    content: "\f5d7"
}
.fa-bong:before {
    content: "\f55c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-atlas:before,.fa-book-atlas:before {
    content: "\f558"
}
.fa-bible:before,.fa-book-bible:before {
    content: "\f647"
}
.fa-book-bookmark:before {
    content: "\e0bb"
}
.fa-book-journal-whills:before,.fa-journal-whills:before {
    content: "\f66a"
}
.fa-book-medical:before {
    content: "\f7e6"
}
.fa-book-open:before {
    content: "\f518"
}
.fa-book-open-reader:before,.fa-book-reader:before {
    content: "\f5da"
}
.fa-book-quran:before,.fa-quran:before {
    content: "\f687"
}
.fa-book-dead:before,.fa-book-skull:before {
    content: "\f6b7"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-border-all:before {
    content: "\f84c"
}
.fa-border-none:before {
    content: "\f850"
}
.fa-border-style:before,.fa-border-top-left:before {
    content: "\f853"
}
.fa-bore-hole:before {
    content: "\e4c3"
}
.fa-bottle-droplet:before {
    content: "\e4c4"
}
.fa-bottle-water:before {
    content: "\e4c5"
}
.fa-bowl-food:before {
    content: "\e4c6"
}
.fa-bowl-rice:before {
    content: "\e2eb"
}
.fa-bowling-ball:before {
    content: "\f436"
}
.fa-box:before {
    content: "\f466"
}
.fa-archive:before,.fa-box-archive:before {
    content: "\f187"
}
.fa-box-open:before {
    content: "\f49e"
}
.fa-box-tissue:before {
    content: "\e05b"
}
.fa-boxes-packing:before {
    content: "\e4c7"
}
.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before {
    content: "\f468"
}
.fa-braille:before {
    content: "\f2a1"
}
.fa-brain:before {
    content: "\f5dc"
}
.fa-brazilian-real-sign:before {
    content: "\e46c"
}
.fa-bread-slice:before {
    content: "\f7ec"
}
.fa-bridge:before {
    content: "\e4c8"
}
.fa-bridge-circle-check:before {
    content: "\e4c9"
}
.fa-bridge-circle-exclamation:before {
    content: "\e4ca"
}
.fa-bridge-circle-xmark:before {
    content: "\e4cb"
}
.fa-bridge-lock:before {
    content: "\e4cc"
}
.fa-bridge-water:before {
    content: "\e4ce"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-briefcase-medical:before {
    content: "\f469"
}
.fa-broom:before {
    content: "\f51a"
}
.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before {
    content: "\f458"
}
.fa-brush:before {
    content: "\f55d"
}
.fa-bucket:before {
    content: "\e4cf"
}
.fa-bug:before {
    content: "\f188"
}
.fa-bug-slash:before {
    content: "\e490"
}
.fa-bugs:before {
    content: "\e4d0"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-building-circle-arrow-right:before {
    content: "\e4d1"
}
.fa-building-circle-check:before {
    content: "\e4d2"
}
.fa-building-circle-exclamation:before {
    content: "\e4d3"
}
.fa-building-circle-xmark:before {
    content: "\e4d4"
}
.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before {
    content: "\f19c"
}
.fa-building-flag:before {
    content: "\e4d5"
}
.fa-building-lock:before {
    content: "\e4d6"
}
.fa-building-ngo:before {
    content: "\e4d7"
}
.fa-building-shield:before {
    content: "\e4d8"
}
.fa-building-un:before {
    content: "\e4d9"
}
.fa-building-user:before {
    content: "\e4da"
}
.fa-building-wheat:before {
    content: "\e4db"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-burger:before,.fa-hamburger:before {
    content: "\f805"
}
.fa-burst:before {
    content: "\e4dc"
}
.fa-bus:before {
    content: "\f207"
}
.fa-bus-alt:before,.fa-bus-simple:before {
    content: "\f55e"
}
.fa-briefcase-clock:before,.fa-business-time:before {
    content: "\f64a"
}
.fa-c:before {
    content: "\43"
}
.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before {
    content: "\f1fd"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-calendar:before {
    content: "\f133"
}
.fa-calendar-check:before {
    content: "\f274"
}
.fa-calendar-day:before {
    content: "\f783"
}
.fa-calendar-alt:before,.fa-calendar-days:before {
    content: "\f073"
}
.fa-calendar-minus:before {
    content: "\f272"
}
.fa-calendar-plus:before {
    content: "\f271"
}
.fa-calendar-week:before {
    content: "\f784"
}
.fa-calendar-times:before,.fa-calendar-xmark:before {
    content: "\f273"
}
.fa-camera-alt:before,.fa-camera:before {
    content: "\f030"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-camera-rotate:before {
    content: "\e0d8"
}
.fa-campground:before {
    content: "\f6bb"
}
.fa-candy-cane:before {
    content: "\f786"
}
.fa-cannabis:before {
    content: "\f55f"
}
.fa-capsules:before {
    content: "\f46b"
}
.fa-automobile:before,.fa-car:before {
    content: "\f1b9"
}
.fa-battery-car:before,.fa-car-battery:before {
    content: "\f5df"
}
.fa-car-burst:before,.fa-car-crash:before {
    content: "\f5e1"
}
.fa-car-on:before {
    content: "\e4dd"
}
.fa-car-alt:before,.fa-car-rear:before {
    content: "\f5de"
}
.fa-car-side:before {
    content: "\f5e4"
}
.fa-car-tunnel:before {
    content: "\e4de"
}
.fa-caravan:before {
    content: "\f8ff"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-carrot:before {
    content: "\f787"
}
.fa-cart-arrow-down:before {
    content: "\f218"
}
.fa-cart-flatbed:before,.fa-dolly-flatbed:before {
    content: "\f474"
}
.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before {
    content: "\f59d"
}
.fa-cart-plus:before {
    content: "\f217"
}
.fa-cart-shopping:before,.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-cash-register:before {
    content: "\f788"
}
.fa-cat:before {
    content: "\f6be"
}
.fa-cedi-sign:before {
    content: "\e0df"
}
.fa-cent-sign:before {
    content: "\e3f5"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-chair:before {
    content: "\f6c0"
}
.fa-blackboard:before,.fa-chalkboard:before {
    content: "\f51b"
}
.fa-chalkboard-teacher:before,.fa-chalkboard-user:before {
    content: "\f51c"
}
.fa-champagne-glasses:before,.fa-glass-cheers:before {
    content: "\f79f"
}
.fa-charging-station:before {
    content: "\f5e7"
}
.fa-area-chart:before,.fa-chart-area:before {
    content: "\f1fe"
}
.fa-bar-chart:before,.fa-chart-bar:before {
    content: "\f080"
}
.fa-chart-column:before {
    content: "\e0e3"
}
.fa-chart-gantt:before {
    content: "\e0e4"
}
.fa-chart-line:before,.fa-line-chart:before {
    content: "\f201"
}
.fa-chart-pie:before,.fa-pie-chart:before {
    content: "\f200"
}
.fa-chart-simple:before {
    content: "\e473"
}
.fa-check:before {
    content: "\f00c"
}
.fa-check-double:before {
    content: "\f560"
}
.fa-check-to-slot:before,.fa-vote-yea:before {
    content: "\f772"
}
.fa-cheese:before {
    content: "\f7ef"
}
.fa-chess:before {
    content: "\f439"
}
.fa-chess-bishop:before {
    content: "\f43a"
}
.fa-chess-board:before {
    content: "\f43c"
}
.fa-chess-king:before {
    content: "\f43f"
}
.fa-chess-knight:before {
    content: "\f441"
}
.fa-chess-pawn:before {
    content: "\f443"
}
.fa-chess-queen:before {
    content: "\f445"
}
.fa-chess-rook:before {
    content: "\f447"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-child-dress:before {
    content: "\e59c"
}
.fa-child-reaching:before {
    content: "\e59d"
}
.fa-child-rifle:before {
    content: "\e4e0"
}
.fa-children:before {
    content: "\e4e1"
}
.fa-church:before {
    content: "\f51d"
}
.fa-circle:before {
    content: "\f111"
}
.fa-arrow-circle-down:before,.fa-circle-arrow-down:before {
    content: "\f0ab"
}
.fa-arrow-circle-left:before,.fa-circle-arrow-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before,.fa-circle-arrow-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before,.fa-circle-arrow-up:before {
    content: "\f0aa"
}
.fa-check-circle:before,.fa-circle-check:before {
    content: "\f058"
}
.fa-chevron-circle-down:before,.fa-circle-chevron-down:before {
    content: "\f13a"
}
.fa-chevron-circle-left:before,.fa-circle-chevron-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before,.fa-circle-chevron-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before,.fa-circle-chevron-up:before {
    content: "\f139"
}
.fa-circle-dollar-to-slot:before,.fa-donate:before {
    content: "\f4b9"
}
.fa-circle-dot:before,.fa-dot-circle:before {
    content: "\f192"
}
.fa-arrow-alt-circle-down:before,.fa-circle-down:before {
    content: "\f358"
}
.fa-circle-exclamation:before,.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-circle-h:before,.fa-hospital-symbol:before {
    content: "\f47e"
}
.fa-adjust:before,.fa-circle-half-stroke:before {
    content: "\f042"
}
.fa-circle-info:before,.fa-info-circle:before {
    content: "\f05a"
}
.fa-arrow-alt-circle-left:before,.fa-circle-left:before {
    content: "\f359"
}
.fa-circle-minus:before,.fa-minus-circle:before {
    content: "\f056"
}
.fa-circle-nodes:before {
    content: "\e4e2"
}
.fa-circle-notch:before {
    content: "\f1ce"
}
.fa-circle-pause:before,.fa-pause-circle:before {
    content: "\f28b"
}
.fa-circle-play:before,.fa-play-circle:before {
    content: "\f144"
}
.fa-circle-plus:before,.fa-plus-circle:before {
    content: "\f055"
}
.fa-circle-question:before,.fa-question-circle:before {
    content: "\f059"
}
.fa-circle-radiation:before,.fa-radiation-alt:before {
    content: "\f7ba"
}
.fa-arrow-alt-circle-right:before,.fa-circle-right:before {
    content: "\f35a"
}
.fa-circle-stop:before,.fa-stop-circle:before {
    content: "\f28d"
}
.fa-arrow-alt-circle-up:before,.fa-circle-up:before {
    content: "\f35b"
}
.fa-circle-user:before,.fa-user-circle:before {
    content: "\f2bd"
}
.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before {
    content: "\f057"
}
.fa-city:before {
    content: "\f64f"
}
.fa-clapperboard:before {
    content: "\e131"
}
.fa-clipboard:before {
    content: "\f328"
}
.fa-clipboard-check:before {
    content: "\f46c"
}
.fa-clipboard-list:before {
    content: "\f46d"
}
.fa-clipboard-question:before {
    content: "\e4e3"
}
.fa-clipboard-user:before {
    content: "\f7f3"
}
.fa-clock-four:before,.fa-clock:before {
    content: "\f017"
}
.fa-clock-rotate-left:before,.fa-history:before {
    content: "\f1da"
}
.fa-clone:before {
    content: "\f24d"
}
.fa-closed-captioning:before {
    content: "\f20a"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-cloud-bolt:before,.fa-thunderstorm:before {
    content: "\f76c"
}
.fa-cloud-meatball:before {
    content: "\f73b"
}
.fa-cloud-moon:before {
    content: "\f6c3"
}
.fa-cloud-moon-rain:before {
    content: "\f73c"
}
.fa-cloud-rain:before {
    content: "\f73d"
}
.fa-cloud-showers-heavy:before {
    content: "\f740"
}
.fa-cloud-showers-water:before {
    content: "\e4e4"
}
.fa-cloud-sun:before {
    content: "\f6c4"
}
.fa-cloud-sun-rain:before {
    content: "\f743"
}
.fa-clover:before {
    content: "\e139"
}
.fa-code:before {
    content: "\f121"
}
.fa-code-branch:before {
    content: "\f126"
}
.fa-code-commit:before {
    content: "\f386"
}
.fa-code-compare:before {
    content: "\e13a"
}
.fa-code-fork:before {
    content: "\e13b"
}
.fa-code-merge:before {
    content: "\f387"
}
.fa-code-pull-request:before {
    content: "\e13c"
}
.fa-coins:before {
    content: "\f51e"
}
.fa-colon-sign:before {
    content: "\e140"
}
.fa-comment:before {
    content: "\f075"
}
.fa-comment-dollar:before {
    content: "\f651"
}
.fa-comment-dots:before,.fa-commenting:before {
    content: "\f4ad"
}
.fa-comment-medical:before {
    content: "\f7f5"
}
.fa-comment-slash:before {
    content: "\f4b3"
}
.fa-comment-sms:before,.fa-sms:before {
    content: "\f7cd"
}
.fa-comments:before {
    content: "\f086"
}
.fa-comments-dollar:before {
    content: "\f653"
}
.fa-compact-disc:before {
    content: "\f51f"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-compass-drafting:before,.fa-drafting-compass:before {
    content: "\f568"
}
.fa-compress:before {
    content: "\f066"
}
.fa-computer:before {
    content: "\e4e5"
}
.fa-computer-mouse:before,.fa-mouse:before {
    content: "\f8cc"
}
.fa-cookie:before {
    content: "\f563"
}
.fa-cookie-bite:before {
    content: "\f564"
}
.fa-copy:before {
    content: "\f0c5"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-couch:before {
    content: "\f4b8"
}
.fa-cow:before {
    content: "\f6c8"
}
.fa-credit-card-alt:before,.fa-credit-card:before {
    content: "\f09d"
}
.fa-crop:before {
    content: "\f125"
}
.fa-crop-alt:before,.fa-crop-simple:before {
    content: "\f565"
}
.fa-cross:before {
    content: "\f654"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-crow:before {
    content: "\f520"
}
.fa-crown:before {
    content: "\f521"
}
.fa-crutch:before {
    content: "\f7f7"
}
.fa-cruzeiro-sign:before {
    content: "\e152"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-cubes-stacked:before {
    content: "\e4e6"
}
.fa-d:before {
    content: "\44"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-backspace:before,.fa-delete-left:before {
    content: "\f55a"
}
.fa-democrat:before {
    content: "\f747"
}
.fa-desktop-alt:before,.fa-desktop:before {
    content: "\f390"
}
.fa-dharmachakra:before {
    content: "\f655"
}
.fa-diagram-next:before {
    content: "\e476"
}
.fa-diagram-predecessor:before {
    content: "\e477"
}
.fa-diagram-project:before,.fa-project-diagram:before {
    content: "\f542"
}
.fa-diagram-successor:before {
    content: "\e47a"
}
.fa-diamond:before {
    content: "\f219"
}
.fa-diamond-turn-right:before,.fa-directions:before {
    content: "\f5eb"
}
.fa-dice:before {
    content: "\f522"
}
.fa-dice-d20:before {
    content: "\f6cf"
}
.fa-dice-d6:before {
    content: "\f6d1"
}
.fa-dice-five:before {
    content: "\f523"
}
.fa-dice-four:before {
    content: "\f524"
}
.fa-dice-one:before {
    content: "\f525"
}
.fa-dice-six:before {
    content: "\f526"
}
.fa-dice-three:before {
    content: "\f527"
}
.fa-dice-two:before {
    content: "\f528"
}
.fa-disease:before {
    content: "\f7fa"
}
.fa-display:before {
    content: "\e163"
}
.fa-divide:before {
    content: "\f529"
}
.fa-dna:before {
    content: "\f471"
}
.fa-dog:before {
    content: "\f6d3"
}
.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before {
    content: "\24"
}
.fa-dolly-box:before,.fa-dolly:before {
    content: "\f472"
}
.fa-dong-sign:before {
    content: "\e169"
}
.fa-door-closed:before {
    content: "\f52a"
}
.fa-door-open:before {
    content: "\f52b"
}
.fa-dove:before {
    content: "\f4ba"
}
.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before {
    content: "\f422"
}
.fa-down-long:before,.fa-long-arrow-alt-down:before {
    content: "\f309"
}
.fa-download:before {
    content: "\f019"
}
.fa-dragon:before {
    content: "\f6d5"
}
.fa-draw-polygon:before {
    content: "\f5ee"
}
.fa-droplet:before,.fa-tint:before {
    content: "\f043"
}
.fa-droplet-slash:before,.fa-tint-slash:before {
    content: "\f5c7"
}
.fa-drum:before {
    content: "\f569"
}
.fa-drum-steelpan:before {
    content: "\f56a"
}
.fa-drumstick-bite:before {
    content: "\f6d7"
}
.fa-dumbbell:before {
    content: "\f44b"
}
.fa-dumpster:before {
    content: "\f793"
}
.fa-dumpster-fire:before {
    content: "\f794"
}
.fa-dungeon:before {
    content: "\f6d9"
}
.fa-e:before {
    content: "\45"
}
.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before {
    content: "\f2a4"
}
.fa-assistive-listening-systems:before,.fa-ear-listen:before {
    content: "\f2a2"
}
.fa-earth-africa:before,.fa-globe-africa:before {
    content: "\f57c"
}
.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before {
    content: "\f57d"
}
.fa-earth-asia:before,.fa-globe-asia:before {
    content: "\f57e"
}
.fa-earth-europe:before,.fa-globe-europe:before {
    content: "\f7a2"
}
.fa-earth-oceania:before,.fa-globe-oceania:before {
    content: "\e47b"
}
.fa-egg:before {
    content: "\f7fb"
}
.fa-eject:before {
    content: "\f052"
}
.fa-elevator:before {
    content: "\e16d"
}
.fa-ellipsis-h:before,.fa-ellipsis:before {
    content: "\f141"
}
.fa-ellipsis-v:before,.fa-ellipsis-vertical:before {
    content: "\f142"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-envelope-circle-check:before {
    content: "\e4e8"
}
.fa-envelope-open:before {
    content: "\f2b6"
}
.fa-envelope-open-text:before {
    content: "\f658"
}
.fa-envelopes-bulk:before,.fa-mail-bulk:before {
    content: "\f674"
}
.fa-equals:before {
    content: "\3d"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-ethernet:before {
    content: "\f796"
}
.fa-eur:before,.fa-euro-sign:before,.fa-euro:before {
    content: "\f153"
}
.fa-exclamation:before {
    content: "\21"
}
.fa-expand:before {
    content: "\f065"
}
.fa-explosion:before {
    content: "\e4e9"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-eye-low-vision:before,.fa-low-vision:before {
    content: "\f2a8"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-f:before {
    content: "\46"
}
.fa-angry:before,.fa-face-angry:before {
    content: "\f556"
}
.fa-dizzy:before,.fa-face-dizzy:before {
    content: "\f567"
}
.fa-face-flushed:before,.fa-flushed:before {
    content: "\f579"
}
.fa-face-frown:before,.fa-frown:before {
    content: "\f119"
}
.fa-face-frown-open:before,.fa-frown-open:before {
    content: "\f57a"
}
.fa-face-grimace:before,.fa-grimace:before {
    content: "\f57f"
}
.fa-face-grin:before,.fa-grin:before {
    content: "\f580"
}
.fa-face-grin-beam:before,.fa-grin-beam:before {
    content: "\f582"
}
.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before {
    content: "\f583"
}
.fa-face-grin-hearts:before,.fa-grin-hearts:before {
    content: "\f584"
}
.fa-face-grin-squint:before,.fa-grin-squint:before {
    content: "\f585"
}
.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before {
    content: "\f586"
}
.fa-face-grin-stars:before,.fa-grin-stars:before {
    content: "\f587"
}
.fa-face-grin-tears:before,.fa-grin-tears:before {
    content: "\f588"
}
.fa-face-grin-tongue:before,.fa-grin-tongue:before {
    content: "\f589"
}
.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before {
    content: "\f58a"
}
.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before {
    content: "\f58b"
}
.fa-face-grin-wide:before,.fa-grin-alt:before {
    content: "\f581"
}
.fa-face-grin-wink:before,.fa-grin-wink:before {
    content: "\f58c"
}
.fa-face-kiss:before,.fa-kiss:before {
    content: "\f596"
}
.fa-face-kiss-beam:before,.fa-kiss-beam:before {
    content: "\f597"
}
.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before {
    content: "\f598"
}
.fa-face-laugh:before,.fa-laugh:before {
    content: "\f599"
}
.fa-face-laugh-beam:before,.fa-laugh-beam:before {
    content: "\f59a"
}
.fa-face-laugh-squint:before,.fa-laugh-squint:before {
    content: "\f59b"
}
.fa-face-laugh-wink:before,.fa-laugh-wink:before {
    content: "\f59c"
}
.fa-face-meh:before,.fa-meh:before {
    content: "\f11a"
}
.fa-face-meh-blank:before,.fa-meh-blank:before {
    content: "\f5a4"
}
.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}
.fa-face-sad-cry:before,.fa-sad-cry:before {
    content: "\f5b3"
}
.fa-face-sad-tear:before,.fa-sad-tear:before {
    content: "\f5b4"
}
.fa-face-smile:before,.fa-smile:before {
    content: "\f118"
}
.fa-face-smile-beam:before,.fa-smile-beam:before {
    content: "\f5b8"
}
.fa-face-smile-wink:before,.fa-smile-wink:before {
    content: "\f4da"
}
.fa-face-surprise:before,.fa-surprise:before {
    content: "\f5c2"
}
.fa-face-tired:before,.fa-tired:before {
    content: "\f5c8"
}
.fa-fan:before {
    content: "\f863"
}
.fa-faucet:before {
    content: "\e005"
}
.fa-faucet-drip:before {
    content: "\e006"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-feather:before {
    content: "\f52d"
}
.fa-feather-alt:before,.fa-feather-pointed:before {
    content: "\f56b"
}
.fa-ferry:before {
    content: "\e4ea"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-arrow-down:before,.fa-file-download:before {
    content: "\f56d"
}
.fa-file-arrow-up:before,.fa-file-upload:before {
    content: "\f574"
}
.fa-file-audio:before {
    content: "\f1c7"
}
.fa-file-circle-check:before {
    content: "\e493"
}
.fa-file-circle-exclamation:before {
    content: "\e4eb"
}
.fa-file-circle-minus:before {
    content: "\e4ed"
}
.fa-file-circle-plus:before {
    content: "\e4ee"
}
.fa-file-circle-question:before {
    content: "\e4ef"
}
.fa-file-circle-xmark:before {
    content: "\e494"
}
.fa-file-code:before {
    content: "\f1c9"
}
.fa-file-contract:before {
    content: "\f56c"
}
.fa-file-csv:before {
    content: "\f6dd"
}
.fa-file-excel:before {
    content: "\f1c3"
}
.fa-arrow-right-from-file:before,.fa-file-export:before {
    content: "\f56e"
}
.fa-file-image:before {
    content: "\f1c5"
}
.fa-arrow-right-to-file:before,.fa-file-import:before {
    content: "\f56f"
}
.fa-file-invoice:before {
    content: "\f570"
}
.fa-file-invoice-dollar:before {
    content: "\f571"
}
.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before {
    content: "\f15c"
}
.fa-file-medical:before {
    content: "\f477"
}
.fa-file-pdf:before {
    content: "\f1c1"
}
.fa-file-edit:before,.fa-file-pen:before {
    content: "\f31c"
}
.fa-file-powerpoint:before {
    content: "\f1c4"
}
.fa-file-prescription:before {
    content: "\f572"
}
.fa-file-shield:before {
    content: "\e4f0"
}
.fa-file-signature:before {
    content: "\f573"
}
.fa-file-video:before {
    content: "\f1c8"
}
.fa-file-medical-alt:before,.fa-file-waveform:before {
    content: "\f478"
}
.fa-file-word:before {
    content: "\f1c2"
}
.fa-file-archive:before,.fa-file-zipper:before {
    content: "\f1c6"
}
.fa-fill:before {
    content: "\f575"
}
.fa-fill-drip:before {
    content: "\f576"
}
.fa-film:before {
    content: "\f008"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-filter-circle-dollar:before,.fa-funnel-dollar:before {
    content: "\f662"
}
.fa-filter-circle-xmark:before {
    content: "\e17b"
}
.fa-fingerprint:before {
    content: "\f577"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-fire-burner:before {
    content: "\e4f1"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-fire-alt:before,.fa-fire-flame-curved:before {
    content: "\f7e4"
}
.fa-burn:before,.fa-fire-flame-simple:before {
    content: "\f46a"
}
.fa-fish:before {
    content: "\f578"
}
.fa-fish-fins:before {
    content: "\e4f2"
}
.fa-flag:before {
    content: "\f024"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-flag-usa:before {
    content: "\f74d"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-flask-vial:before {
    content: "\e4f3"
}
.fa-floppy-disk:before,.fa-save:before {
    content: "\f0c7"
}
.fa-florin-sign:before {
    content: "\e184"
}
.fa-folder-blank:before,.fa-folder:before {
    content: "\f07b"
}
.fa-folder-closed:before {
    content: "\e185"
}
.fa-folder-minus:before {
    content: "\f65d"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-folder-plus:before {
    content: "\f65e"
}
.fa-folder-tree:before {
    content: "\f802"
}
.fa-font:before {
    content: "\f031"
}
.fa-football-ball:before,.fa-football:before {
    content: "\f44e"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before,.fa-forward-fast:before {
    content: "\f050"
}
.fa-forward-step:before,.fa-step-forward:before {
    content: "\f051"
}
.fa-franc-sign:before {
    content: "\e18f"
}
.fa-frog:before {
    content: "\f52e"
}
.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before {
    content: "\f1e3"
}
.fa-g:before {
    content: "\47"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-gas-pump:before {
    content: "\f52f"
}
.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before {
    content: "\f624"
}
.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before {
    content: "\f625"
}
.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before {
    content: "\f629"
}
.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before {
    content: "\f62a"
}
.fa-gavel:before,.fa-legal:before {
    content: "\f0e3"
}
.fa-cog:before,.fa-gear:before {
    content: "\f013"
}
.fa-cogs:before,.fa-gears:before {
    content: "\f085"
}
.fa-gem:before {
    content: "\f3a5"
}
.fa-genderless:before {
    content: "\f22d"
}
.fa-ghost:before {
    content: "\f6e2"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-gifts:before {
    content: "\f79c"
}
.fa-glass-water:before {
    content: "\e4f4"
}
.fa-glass-water-droplet:before {
    content: "\e4f5"
}
.fa-glasses:before {
    content: "\f530"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-golf-ball-tee:before,.fa-golf-ball:before {
    content: "\f450"
}
.fa-gopuram:before {
    content: "\f664"
}
.fa-graduation-cap:before,.fa-mortar-board:before {
    content: "\f19d"
}
.fa-greater-than:before {
    content: "\3e"
}
.fa-greater-than-equal:before {
    content: "\f532"
}
.fa-grip-horizontal:before,.fa-grip:before {
    content: "\f58d"
}
.fa-grip-lines:before {
    content: "\f7a4"
}
.fa-grip-lines-vertical:before {
    content: "\f7a5"
}
.fa-grip-vertical:before {
    content: "\f58e"
}
.fa-group-arrows-rotate:before {
    content: "\e4f6"
}
.fa-guarani-sign:before {
    content: "\e19a"
}
.fa-guitar:before {
    content: "\f7a6"
}
.fa-gun:before {
    content: "\e19b"
}
.fa-h:before {
    content: "\48"
}
.fa-hammer:before {
    content: "\f6e3"
}
.fa-hamsa:before {
    content: "\f665"
}
.fa-hand-paper:before,.fa-hand:before {
    content: "\f256"
}
.fa-hand-back-fist:before,.fa-hand-rock:before {
    content: "\f255"
}
.fa-allergies:before,.fa-hand-dots:before {
    content: "\f461"
}
.fa-fist-raised:before,.fa-hand-fist:before {
    content: "\f6de"
}
.fa-hand-holding:before {
    content: "\f4bd"
}
.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before {
    content: "\f4c0"
}
.fa-hand-holding-droplet:before,.fa-hand-holding-water:before {
    content: "\f4c1"
}
.fa-hand-holding-hand:before {
    content: "\e4f7"
}
.fa-hand-holding-heart:before {
    content: "\f4be"
}
.fa-hand-holding-medical:before {
    content: "\e05c"
}
.fa-hand-lizard:before {
    content: "\f258"
}
.fa-hand-middle-finger:before {
    content: "\f806"
}
.fa-hand-peace:before {
    content: "\f25b"
}
.fa-hand-point-down:before {
    content: "\f0a7"
}
.fa-hand-point-left:before {
    content: "\f0a5"
}
.fa-hand-point-right:before {
    content: "\f0a4"
}
.fa-hand-point-up:before {
    content: "\f0a6"
}
.fa-hand-pointer:before {
    content: "\f25a"
}
.fa-hand-scissors:before {
    content: "\f257"
}
.fa-hand-sparkles:before {
    content: "\e05d"
}
.fa-hand-spock:before {
    content: "\f259"
}
.fa-handcuffs:before {
    content: "\e4f8"
}
.fa-hands:before,.fa-sign-language:before,.fa-signing:before {
    content: "\f2a7"
}
.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before {
    content: "\f2a3"
}
.fa-hands-bound:before {
    content: "\e4f9"
}
.fa-hands-bubbles:before,.fa-hands-wash:before {
    content: "\e05e"
}
.fa-hands-clapping:before {
    content: "\e1a8"
}
.fa-hands-holding:before {
    content: "\f4c2"
}
.fa-hands-holding-child:before {
    content: "\e4fa"
}
.fa-hands-holding-circle:before {
    content: "\e4fb"
}
.fa-hands-praying:before,.fa-praying-hands:before {
    content: "\f684"
}
.fa-handshake:before {
    content: "\f2b5"
}
.fa-hands-helping:before,.fa-handshake-angle:before {
    content: "\f4c4"
}
.fa-handshake-alt:before,.fa-handshake-simple:before {
    content: "\f4c6"
}
.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before {
    content: "\e05f"
}
.fa-handshake-slash:before {
    content: "\e060"
}
.fa-hanukiah:before {
    content: "\f6e6"
}
.fa-hard-drive:before,.fa-hdd:before {
    content: "\f0a0"
}
.fa-hashtag:before {
    content: "\23"
}
.fa-hat-cowboy:before {
    content: "\f8c0"
}
.fa-hat-cowboy-side:before {
    content: "\f8c1"
}
.fa-hat-wizard:before {
    content: "\f6e8"
}
.fa-head-side-cough:before {
    content: "\e061"
}
.fa-head-side-cough-slash:before {
    content: "\e062"
}
.fa-head-side-mask:before {
    content: "\e063"
}
.fa-head-side-virus:before {
    content: "\e064"
}
.fa-header:before,.fa-heading:before {
    content: "\f1dc"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-headphones-alt:before,.fa-headphones-simple:before {
    content: "\f58f"
}
.fa-headset:before {
    content: "\f590"
}
.fa-heart:before {
    content: "\f004"
}
.fa-heart-circle-bolt:before {
    content: "\e4fc"
}
.fa-heart-circle-check:before {
    content: "\e4fd"
}
.fa-heart-circle-exclamation:before {
    content: "\e4fe"
}
.fa-heart-circle-minus:before {
    content: "\e4ff"
}
.fa-heart-circle-plus:before {
    content: "\e500"
}
.fa-heart-circle-xmark:before {
    content: "\e501"
}
.fa-heart-broken:before,.fa-heart-crack:before {
    content: "\f7a9"
}
.fa-heart-pulse:before,.fa-heartbeat:before {
    content: "\f21e"
}
.fa-helicopter:before {
    content: "\f533"
}
.fa-helicopter-symbol:before {
    content: "\e502"
}
.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before {
    content: "\f807"
}
.fa-helmet-un:before {
    content: "\e503"
}
.fa-highlighter:before {
    content: "\f591"
}
.fa-hill-avalanche:before {
    content: "\e507"
}
.fa-hill-rockslide:before {
    content: "\e508"
}
.fa-hippo:before {
    content: "\f6ed"
}
.fa-hockey-puck:before {
    content: "\f453"
}
.fa-holly-berry:before {
    content: "\f7aa"
}
.fa-horse:before {
    content: "\f6f0"
}
.fa-horse-head:before {
    content: "\f7ab"
}
.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before {
    content: "\f0f8"
}
.fa-hospital-user:before {
    content: "\f80d"
}
.fa-hot-tub-person:before,.fa-hot-tub:before {
    content: "\f593"
}
.fa-hotdog:before {
    content: "\f80f"
}
.fa-hotel:before {
    content: "\f594"
}
.fa-hourglass-2:before,.fa-hourglass-half:before,.fa-hourglass:before {
    content: "\f254"
}
.fa-hourglass-empty:before {
    content: "\f252"
}
.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"
}
.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"
}
.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before {
    content: "\f015"
}
.fa-home-lg:before,.fa-house-chimney:before {
    content: "\e3af"
}
.fa-house-chimney-crack:before,.fa-house-damage:before {
    content: "\f6f1"
}
.fa-clinic-medical:before,.fa-house-chimney-medical:before {
    content: "\f7f2"
}
.fa-house-chimney-user:before {
    content: "\e065"
}
.fa-house-chimney-window:before {
    content: "\e00d"
}
.fa-house-circle-check:before {
    content: "\e509"
}
.fa-house-circle-exclamation:before {
    content: "\e50a"
}
.fa-house-circle-xmark:before {
    content: "\e50b"
}
.fa-house-crack:before {
    content: "\e3b1"
}
.fa-house-fire:before {
    content: "\e50c"
}
.fa-house-flag:before {
    content: "\e50d"
}
.fa-house-flood-water:before {
    content: "\e50e"
}
.fa-house-flood-water-circle-arrow-right:before {
    content: "\e50f"
}
.fa-house-laptop:before,.fa-laptop-house:before {
    content: "\e066"
}
.fa-house-lock:before {
    content: "\e510"
}
.fa-house-medical:before {
    content: "\e3b2"
}
.fa-house-medical-circle-check:before {
    content: "\e511"
}
.fa-house-medical-circle-exclamation:before {
    content: "\e512"
}
.fa-house-medical-circle-xmark:before {
    content: "\e513"
}
.fa-house-medical-flag:before {
    content: "\e514"
}
.fa-house-signal:before {
    content: "\e012"
}
.fa-house-tsunami:before {
    content: "\e515"
}
.fa-home-user:before,.fa-house-user:before {
    content: "\e1b0"
}
.fa-hryvnia-sign:before,.fa-hryvnia:before {
    content: "\f6f2"
}
.fa-hurricane:before {
    content: "\f751"
}
.fa-i:before {
    content: "\49"
}
.fa-i-cursor:before {
    content: "\f246"
}
.fa-ice-cream:before {
    content: "\f810"
}
.fa-icicles:before {
    content: "\f7ad"
}
.fa-heart-music-camera-bolt:before,.fa-icons:before {
    content: "\f86d"
}
.fa-id-badge:before {
    content: "\f2c1"
}
.fa-drivers-license:before,.fa-id-card:before {
    content: "\f2c2"
}
.fa-id-card-alt:before,.fa-id-card-clip:before {
    content: "\f47f"
}
.fa-igloo:before {
    content: "\f7ae"
}
.fa-image:before {
    content: "\f03e"
}
.fa-image-portrait:before,.fa-portrait:before {
    content: "\f3e0"
}
.fa-images:before {
    content: "\f302"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before {
    content: "\e1bc"
}
.fa-industry:before {
    content: "\f275"
}
.fa-infinity:before {
    content: "\f534"
}
.fa-info:before {
    content: "\f129"
}
.fa-italic:before {
    content: "\f033"
}
.fa-j:before {
    content: "\4a"
}
.fa-jar:before {
    content: "\e516"
}
.fa-jar-wheat:before {
    content: "\e517"
}
.fa-jedi:before {
    content: "\f669"
}
.fa-fighter-jet:before,.fa-jet-fighter:before {
    content: "\f0fb"
}
.fa-jet-fighter-up:before {
    content: "\e518"
}
.fa-joint:before {
    content: "\f595"
}
.fa-jug-detergent:before {
    content: "\e519"
}
.fa-k:before {
    content: "\4b"
}
.fa-kaaba:before {
    content: "\f66b"
}
.fa-key:before {
    content: "\f084"
}
.fa-keyboard:before {
    content: "\f11c"
}
.fa-khanda:before {
    content: "\f66d"
}
.fa-kip-sign:before {
    content: "\e1c4"
}
.fa-first-aid:before,.fa-kit-medical:before {
    content: "\f479"
}
.fa-kitchen-set:before {
    content: "\e51a"
}
.fa-kiwi-bird:before {
    content: "\f535"
}
.fa-l:before {
    content: "\4c"
}
.fa-land-mine-on:before {
    content: "\e51b"
}
.fa-landmark:before {
    content: "\f66f"
}
.fa-landmark-alt:before,.fa-landmark-dome:before {
    content: "\f752"
}
.fa-landmark-flag:before {
    content: "\e51c"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-laptop-code:before {
    content: "\f5fc"
}
.fa-laptop-file:before {
    content: "\e51d"
}
.fa-laptop-medical:before {
    content: "\f812"
}
.fa-lari-sign:before {
    content: "\e1c8"
}
.fa-layer-group:before {
    content: "\f5fd"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-left-long:before,.fa-long-arrow-alt-left:before {
    content: "\f30a"
}
.fa-arrows-alt-h:before,.fa-left-right:before {
    content: "\f337"
}
.fa-lemon:before {
    content: "\f094"
}
.fa-less-than:before {
    content: "\3c"
}
.fa-less-than-equal:before {
    content: "\f537"
}
.fa-life-ring:before {
    content: "\f1cd"
}
.fa-lightbulb:before {
    content: "\f0eb"
}
.fa-lines-leaning:before {
    content: "\e51e"
}
.fa-chain:before,.fa-link:before {
    content: "\f0c1"
}
.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before {
    content: "\f127"
}
.fa-lira-sign:before {
    content: "\f195"
}
.fa-list-squares:before,.fa-list:before {
    content: "\f03a"
}
.fa-list-check:before,.fa-tasks:before {
    content: "\f0ae"
}
.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before {
    content: "\f0cb"
}
.fa-list-dots:before,.fa-list-ul:before {
    content: "\f0ca"
}
.fa-litecoin-sign:before {
    content: "\e1d3"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-location-crosshairs:before,.fa-location:before {
    content: "\f601"
}
.fa-location-dot:before,.fa-map-marker-alt:before {
    content: "\f3c5"
}
.fa-location-pin:before,.fa-map-marker:before {
    content: "\f041"
}
.fa-location-pin-lock:before {
    content: "\e51f"
}
.fa-lock:before {
    content: "\f023"
}
.fa-lock-open:before {
    content: "\f3c1"
}
.fa-locust:before {
    content: "\e520"
}
.fa-lungs:before {
    content: "\f604"
}
.fa-lungs-virus:before {
    content: "\e067"
}
.fa-m:before {
    content: "\4d"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-magnifying-glass:before,.fa-search:before {
    content: "\f002"
}
.fa-magnifying-glass-arrow-right:before {
    content: "\e521"
}
.fa-magnifying-glass-chart:before {
    content: "\e522"
}
.fa-magnifying-glass-dollar:before,.fa-search-dollar:before {
    content: "\f688"
}
.fa-magnifying-glass-location:before,.fa-search-location:before {
    content: "\f689"
}
.fa-magnifying-glass-minus:before,.fa-search-minus:before {
    content: "\f010"
}
.fa-magnifying-glass-plus:before,.fa-search-plus:before {
    content: "\f00e"
}
.fa-manat-sign:before {
    content: "\e1d5"
}
.fa-map:before {
    content: "\f279"
}
.fa-map-location:before,.fa-map-marked:before {
    content: "\f59f"
}
.fa-map-location-dot:before,.fa-map-marked-alt:before {
    content: "\f5a0"
}
.fa-map-pin:before {
    content: "\f276"
}
.fa-marker:before {
    content: "\f5a1"
}
.fa-mars:before {
    content: "\f222"
}
.fa-mars-and-venus:before {
    content: "\f224"
}
.fa-mars-and-venus-burst:before {
    content: "\e523"
}
.fa-mars-double:before {
    content: "\f227"
}
.fa-mars-stroke:before {
    content: "\f229"
}
.fa-mars-stroke-h:before,.fa-mars-stroke-right:before {
    content: "\f22b"
}
.fa-mars-stroke-up:before,.fa-mars-stroke-v:before {
    content: "\f22a"
}
.fa-glass-martini-alt:before,.fa-martini-glass:before {
    content: "\f57b"
}
.fa-cocktail:before,.fa-martini-glass-citrus:before {
    content: "\f561"
}
.fa-glass-martini:before,.fa-martini-glass-empty:before {
    content: "\f000"
}
.fa-mask:before {
    content: "\f6fa"
}
.fa-mask-face:before {
    content: "\e1d7"
}
.fa-mask-ventilator:before {
    content: "\e524"
}
.fa-masks-theater:before,.fa-theater-masks:before {
    content: "\f630"
}
.fa-mattress-pillow:before {
    content: "\e525"
}
.fa-expand-arrows-alt:before,.fa-maximize:before {
    content: "\f31e"
}
.fa-medal:before {
    content: "\f5a2"
}
.fa-memory:before {
    content: "\f538"
}
.fa-menorah:before {
    content: "\f676"
}
.fa-mercury:before {
    content: "\f223"
}
.fa-comment-alt:before,.fa-message:before {
    content: "\f27a"
}
.fa-meteor:before {
    content: "\f753"
}
.fa-microchip:before {
    content: "\f2db"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-alt:before,.fa-microphone-lines:before {
    content: "\f3c9"
}
.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before {
    content: "\f539"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-microscope:before {
    content: "\f610"
}
.fa-mill-sign:before {
    content: "\e1ed"
}
.fa-compress-arrows-alt:before,.fa-minimize:before {
    content: "\f78c"
}
.fa-minus:before,.fa-subtract:before {
    content: "\f068"
}
.fa-mitten:before {
    content: "\f7b5"
}
.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f3ce"
}
.fa-mobile-button:before {
    content: "\f10b"
}
.fa-mobile-retro:before {
    content: "\e527"
}
.fa-mobile-android-alt:before,.fa-mobile-screen:before {
    content: "\f3cf"
}
.fa-mobile-alt:before,.fa-mobile-screen-button:before {
    content: "\f3cd"
}
.fa-money-bill:before {
    content: "\f0d6"
}
.fa-money-bill-1:before,.fa-money-bill-alt:before {
    content: "\f3d1"
}
.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before {
    content: "\f53b"
}
.fa-money-bill-transfer:before {
    content: "\e528"
}
.fa-money-bill-trend-up:before {
    content: "\e529"
}
.fa-money-bill-wave:before {
    content: "\f53a"
}
.fa-money-bill-wheat:before {
    content: "\e52a"
}
.fa-money-bills:before {
    content: "\e1f3"
}
.fa-money-check:before {
    content: "\f53c"
}
.fa-money-check-alt:before,.fa-money-check-dollar:before {
    content: "\f53d"
}
.fa-monument:before {
    content: "\f5a6"
}
.fa-moon:before {
    content: "\f186"
}
.fa-mortar-pestle:before {
    content: "\f5a7"
}
.fa-mosque:before {
    content: "\f678"
}
.fa-mosquito:before {
    content: "\e52b"
}
.fa-mosquito-net:before {
    content: "\e52c"
}
.fa-motorcycle:before {
    content: "\f21c"
}
.fa-mound:before {
    content: "\e52d"
}
.fa-mountain:before {
    content: "\f6fc"
}
.fa-mountain-city:before {
    content: "\e52e"
}
.fa-mountain-sun:before {
    content: "\e52f"
}
.fa-mug-hot:before {
    content: "\f7b6"
}
.fa-coffee:before,.fa-mug-saucer:before {
    content: "\f0f4"
}
.fa-music:before {
    content: "\f001"
}
.fa-n:before {
    content: "\4e"
}
.fa-naira-sign:before {
    content: "\e1f6"
}
.fa-network-wired:before {
    content: "\f6ff"
}
.fa-neuter:before {
    content: "\f22c"
}
.fa-newspaper:before {
    content: "\f1ea"
}
.fa-not-equal:before {
    content: "\f53e"
}
.fa-note-sticky:before,.fa-sticky-note:before {
    content: "\f249"
}
.fa-notes-medical:before {
    content: "\f481"
}
.fa-o:before {
    content: "\4f"
}
.fa-object-group:before {
    content: "\f247"
}
.fa-object-ungroup:before {
    content: "\f248"
}
.fa-oil-can:before {
    content: "\f613"
}
.fa-oil-well:before {
    content: "\e532"
}
.fa-om:before {
    content: "\f679"
}
.fa-otter:before {
    content: "\f700"
}
.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"
}
.fa-p:before {
    content: "\50"
}
.fa-pager:before {
    content: "\f815"
}
.fa-paint-roller:before {
    content: "\f5aa"
}
.fa-paint-brush:before,.fa-paintbrush:before {
    content: "\f1fc"
}
.fa-palette:before {
    content: "\f53f"
}
.fa-pallet:before {
    content: "\f482"
}
.fa-panorama:before {
    content: "\e209"
}
.fa-paper-plane:before {
    content: "\f1d8"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-parachute-box:before {
    content: "\f4cd"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-passport:before {
    content: "\f5ab"
}
.fa-file-clipboard:before,.fa-paste:before {
    content: "\f0ea"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-peace:before {
    content: "\f67c"
}
.fa-pen:before {
    content: "\f304"
}
.fa-pen-alt:before,.fa-pen-clip:before {
    content: "\f305"
}
.fa-pen-fancy:before {
    content: "\f5ac"
}
.fa-pen-nib:before {
    content: "\f5ad"
}
.fa-pen-ruler:before,.fa-pencil-ruler:before {
    content: "\f5ae"
}
.fa-edit:before,.fa-pen-to-square:before {
    content: "\f044"
}
.fa-pencil-alt:before,.fa-pencil:before {
    content: "\f303"
}
.fa-people-arrows-left-right:before,.fa-people-arrows:before {
    content: "\e068"
}
.fa-people-carry-box:before,.fa-people-carry:before {
    content: "\f4ce"
}
.fa-people-group:before {
    content: "\e533"
}
.fa-people-line:before {
    content: "\e534"
}
.fa-people-pulling:before {
    content: "\e535"
}
.fa-people-robbery:before {
    content: "\e536"
}
.fa-people-roof:before {
    content: "\e537"
}
.fa-pepper-hot:before {
    content: "\f816"
}
.fa-percent:before,.fa-percentage:before {
    content: "\25"
}
.fa-male:before,.fa-person:before {
    content: "\f183"
}
.fa-person-arrow-down-to-line:before {
    content: "\e538"
}
.fa-person-arrow-up-from-line:before {
    content: "\e539"
}
.fa-biking:before,.fa-person-biking:before {
    content: "\f84a"
}
.fa-person-booth:before {
    content: "\f756"
}
.fa-person-breastfeeding:before {
    content: "\e53a"
}
.fa-person-burst:before {
    content: "\e53b"
}
.fa-person-cane:before {
    content: "\e53c"
}
.fa-person-chalkboard:before {
    content: "\e53d"
}
.fa-person-circle-check:before {
    content: "\e53e"
}
.fa-person-circle-exclamation:before {
    content: "\e53f"
}
.fa-person-circle-minus:before {
    content: "\e540"
}
.fa-person-circle-plus:before {
    content: "\e541"
}
.fa-person-circle-question:before {
    content: "\e542"
}
.fa-person-circle-xmark:before {
    content: "\e543"
}
.fa-digging:before,.fa-person-digging:before {
    content: "\f85e"
}
.fa-diagnoses:before,.fa-person-dots-from-line:before {
    content: "\f470"
}
.fa-female:before,.fa-person-dress:before {
    content: "\f182"
}
.fa-person-dress-burst:before {
    content: "\e544"
}
.fa-person-drowning:before {
    content: "\e545"
}
.fa-person-falling:before {
    content: "\e546"
}
.fa-person-falling-burst:before {
    content: "\e547"
}
.fa-person-half-dress:before {
    content: "\e548"
}
.fa-person-harassing:before {
    content: "\e549"
}
.fa-hiking:before,.fa-person-hiking:before {
    content: "\f6ec"
}
.fa-person-military-pointing:before {
    content: "\e54a"
}
.fa-person-military-rifle:before {
    content: "\e54b"
}
.fa-person-military-to-person:before {
    content: "\e54c"
}
.fa-person-praying:before,.fa-pray:before {
    content: "\f683"
}
.fa-person-pregnant:before {
    content: "\e31e"
}
.fa-person-rays:before {
    content: "\e54d"
}
.fa-person-rifle:before {
    content: "\e54e"
}
.fa-person-running:before,.fa-running:before {
    content: "\f70c"
}
.fa-person-shelter:before {
    content: "\e54f"
}
.fa-person-skating:before,.fa-skating:before {
    content: "\f7c5"
}
.fa-person-skiing:before,.fa-skiing:before {
    content: "\f7c9"
}
.fa-person-skiing-nordic:before,.fa-skiing-nordic:before {
    content: "\f7ca"
}
.fa-person-snowboarding:before,.fa-snowboarding:before {
    content: "\f7ce"
}
.fa-person-swimming:before,.fa-swimmer:before {
    content: "\f5c4"
}
.fa-person-through-window:before {
    content: "\e433"
}
.fa-person-walking:before,.fa-walking:before {
    content: "\f554"
}
.fa-person-walking-arrow-loop-left:before {
    content: "\e551"
}
.fa-person-walking-arrow-right:before {
    content: "\e552"
}
.fa-person-walking-dashed-line-arrow-right:before {
    content: "\e553"
}
.fa-person-walking-luggage:before {
    content: "\e554"
}
.fa-blind:before,.fa-person-walking-with-cane:before {
    content: "\f29d"
}
.fa-peseta-sign:before {
    content: "\e221"
}
.fa-peso-sign:before {
    content: "\e222"
}
.fa-phone:before {
    content: "\f095"
}
.fa-phone-alt:before,.fa-phone-flip:before {
    content: "\f879"
}
.fa-phone-slash:before {
    content: "\f3dd"
}
.fa-phone-volume:before,.fa-volume-control-phone:before {
    content: "\f2a0"
}
.fa-photo-film:before,.fa-photo-video:before {
    content: "\f87c"
}
.fa-piggy-bank:before {
    content: "\f4d3"
}
.fa-pills:before {
    content: "\f484"
}
.fa-pizza-slice:before {
    content: "\f818"
}
.fa-place-of-worship:before {
    content: "\f67f"
}
.fa-plane:before {
    content: "\f072"
}
.fa-plane-arrival:before {
    content: "\f5af"
}
.fa-plane-circle-check:before {
    content: "\e555"
}
.fa-plane-circle-exclamation:before {
    content: "\e556"
}
.fa-plane-circle-xmark:before {
    content: "\e557"
}
.fa-plane-departure:before {
    content: "\f5b0"
}
.fa-plane-lock:before {
    content: "\e558"
}
.fa-plane-slash:before {
    content: "\e069"
}
.fa-plane-up:before {
    content: "\e22d"
}
.fa-plant-wilt:before {
    content: "\e43b"
}
.fa-plate-wheat:before {
    content: "\e55a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-plug-circle-bolt:before {
    content: "\e55b"
}
.fa-plug-circle-check:before {
    content: "\e55c"
}
.fa-plug-circle-exclamation:before {
    content: "\e55d"
}
.fa-plug-circle-minus:before {
    content: "\e55e"
}
.fa-plug-circle-plus:before {
    content: "\e55f"
}
.fa-plug-circle-xmark:before {
    content: "\e560"
}
.fa-add:before,.fa-plus:before {
    content: "\2b"
}
.fa-plus-minus:before {
    content: "\e43c"
}
.fa-podcast:before {
    content: "\f2ce"
}
.fa-poo:before {
    content: "\f2fe"
}
.fa-poo-bolt:before,.fa-poo-storm:before {
    content: "\f75a"
}
.fa-poop:before {
    content: "\f619"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-prescription:before {
    content: "\f5b1"
}
.fa-prescription-bottle:before {
    content: "\f485"
}
.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before {
    content: "\f486"
}
.fa-print:before {
    content: "\f02f"
}
.fa-pump-medical:before {
    content: "\e06a"
}
.fa-pump-soap:before {
    content: "\e06b"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-q:before {
    content: "\51"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-question:before {
    content: "\3f"
}
.fa-quote-left-alt:before,.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right-alt:before,.fa-quote-right:before {
    content: "\f10e"
}
.fa-r:before {
    content: "\52"
}
.fa-radiation:before {
    content: "\f7b9"
}
.fa-radio:before {
    content: "\f8d7"
}
.fa-rainbow:before {
    content: "\f75b"
}
.fa-ranking-star:before {
    content: "\e561"
}
.fa-receipt:before {
    content: "\f543"
}
.fa-record-vinyl:before {
    content: "\f8d9"
}
.fa-ad:before,.fa-rectangle-ad:before {
    content: "\f641"
}
.fa-list-alt:before,.fa-rectangle-list:before {
    content: "\f022"
}
.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before {
    content: "\f410"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-registered:before {
    content: "\f25d"
}
.fa-repeat:before {
    content: "\f363"
}
.fa-mail-reply:before,.fa-reply:before {
    content: "\f3e5"
}
.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"
}
.fa-republican:before {
    content: "\f75e"
}
.fa-restroom:before {
    content: "\f7bd"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-ribbon:before {
    content: "\f4d6"
}
.fa-right-from-bracket:before,.fa-sign-out-alt:before {
    content: "\f2f5"
}
.fa-exchange-alt:before,.fa-right-left:before {
    content: "\f362"
}
.fa-long-arrow-alt-right:before,.fa-right-long:before {
    content: "\f30b"
}
.fa-right-to-bracket:before,.fa-sign-in-alt:before {
    content: "\f2f6"
}
.fa-ring:before {
    content: "\f70b"
}
.fa-road:before {
    content: "\f018"
}
.fa-road-barrier:before {
    content: "\e562"
}
.fa-road-bridge:before {
    content: "\e563"
}
.fa-road-circle-check:before {
    content: "\e564"
}
.fa-road-circle-exclamation:before {
    content: "\e565"
}
.fa-road-circle-xmark:before {
    content: "\e566"
}
.fa-road-lock:before {
    content: "\e567"
}
.fa-road-spikes:before {
    content: "\e568"
}
.fa-robot:before {
    content: "\f544"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-rotate:before,.fa-sync-alt:before {
    content: "\f2f1"
}
.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before {
    content: "\f2ea"
}
.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before {
    content: "\f2f9"
}
.fa-route:before {
    content: "\f4d7"
}
.fa-feed:before,.fa-rss:before {
    content: "\f09e"
}
.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before {
    content: "\f158"
}
.fa-rug:before {
    content: "\e569"
}
.fa-ruler:before {
    content: "\f545"
}
.fa-ruler-combined:before {
    content: "\f546"
}
.fa-ruler-horizontal:before {
    content: "\f547"
}
.fa-ruler-vertical:before {
    content: "\f548"
}
.fa-rupee-sign:before,.fa-rupee:before {
    content: "\f156"
}
.fa-rupiah-sign:before {
    content: "\e23d"
}
.fa-s:before {
    content: "\53"
}
.fa-sack-dollar:before {
    content: "\f81d"
}
.fa-sack-xmark:before {
    content: "\e56a"
}
.fa-sailboat:before {
    content: "\e445"
}
.fa-satellite:before {
    content: "\f7bf"
}
.fa-satellite-dish:before {
    content: "\f7c0"
}
.fa-balance-scale:before,.fa-scale-balanced:before {
    content: "\f24e"
}
.fa-balance-scale-left:before,.fa-scale-unbalanced:before {
    content: "\f515"
}
.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before {
    content: "\f516"
}
.fa-school:before {
    content: "\f549"
}
.fa-school-circle-check:before {
    content: "\e56b"
}
.fa-school-circle-exclamation:before {
    content: "\e56c"
}
.fa-school-circle-xmark:before {
    content: "\e56d"
}
.fa-school-flag:before {
    content: "\e56e"
}
.fa-school-lock:before {
    content: "\e56f"
}
.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"
}
.fa-screwdriver:before {
    content: "\f54a"
}
.fa-screwdriver-wrench:before,.fa-tools:before {
    content: "\f7d9"
}
.fa-scroll:before {
    content: "\f70e"
}
.fa-scroll-torah:before,.fa-torah:before {
    content: "\f6a0"
}
.fa-sd-card:before {
    content: "\f7c2"
}
.fa-section:before {
    content: "\e447"
}
.fa-seedling:before,.fa-sprout:before {
    content: "\f4d8"
}
.fa-server:before {
    content: "\f233"
}
.fa-shapes:before,.fa-triangle-circle-square:before {
    content: "\f61f"
}
.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before {
    content: "\f064"
}
.fa-share-from-square:before,.fa-share-square:before {
    content: "\f14d"
}
.fa-share-alt:before,.fa-share-nodes:before {
    content: "\f1e0"
}
.fa-sheet-plastic:before {
    content: "\e571"
}
.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before {
    content: "\f20b"
}
.fa-shield-blank:before,.fa-shield:before {
    content: "\f132"
}
.fa-shield-cat:before {
    content: "\e572"
}
.fa-shield-dog:before {
    content: "\e573"
}
.fa-shield-alt:before,.fa-shield-halved:before {
    content: "\f3ed"
}
.fa-shield-heart:before {
    content: "\e574"
}
.fa-shield-virus:before {
    content: "\e06c"
}
.fa-ship:before {
    content: "\f21a"
}
.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before {
    content: "\f553"
}
.fa-shoe-prints:before {
    content: "\f54b"
}
.fa-shop:before,.fa-store-alt:before {
    content: "\f54f"
}
.fa-shop-lock:before {
    content: "\e4a5"
}
.fa-shop-slash:before,.fa-store-alt-slash:before {
    content: "\e070"
}
.fa-shower:before {
    content: "\f2cc"
}
.fa-shrimp:before {
    content: "\e448"
}
.fa-random:before,.fa-shuffle:before {
    content: "\f074"
}
.fa-shuttle-space:before,.fa-space-shuttle:before {
    content: "\f197"
}
.fa-sign-hanging:before,.fa-sign:before {
    content: "\f4d9"
}
.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before {
    content: "\f012"
}
.fa-signature:before {
    content: "\f5b7"
}
.fa-map-signs:before,.fa-signs-post:before {
    content: "\f277"
}
.fa-sim-card:before {
    content: "\f7c4"
}
.fa-sink:before {
    content: "\e06d"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-skull:before {
    content: "\f54c"
}
.fa-skull-crossbones:before {
    content: "\f714"
}
.fa-slash:before {
    content: "\f715"
}
.fa-sleigh:before {
    content: "\f7cc"
}
.fa-sliders-h:before,.fa-sliders:before {
    content: "\f1de"
}
.fa-smog:before {
    content: "\f75f"
}
.fa-smoking:before {
    content: "\f48d"
}
.fa-snowflake:before {
    content: "\f2dc"
}
.fa-snowman:before {
    content: "\f7d0"
}
.fa-snowplow:before {
    content: "\f7d2"
}
.fa-soap:before {
    content: "\e06e"
}
.fa-socks:before {
    content: "\f696"
}
.fa-solar-panel:before {
    content: "\f5ba"
}
.fa-sort:before,.fa-unsorted:before {
    content: "\f0dc"
}
.fa-sort-desc:before,.fa-sort-down:before {
    content: "\f0dd"
}
.fa-sort-asc:before,.fa-sort-up:before {
    content: "\f0de"
}
.fa-spa:before {
    content: "\f5bb"
}
.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before {
    content: "\f67b"
}
.fa-spell-check:before {
    content: "\f891"
}
.fa-spider:before {
    content: "\f717"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-splotch:before {
    content: "\f5bc"
}
.fa-spoon:before,.fa-utensil-spoon:before {
    content: "\f2e5"
}
.fa-spray-can:before {
    content: "\f5bd"
}
.fa-air-freshener:before,.fa-spray-can-sparkles:before {
    content: "\f5d0"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-external-link-square:before,.fa-square-arrow-up-right:before {
    content: "\f14c"
}
.fa-caret-square-down:before,.fa-square-caret-down:before {
    content: "\f150"
}
.fa-caret-square-left:before,.fa-square-caret-left:before {
    content: "\f191"
}
.fa-caret-square-right:before,.fa-square-caret-right:before {
    content: "\f152"
}
.fa-caret-square-up:before,.fa-square-caret-up:before {
    content: "\f151"
}
.fa-check-square:before,.fa-square-check:before {
    content: "\f14a"
}
.fa-envelope-square:before,.fa-square-envelope:before {
    content: "\f199"
}
.fa-square-full:before {
    content: "\f45c"
}
.fa-h-square:before,.fa-square-h:before {
    content: "\f0fd"
}
.fa-minus-square:before,.fa-square-minus:before {
    content: "\f146"
}
.fa-square-nfi:before {
    content: "\e576"
}
.fa-parking:before,.fa-square-parking:before {
    content: "\f540"
}
.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before {
    content: "\f14b"
}
.fa-square-person-confined:before {
    content: "\e577"
}
.fa-phone-square:before,.fa-square-phone:before {
    content: "\f098"
}
.fa-phone-square-alt:before,.fa-square-phone-flip:before {
    content: "\f87b"
}
.fa-plus-square:before,.fa-square-plus:before {
    content: "\f0fe"
}
.fa-poll-h:before,.fa-square-poll-horizontal:before {
    content: "\f682"
}
.fa-poll:before,.fa-square-poll-vertical:before {
    content: "\f681"
}
.fa-square-root-alt:before,.fa-square-root-variable:before {
    content: "\f698"
}
.fa-rss-square:before,.fa-square-rss:before {
    content: "\f143"
}
.fa-share-alt-square:before,.fa-square-share-nodes:before {
    content: "\f1e1"
}
.fa-external-link-square-alt:before,.fa-square-up-right:before {
    content: "\f360"
}
.fa-square-virus:before {
    content: "\e578"
}
.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before {
    content: "\f2d3"
}
.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before {
    content: "\e579"
}
.fa-stairs:before {
    content: "\e289"
}
.fa-stamp:before {
    content: "\f5bf"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-and-crescent:before {
    content: "\f699"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-star-half-alt:before,.fa-star-half-stroke:before {
    content: "\f5c0"
}
.fa-star-of-david:before {
    content: "\f69a"
}
.fa-star-of-life:before {
    content: "\f621"
}
.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before {
    content: "\f154"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-stopwatch:before {
    content: "\f2f2"
}
.fa-stopwatch-20:before {
    content: "\e06f"
}
.fa-store:before {
    content: "\f54e"
}
.fa-store-slash:before {
    content: "\e071"
}
.fa-street-view:before {
    content: "\f21d"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-stroopwafel:before {
    content: "\f551"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-medkit:before,.fa-suitcase-medical:before {
    content: "\f0fa"
}
.fa-suitcase-rolling:before {
    content: "\f5c1"
}
.fa-sun:before {
    content: "\f185"
}
.fa-sun-plant-wilt:before {
    content: "\e57a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-swatchbook:before {
    content: "\f5c3"
}
.fa-synagogue:before {
    content: "\f69b"
}
.fa-syringe:before {
    content: "\f48e"
}
.fa-t:before {
    content: "\54"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-table-cells:before,.fa-th:before {
    content: "\f00a"
}
.fa-table-cells-large:before,.fa-th-large:before {
    content: "\f009"
}
.fa-columns:before,.fa-table-columns:before {
    content: "\f0db"
}
.fa-table-list:before,.fa-th-list:before {
    content: "\f00b"
}
.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before {
    content: "\f45d"
}
.fa-tablet-android:before,.fa-tablet:before {
    content: "\f3fb"
}
.fa-tablet-button:before {
    content: "\f10a"
}
.fa-tablet-alt:before,.fa-tablet-screen-button:before {
    content: "\f3fa"
}
.fa-tablets:before {
    content: "\f490"
}
.fa-digital-tachograph:before,.fa-tachograph-digital:before {
    content: "\f566"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-tape:before {
    content: "\f4db"
}
.fa-tarp:before {
    content: "\e57b"
}
.fa-tarp-droplet:before {
    content: "\e57c"
}
.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"
}
.fa-teeth:before {
    content: "\f62e"
}
.fa-teeth-open:before {
    content: "\f62f"
}
.fa-temperature-arrow-down:before,.fa-temperature-down:before {
    content: "\e03f"
}
.fa-temperature-arrow-up:before,.fa-temperature-up:before {
    content: "\e040"
}
.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: "\f2cb"
}
.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before {
    content: "\f2c7"
}
.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: "\f2c9"
}
.fa-temperature-high:before {
    content: "\f769"
}
.fa-temperature-low:before {
    content: "\f76b"
}
.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: "\f2ca"
}
.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}
.fa-tenge-sign:before,.fa-tenge:before {
    content: "\f7d7"
}
.fa-tent:before {
    content: "\e57d"
}
.fa-tent-arrow-down-to-line:before {
    content: "\e57e"
}
.fa-tent-arrow-left-right:before {
    content: "\e57f"
}
.fa-tent-arrow-turn-left:before {
    content: "\e580"
}
.fa-tent-arrows-down:before {
    content: "\e581"
}
.fa-tents:before {
    content: "\e582"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-remove-format:before,.fa-text-slash:before {
    content: "\f87d"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-thermometer:before {
    content: "\f491"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumb-tack:before,.fa-thumbtack:before {
    content: "\f08d"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-ticket-alt:before,.fa-ticket-simple:before {
    content: "\f3ff"
}
.fa-timeline:before {
    content: "\e29c"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-toilet:before {
    content: "\f7d8"
}
.fa-toilet-paper:before {
    content: "\f71e"
}
.fa-toilet-paper-slash:before {
    content: "\e072"
}
.fa-toilet-portable:before {
    content: "\e583"
}
.fa-toilets-portable:before {
    content: "\e584"
}
.fa-toolbox:before {
    content: "\f552"
}
.fa-tooth:before {
    content: "\f5c9"
}
.fa-torii-gate:before {
    content: "\f6a1"
}
.fa-tornado:before {
    content: "\f76f"
}
.fa-broadcast-tower:before,.fa-tower-broadcast:before {
    content: "\f519"
}
.fa-tower-cell:before {
    content: "\e585"
}
.fa-tower-observation:before {
    content: "\e586"
}
.fa-tractor:before {
    content: "\f722"
}
.fa-trademark:before {
    content: "\f25c"
}
.fa-traffic-light:before {
    content: "\f637"
}
.fa-trailer:before {
    content: "\e041"
}
.fa-train:before {
    content: "\f238"
}
.fa-subway:before,.fa-train-subway:before {
    content: "\f239"
}
.fa-train-tram:before,.fa-tram:before {
    content: "\f7da"
}
.fa-transgender-alt:before,.fa-transgender:before {
    content: "\f225"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-trash-arrow-up:before,.fa-trash-restore:before {
    content: "\f829"
}
.fa-trash-alt:before,.fa-trash-can:before {
    content: "\f2ed"
}
.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before {
    content: "\f82a"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-tree-city:before {
    content: "\e587"
}
.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before {
    content: "\f071"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-trowel:before {
    content: "\e589"
}
.fa-trowel-bricks:before {
    content: "\e58a"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-truck-arrow-right:before {
    content: "\e58b"
}
.fa-truck-droplet:before {
    content: "\e58c"
}
.fa-shipping-fast:before,.fa-truck-fast:before {
    content: "\f48b"
}
.fa-truck-field:before {
    content: "\e58d"
}
.fa-truck-field-un:before {
    content: "\e58e"
}
.fa-truck-front:before {
    content: "\e2b7"
}
.fa-ambulance:before,.fa-truck-medical:before {
    content: "\f0f9"
}
.fa-truck-monster:before {
    content: "\f63b"
}
.fa-truck-moving:before {
    content: "\f4df"
}
.fa-truck-pickup:before {
    content: "\f63c"
}
.fa-truck-plane:before {
    content: "\e58f"
}
.fa-truck-loading:before,.fa-truck-ramp-box:before {
    content: "\f4de"
}
.fa-teletype:before,.fa-tty:before {
    content: "\f1e4"
}
.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before {
    content: "\e2bb"
}
.fa-level-down-alt:before,.fa-turn-down:before {
    content: "\f3be"
}
.fa-level-up-alt:before,.fa-turn-up:before {
    content: "\f3bf"
}
.fa-television:before,.fa-tv-alt:before,.fa-tv:before {
    content: "\f26c"
}
.fa-u:before {
    content: "\55"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-umbrella-beach:before {
    content: "\f5ca"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-universal-access:before {
    content: "\f29a"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-unlock-alt:before,.fa-unlock-keyhole:before {
    content: "\f13e"
}
.fa-arrows-alt-v:before,.fa-up-down:before {
    content: "\f338"
}
.fa-arrows-alt:before,.fa-up-down-left-right:before {
    content: "\f0b2"
}
.fa-long-arrow-alt-up:before,.fa-up-long:before {
    content: "\f30c"
}
.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before {
    content: "\f424"
}
.fa-external-link-alt:before,.fa-up-right-from-square:before {
    content: "\f35d"
}
.fa-upload:before {
    content: "\f093"
}
.fa-user:before {
    content: "\f007"
}
.fa-user-astronaut:before {
    content: "\f4fb"
}
.fa-user-check:before {
    content: "\f4fc"
}
.fa-user-clock:before {
    content: "\f4fd"
}
.fa-user-doctor:before,.fa-user-md:before {
    content: "\f0f0"
}
.fa-user-cog:before,.fa-user-gear:before {
    content: "\f4fe"
}
.fa-user-graduate:before {
    content: "\f501"
}
.fa-user-friends:before,.fa-user-group:before {
    content: "\f500"
}
.fa-user-injured:before {
    content: "\f728"
}
.fa-user-alt:before,.fa-user-large:before {
    content: "\f406"
}
.fa-user-alt-slash:before,.fa-user-large-slash:before {
    content: "\f4fa"
}
.fa-user-lock:before {
    content: "\f502"
}
.fa-user-minus:before {
    content: "\f503"
}
.fa-user-ninja:before {
    content: "\f504"
}
.fa-user-nurse:before {
    content: "\f82f"
}
.fa-user-edit:before,.fa-user-pen:before {
    content: "\f4ff"
}
.fa-user-plus:before {
    content: "\f234"
}
.fa-user-secret:before {
    content: "\f21b"
}
.fa-user-shield:before {
    content: "\f505"
}
.fa-user-slash:before {
    content: "\f506"
}
.fa-user-tag:before {
    content: "\f507"
}
.fa-user-tie:before {
    content: "\f508"
}
.fa-user-times:before,.fa-user-xmark:before {
    content: "\f235"
}
.fa-users:before {
    content: "\f0c0"
}
.fa-users-between-lines:before {
    content: "\e591"
}
.fa-users-cog:before,.fa-users-gear:before {
    content: "\f509"
}
.fa-users-line:before {
    content: "\e592"
}
.fa-users-rays:before {
    content: "\e593"
}
.fa-users-rectangle:before {
    content: "\e594"
}
.fa-users-slash:before {
    content: "\e073"
}
.fa-users-viewfinder:before {
    content: "\e595"
}
.fa-cutlery:before,.fa-utensils:before {
    content: "\f2e7"
}
.fa-v:before {
    content: "\56"
}
.fa-shuttle-van:before,.fa-van-shuttle:before {
    content: "\f5b6"
}
.fa-vault:before {
    content: "\e2c5"
}
.fa-vector-square:before {
    content: "\f5cb"
}
.fa-venus:before {
    content: "\f221"
}
.fa-venus-double:before {
    content: "\f226"
}
.fa-venus-mars:before {
    content: "\f228"
}
.fa-vest:before {
    content: "\e085"
}
.fa-vest-patches:before {
    content: "\e086"
}
.fa-vial:before {
    content: "\f492"
}
.fa-vial-circle-check:before {
    content: "\e596"
}
.fa-vial-virus:before {
    content: "\e597"
}
.fa-vials:before {
    content: "\f493"
}
.fa-video-camera:before,.fa-video:before {
    content: "\f03d"
}
.fa-video-slash:before {
    content: "\f4e2"
}
.fa-vihara:before {
    content: "\f6a7"
}
.fa-virus:before {
    content: "\e074"
}
.fa-virus-covid:before {
    content: "\e4a8"
}
.fa-virus-covid-slash:before {
    content: "\e4a9"
}
.fa-virus-slash:before {
    content: "\e075"
}
.fa-viruses:before {
    content: "\e076"
}
.fa-voicemail:before {
    content: "\f897"
}
.fa-volcano:before {
    content: "\f770"
}
.fa-volleyball-ball:before,.fa-volleyball:before {
    content: "\f45f"
}
.fa-volume-high:before,.fa-volume-up:before {
    content: "\f028"
}
.fa-volume-down:before,.fa-volume-low:before {
    content: "\f027"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before {
    content: "\f6a9"
}
.fa-vr-cardboard:before {
    content: "\f729"
}
.fa-w:before {
    content: "\57"
}
.fa-walkie-talkie:before {
    content: "\f8ef"
}
.fa-wallet:before {
    content: "\f555"
}
.fa-magic:before,.fa-wand-magic:before {
    content: "\f0d0"
}
.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before {
    content: "\e2ca"
}
.fa-wand-sparkles:before {
    content: "\f72b"
}
.fa-warehouse:before {
    content: "\f494"
}
.fa-water:before {
    content: "\f773"
}
.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before {
    content: "\f5c5"
}
.fa-wave-square:before {
    content: "\f83e"
}
.fa-weight-hanging:before {
    content: "\f5cd"
}
.fa-weight-scale:before,.fa-weight:before {
    content: "\f496"
}
.fa-wheat-alt:before,.fa-wheat-awn:before {
    content: "\e2cd"
}
.fa-wheat-awn-circle-exclamation:before {
    content: "\e598"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-wheelchair-alt:before,.fa-wheelchair-move:before {
    content: "\e2ce"
}
.fa-glass-whiskey:before,.fa-whiskey-glass:before {
    content: "\f7a0"
}
.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before {
    content: "\f1eb"
}
.fa-wind:before {
    content: "\f72e"
}
.fa-window-maximize:before {
    content: "\f2d0"
}
.fa-window-minimize:before {
    content: "\f2d1"
}
.fa-window-restore:before {
    content: "\f2d2"
}
.fa-wine-bottle:before {
    content: "\f72f"
}
.fa-wine-glass:before {
    content: "\f4e3"
}
.fa-wine-glass-alt:before,.fa-wine-glass-empty:before {
    content: "\f5ce"
}
.fa-krw:before,.fa-won-sign:before,.fa-won:before {
    content: "\f159"
}
.fa-worm:before {
    content: "\e599"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-x:before {
    content: "\58"
}
.fa-x-ray:before {
    content: "\f497"
}
.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before {
    content: "\f00d"
}
.fa-xmarks-lines:before {
    content: "\e59a"
}
.fa-y:before {
    content: "\59"
}
.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before {
    content: "\f157"
}
.fa-yin-yang:before {
    content: "\f6ad"
}
.fa-z:before {
    content: "\5a"
}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}
:host,:root {
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}
@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-brands-400.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-brands-400.ttf) format("truetype")
}
.fa-brands,.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}
.fa-42-group:before,.fa-innosoft:before {
    content: "\e080"
}
.fa-500px:before {
    content: "\f26e"
}
.fa-accessible-icon:before {
    content: "\f368"
}
.fa-accusoft:before {
    content: "\f369"
}
.fa-adn:before {
    content: "\f170"
}
.fa-adversal:before {
    content: "\f36a"
}
.fa-affiliatetheme:before {
    content: "\f36b"
}
.fa-airbnb:before {
    content: "\f834"
}
.fa-algolia:before {
    content: "\f36c"
}
.fa-alipay:before {
    content: "\f642"
}
.fa-amazon:before {
    content: "\f270"
}
.fa-amazon-pay:before {
    content: "\f42c"
}
.fa-amilia:before {
    content: "\f36d"
}
.fa-android:before {
    content: "\f17b"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-angrycreative:before {
    content: "\f36e"
}
.fa-angular:before {
    content: "\f420"
}
.fa-app-store:before {
    content: "\f36f"
}
.fa-app-store-ios:before {
    content: "\f370"
}
.fa-apper:before {
    content: "\f371"
}
.fa-apple:before {
    content: "\f179"
}
.fa-apple-pay:before {
    content: "\f415"
}
.fa-artstation:before {
    content: "\f77a"
}
.fa-asymmetrik:before {
    content: "\f372"
}
.fa-atlassian:before {
    content: "\f77b"
}
.fa-audible:before {
    content: "\f373"
}
.fa-autoprefixer:before {
    content: "\f41c"
}
.fa-avianex:before {
    content: "\f374"
}
.fa-aviato:before {
    content: "\f421"
}
.fa-aws:before {
    content: "\f375"
}
.fa-bandcamp:before {
    content: "\f2d5"
}
.fa-battle-net:before {
    content: "\f835"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-bilibili:before {
    content: "\e3d9"
}
.fa-bimobject:before {
    content: "\f378"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitcoin:before {
    content: "\f379"
}
.fa-bity:before {
    content: "\f37a"
}
.fa-black-tie:before {
    content: "\f27e"
}
.fa-blackberry:before {
    content: "\f37b"
}
.fa-blogger:before {
    content: "\f37c"
}
.fa-blogger-b:before {
    content: "\f37d"
}
.fa-bluetooth:before {
    content: "\f293"
}
.fa-bluetooth-b:before {
    content: "\f294"
}
.fa-bootstrap:before {
    content: "\f836"
}
.fa-bots:before {
    content: "\e340"
}
.fa-btc:before {
    content: "\f15a"
}
.fa-buffer:before {
    content: "\f837"
}
.fa-buromobelexperte:before {
    content: "\f37f"
}
.fa-buy-n-large:before {
    content: "\f8a6"
}
.fa-buysellads:before {
    content: "\f20d"
}
.fa-canadian-maple-leaf:before {
    content: "\f785"
}
.fa-cc-amazon-pay:before {
    content: "\f42d"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-apple-pay:before {
    content: "\f416"
}
.fa-cc-diners-club:before {
    content: "\f24c"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-jcb:before {
    content: "\f24b"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-centercode:before {
    content: "\f380"
}
.fa-centos:before {
    content: "\f789"
}
.fa-chrome:before {
    content: "\f268"
}
.fa-chromecast:before {
    content: "\f838"
}
.fa-cloudflare:before {
    content: "\e07d"
}
.fa-cloudscale:before {
    content: "\f383"
}
.fa-cloudsmith:before {
    content: "\f384"
}
.fa-cloudversify:before {
    content: "\f385"
}
.fa-cmplid:before {
    content: "\e360"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-codiepie:before {
    content: "\f284"
}
.fa-confluence:before {
    content: "\f78d"
}
.fa-connectdevelop:before {
    content: "\f20e"
}
.fa-contao:before {
    content: "\f26d"
}
.fa-cotton-bureau:before {
    content: "\f89e"
}
.fa-cpanel:before {
    content: "\f388"
}
.fa-creative-commons:before {
    content: "\f25e"
}
.fa-creative-commons-by:before {
    content: "\f4e7"
}
.fa-creative-commons-nc:before {
    content: "\f4e8"
}
.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}
.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}
.fa-creative-commons-nd:before {
    content: "\f4eb"
}
.fa-creative-commons-pd:before {
    content: "\f4ec"
}
.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}
.fa-creative-commons-remix:before {
    content: "\f4ee"
}
.fa-creative-commons-sa:before {
    content: "\f4ef"
}
.fa-creative-commons-sampling:before {
    content: "\f4f0"
}
.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}
.fa-creative-commons-share:before {
    content: "\f4f2"
}
.fa-creative-commons-zero:before {
    content: "\f4f3"
}
.fa-critical-role:before {
    content: "\f6c9"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-css3-alt:before {
    content: "\f38b"
}
.fa-cuttlefish:before {
    content: "\f38c"
}
.fa-d-and-d:before {
    content: "\f38d"
}
.fa-d-and-d-beyond:before {
    content: "\f6ca"
}
.fa-dailymotion:before {
    content: "\e052"
}
.fa-dashcube:before {
    content: "\f210"
}
.fa-deezer:before {
    content: "\e077"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-deploydog:before {
    content: "\f38e"
}
.fa-deskpro:before {
    content: "\f38f"
}
.fa-dev:before {
    content: "\f6cc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-dhl:before {
    content: "\f790"
}
.fa-diaspora:before {
    content: "\f791"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-digital-ocean:before {
    content: "\f391"
}
.fa-discord:before {
    content: "\f392"
}
.fa-discourse:before {
    content: "\f393"
}
.fa-dochub:before {
    content: "\f394"
}
.fa-docker:before {
    content: "\f395"
}
.fa-draft2digital:before {
    content: "\f396"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-dribbble-square:before {
    content: "\f397"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-dyalog:before {
    content: "\f399"
}
.fa-earlybirds:before {
    content: "\f39a"
}
.fa-ebay:before {
    content: "\f4f4"
}
.fa-edge:before {
    content: "\f282"
}
.fa-edge-legacy:before {
    content: "\e078"
}
.fa-elementor:before {
    content: "\f430"
}
.fa-ello:before {
    content: "\f5f1"
}
.fa-ember:before {
    content: "\f423"
}
.fa-empire:before {
    content: "\f1d1"
}
.fa-envira:before {
    content: "\f299"
}
.fa-erlang:before {
    content: "\f39d"
}
.fa-ethereum:before {
    content: "\f42e"
}
.fa-etsy:before {
    content: "\f2d7"
}
.fa-evernote:before {
    content: "\f839"
}
.fa-expeditedssl:before {
    content: "\f23e"
}
.fa-facebook:before {
    content: "\f09a"
}
.fa-facebook-f:before {
    content: "\f39e"
}
.fa-facebook-messenger:before {
    content: "\f39f"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-fantasy-flight-games:before {
    content: "\f6dc"
}
.fa-fedex:before {
    content: "\f797"
}
.fa-fedora:before {
    content: "\f798"
}
.fa-figma:before {
    content: "\f799"
}
.fa-firefox:before {
    content: "\f269"
}
.fa-firefox-browser:before {
    content: "\e007"
}
.fa-first-order:before {
    content: "\f2b0"
}
.fa-first-order-alt:before {
    content: "\f50a"
}
.fa-firstdraft:before {
    content: "\f3a1"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-flipboard:before {
    content: "\f44d"
}
.fa-fly:before {
    content: "\f417"
}
.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before {
    content: "\f2b4"
}
.fa-fonticons:before {
    content: "\f280"
}
.fa-fonticons-fi:before {
    content: "\f3a2"
}
.fa-fort-awesome:before {
    content: "\f286"
}
.fa-fort-awesome-alt:before {
    content: "\f3a3"
}
.fa-forumbee:before {
    content: "\f211"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-free-code-camp:before {
    content: "\f2c5"
}
.fa-freebsd:before {
    content: "\f3a4"
}
.fa-fulcrum:before {
    content: "\f50b"
}
.fa-galactic-republic:before {
    content: "\f50c"
}
.fa-galactic-senate:before {
    content: "\f50d"
}
.fa-get-pocket:before {
    content: "\f265"
}
.fa-gg:before {
    content: "\f260"
}
.fa-gg-circle:before {
    content: "\f261"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-git-alt:before {
    content: "\f841"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-github:before {
    content: "\f09b"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-gitkraken:before {
    content: "\f3a6"
}
.fa-gitlab:before {
    content: "\f296"
}
.fa-gitter:before {
    content: "\f426"
}
.fa-glide:before {
    content: "\f2a5"
}
.fa-glide-g:before {
    content: "\f2a6"
}
.fa-gofore:before {
    content: "\f3a7"
}
.fa-golang:before {
    content: "\e40f"
}
.fa-goodreads:before {
    content: "\f3a8"
}
.fa-goodreads-g:before {
    content: "\f3a9"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-google-drive:before {
    content: "\f3aa"
}
.fa-google-pay:before {
    content: "\e079"
}
.fa-google-play:before {
    content: "\f3ab"
}
.fa-google-plus:before {
    content: "\f2b3"
}
.fa-google-plus-g:before {
    content: "\f0d5"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-gratipay:before {
    content: "\f184"
}
.fa-grav:before {
    content: "\f2d6"
}
.fa-gripfire:before {
    content: "\f3ac"
}
.fa-grunt:before {
    content: "\f3ad"
}
.fa-guilded:before {
    content: "\e07e"
}
.fa-gulp:before {
    content: "\f3ae"
}
.fa-hacker-news:before {
    content: "\f1d4"
}
.fa-hacker-news-square:before {
    content: "\f3af"
}
.fa-hackerrank:before {
    content: "\f5f7"
}
.fa-hashnode:before {
    content: "\e499"
}
.fa-hips:before {
    content: "\f452"
}
.fa-hire-a-helper:before {
    content: "\f3b0"
}
.fa-hive:before {
    content: "\e07f"
}
.fa-hooli:before {
    content: "\f427"
}
.fa-hornbill:before {
    content: "\f592"
}
.fa-hotjar:before {
    content: "\f3b1"
}
.fa-houzz:before {
    content: "\f27c"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-hubspot:before {
    content: "\f3b2"
}
.fa-ideal:before {
    content: "\e013"
}
.fa-imdb:before {
    content: "\f2d8"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-instagram-square:before {
    content: "\e055"
}
.fa-instalod:before {
    content: "\e081"
}
.fa-intercom:before {
    content: "\f7af"
}
.fa-internet-explorer:before {
    content: "\f26b"
}
.fa-invision:before {
    content: "\f7b0"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-itch-io:before {
    content: "\f83a"
}
.fa-itunes:before {
    content: "\f3b4"
}
.fa-itunes-note:before {
    content: "\f3b5"
}
.fa-java:before {
    content: "\f4e4"
}
.fa-jedi-order:before {
    content: "\f50e"
}
.fa-jenkins:before {
    content: "\f3b6"
}
.fa-jira:before {
    content: "\f7b1"
}
.fa-joget:before {
    content: "\f3b7"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-js:before {
    content: "\f3b8"
}
.fa-js-square:before {
    content: "\f3b9"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-kaggle:before {
    content: "\f5fa"
}
.fa-keybase:before {
    content: "\f4f5"
}
.fa-keycdn:before {
    content: "\f3ba"
}
.fa-kickstarter:before {
    content: "\f3bb"
}
.fa-kickstarter-k:before {
    content: "\f3bc"
}
.fa-korvue:before {
    content: "\f42f"
}
.fa-laravel:before {
    content: "\f3bd"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-leanpub:before {
    content: "\f212"
}
.fa-less:before {
    content: "\f41d"
}
.fa-line:before {
    content: "\f3c0"
}
.fa-linkedin:before {
    content: "\f08c"
}
.fa-linkedin-in:before {
    content: "\f0e1"
}
.fa-linode:before {
    content: "\f2b8"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-lyft:before {
    content: "\f3c3"
}
.fa-magento:before {
    content: "\f3c4"
}
.fa-mailchimp:before {
    content: "\f59e"
}
.fa-mandalorian:before {
    content: "\f50f"
}
.fa-markdown:before {
    content: "\f60f"
}
.fa-mastodon:before {
    content: "\f4f6"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-mdb:before {
    content: "\f8ca"
}
.fa-medapps:before {
    content: "\f3c6"
}
.fa-medium-m:before,.fa-medium:before {
    content: "\f23a"
}
.fa-medrt:before {
    content: "\f3c8"
}
.fa-meetup:before {
    content: "\f2e0"
}
.fa-megaport:before {
    content: "\f5a3"
}
.fa-mendeley:before {
    content: "\f7b3"
}
.fa-microblog:before {
    content: "\e01a"
}
.fa-microsoft:before {
    content: "\f3ca"
}
.fa-mix:before {
    content: "\f3cb"
}
.fa-mixcloud:before {
    content: "\f289"
}
.fa-mixer:before {
    content: "\e056"
}
.fa-mizuni:before {
    content: "\f3cc"
}
.fa-modx:before {
    content: "\f285"
}
.fa-monero:before {
    content: "\f3d0"
}
.fa-napster:before {
    content: "\f3d2"
}
.fa-neos:before {
    content: "\f612"
}
.fa-nfc-directional:before {
    content: "\e530"
}
.fa-nfc-symbol:before {
    content: "\e531"
}
.fa-nimblr:before {
    content: "\f5a8"
}
.fa-node:before {
    content: "\f419"
}
.fa-node-js:before {
    content: "\f3d3"
}
.fa-npm:before {
    content: "\f3d4"
}
.fa-ns8:before {
    content: "\f3d5"
}
.fa-nutritionix:before {
    content: "\f3d6"
}
.fa-octopus-deploy:before {
    content: "\e082"
}
.fa-odnoklassniki:before {
    content: "\f263"
}
.fa-odnoklassniki-square:before {
    content: "\f264"
}
.fa-old-republic:before {
    content: "\f510"
}
.fa-opencart:before {
    content: "\f23d"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-opera:before {
    content: "\f26a"
}
.fa-optin-monster:before {
    content: "\f23c"
}
.fa-orcid:before {
    content: "\f8d2"
}
.fa-osi:before {
    content: "\f41a"
}
.fa-padlet:before {
    content: "\e4a0"
}
.fa-page4:before {
    content: "\f3d7"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-palfed:before {
    content: "\f3d8"
}
.fa-patreon:before {
    content: "\f3d9"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-perbyte:before {
    content: "\e083"
}
.fa-periscope:before {
    content: "\f3da"
}
.fa-phabricator:before {
    content: "\f3db"
}
.fa-phoenix-framework:before {
    content: "\f3dc"
}
.fa-phoenix-squadron:before {
    content: "\f511"
}
.fa-php:before {
    content: "\f457"
}
.fa-pied-piper:before {
    content: "\f2ae"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-pied-piper-hat:before {
    content: "\f4e5"
}
.fa-pied-piper-pp:before {
    content: "\f1a7"
}
.fa-pied-piper-square:before {
    content: "\e01e"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-p:before {
    content: "\f231"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-pix:before {
    content: "\e43a"
}
.fa-playstation:before {
    content: "\f3df"
}
.fa-product-hunt:before {
    content: "\f288"
}
.fa-pushed:before {
    content: "\f3e1"
}
.fa-python:before {
    content: "\f3e2"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-quinscape:before {
    content: "\f459"
}
.fa-quora:before {
    content: "\f2c4"
}
.fa-r-project:before {
    content: "\f4f7"
}
.fa-raspberry-pi:before {
    content: "\f7bb"
}
.fa-ravelry:before {
    content: "\f2d9"
}
.fa-react:before {
    content: "\f41b"
}
.fa-reacteurope:before {
    content: "\f75d"
}
.fa-readme:before {
    content: "\f4d5"
}
.fa-rebel:before {
    content: "\f1d0"
}
.fa-red-river:before {
    content: "\f3e3"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-alien:before {
    content: "\f281"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-redhat:before {
    content: "\f7bc"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-replyd:before {
    content: "\f3e6"
}
.fa-researchgate:before {
    content: "\f4f8"
}
.fa-resolving:before {
    content: "\f3e7"
}
.fa-rev:before {
    content: "\f5b2"
}
.fa-rocketchat:before {
    content: "\f3e8"
}
.fa-rockrms:before {
    content: "\f3e9"
}
.fa-rust:before {
    content: "\e07a"
}
.fa-safari:before {
    content: "\f267"
}
.fa-salesforce:before {
    content: "\f83b"
}
.fa-sass:before {
    content: "\f41e"
}
.fa-schlix:before {
    content: "\f3ea"
}
.fa-screenpal:before {
    content: "\e570"
}
.fa-scribd:before {
    content: "\f28a"
}
.fa-searchengin:before {
    content: "\f3eb"
}
.fa-sellcast:before {
    content: "\f2da"
}
.fa-sellsy:before {
    content: "\f213"
}
.fa-servicestack:before {
    content: "\f3ec"
}
.fa-shirtsinbulk:before {
    content: "\f214"
}
.fa-shopify:before {
    content: "\e057"
}
.fa-shopware:before {
    content: "\f5b5"
}
.fa-simplybuilt:before {
    content: "\f215"
}
.fa-sistrix:before {
    content: "\f3ee"
}
.fa-sith:before {
    content: "\f512"
}
.fa-sitrox:before {
    content: "\e44a"
}
.fa-sketch:before {
    content: "\f7c6"
}
.fa-skyatlas:before {
    content: "\f216"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-slack-hash:before,.fa-slack:before {
    content: "\f198"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-snapchat-ghost:before,.fa-snapchat:before {
    content: "\f2ab"
}
.fa-snapchat-square:before {
    content: "\f2ad"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-sourcetree:before {
    content: "\f7d3"
}
.fa-speakap:before {
    content: "\f3f3"
}
.fa-speaker-deck:before {
    content: "\f83c"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-square-font-awesome:before {
    content: "\f425"
}
.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before {
    content: "\f35c"
}
.fa-squarespace:before {
    content: "\f5be"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-stackpath:before {
    content: "\f842"
}
.fa-staylinked:before {
    content: "\f3f5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-steam-symbol:before {
    content: "\f3f6"
}
.fa-sticker-mule:before {
    content: "\f3f7"
}
.fa-strava:before {
    content: "\f428"
}
.fa-stripe:before {
    content: "\f429"
}
.fa-stripe-s:before {
    content: "\f42a"
}
.fa-studiovinari:before {
    content: "\f3f8"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-superpowers:before {
    content: "\f2dd"
}
.fa-supple:before {
    content: "\f3f9"
}
.fa-suse:before {
    content: "\f7d6"
}
.fa-swift:before {
    content: "\f8e1"
}
.fa-symfony:before {
    content: "\f83d"
}
.fa-teamspeak:before {
    content: "\f4f9"
}
.fa-telegram-plane:before,.fa-telegram:before {
    content: "\f2c6"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-the-red-yeti:before {
    content: "\f69d"
}
.fa-themeco:before {
    content: "\f5c6"
}
.fa-themeisle:before {
    content: "\f2b2"
}
.fa-think-peaks:before {
    content: "\f731"
}
.fa-tiktok:before {
    content: "\e07b"
}
.fa-trade-federation:before {
    content: "\f513"
}
.fa-trello:before {
    content: "\f181"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-typo3:before {
    content: "\f42b"
}
.fa-uber:before {
    content: "\f402"
}
.fa-ubuntu:before {
    content: "\f7df"
}
.fa-uikit:before {
    content: "\f403"
}
.fa-umbraco:before {
    content: "\f8e8"
}
.fa-uncharted:before {
    content: "\e084"
}
.fa-uniregistry:before {
    content: "\f404"
}
.fa-unity:before {
    content: "\e049"
}
.fa-unsplash:before {
    content: "\e07c"
}
.fa-untappd:before {
    content: "\f405"
}
.fa-ups:before {
    content: "\f7e0"
}
.fa-usb:before {
    content: "\f287"
}
.fa-usps:before {
    content: "\f7e1"
}
.fa-ussunnah:before {
    content: "\f407"
}
.fa-vaadin:before {
    content: "\f408"
}
.fa-viacoin:before {
    content: "\f237"
}
.fa-viadeo:before {
    content: "\f2a9"
}
.fa-viadeo-square:before {
    content: "\f2aa"
}
.fa-viber:before {
    content: "\f409"
}
.fa-vimeo:before {
    content: "\f40a"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-vimeo-v:before {
    content: "\f27d"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-vk:before {
    content: "\f189"
}
.fa-vnv:before {
    content: "\f40b"
}
.fa-vuejs:before {
    content: "\f41f"
}
.fa-watchman-monitoring:before {
    content: "\e087"
}
.fa-waze:before {
    content: "\f83f"
}
.fa-weebly:before {
    content: "\f5cc"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-weixin:before {
    content: "\f1d7"
}
.fa-whatsapp:before {
    content: "\f232"
}
.fa-whatsapp-square:before {
    content: "\f40c"
}
.fa-whmcs:before {
    content: "\f40d"
}
.fa-wikipedia-w:before {
    content: "\f266"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-wirsindhandwerk:before,.fa-wsh:before {
    content: "\e2d0"
}
.fa-wix:before {
    content: "\f5cf"
}
.fa-wizards-of-the-coast:before {
    content: "\f730"
}
.fa-wodu:before {
    content: "\e088"
}
.fa-wolf-pack-battalion:before {
    content: "\f514"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-wordpress-simple:before {
    content: "\f411"
}
.fa-wpbeginner:before {
    content: "\f297"
}
.fa-wpexplorer:before {
    content: "\f2de"
}
.fa-wpforms:before {
    content: "\f298"
}
.fa-wpressr:before {
    content: "\f3e4"
}
.fa-xbox:before {
    content: "\f412"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-y-combinator:before {
    content: "\f23b"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-yammer:before {
    content: "\f840"
}
.fa-yandex:before {
    content: "\f413"
}
.fa-yandex-international:before {
    content: "\f414"
}
.fa-yarn:before {
    content: "\f7e3"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-yoast:before {
    content: "\f2b1"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-youtube-square:before {
    content: "\f431"
}
.fa-zhihu:before {
    content: "\f63f"
}
:host,:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-regular-400.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-regular-400.ttf) format("truetype")
}
.fa-regular,.far {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}
:host,:root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-solid-900.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-solid-900.ttf) format("truetype")
}
.fa-solid,.fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-brands-400.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-brands-400.ttf) format("truetype")
}
@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-solid-900.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-solid-900.ttf) format("truetype")
}
@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-regular-400.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-regular-400.ttf) format("truetype")
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-solid-900.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-solid-900.ttf) format("truetype")
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-brands-400.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-brands-400.ttf) format("truetype")
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-regular-400.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-regular-400.ttf) format("truetype");
    unicode-range: u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(/vendor/fontawesome/6.1.1/webfonts/fa-v4compatibility.woff2) format("woff2"),url(/vendor/fontawesome/6.1.1/webfonts/fa-v4compatibility.ttf) format("truetype");
    unicode-range: u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a
}
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}
.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
    cursor: pointer
}
.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}
.ql-clipboard p {
    margin: 0;
    padding: 0
}
.ql-editor {
    box-sizing: border-box;
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}
.ql-editor > * {
    cursor: text
}
.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
    margin: 0;
    padding: 0
}
@supports (counter-set:none) {
.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
}
.ql-editor table {
    border-collapse: collapse
}
.ql-editor td {
    border: 1px solid #000;
    padding: 2px 5px
}
.ql-editor ol {
    padding-left: 1.5em
}
.ql-editor li {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative
}
.ql-editor li > .ql-ui:before {
    display: inline-block;
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em
}
.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui {
    color: #777
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
    content: '\2022'
}
.ql-editor li[data-list=checked] > .ql-ui:before {
    content: '\2611'
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
    content: '\2610'
}
@supports (counter-set:none) {
.ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
}
.ql-editor li[data-list=ordered] {
    counter-increment: list-0
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
    content: counter(list-0, decimal) '. '
}
.ql-editor li[data-list=ordered].ql-indent-1 {
    counter-increment: list-1
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
    content: counter(list-1, lower-alpha) '. '
}
@supports (counter-set:none) {
.ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
}
.ql-editor li[data-list=ordered].ql-indent-2 {
    counter-increment: list-2
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
    content: counter(list-2, lower-roman) '. '
}
@supports (counter-set:none) {
.ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
}
.ql-editor li[data-list=ordered].ql-indent-3 {
    counter-increment: list-3
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
    content: counter(list-3, decimal) '. '
}
@supports (counter-set:none) {
.ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}
}
.ql-editor li[data-list=ordered].ql-indent-4 {
    counter-increment: list-4
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
    content: counter(list-4, lower-alpha) '. '
}
@supports (counter-set:none) {
.ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}
}
.ql-editor li[data-list=ordered].ql-indent-5 {
    counter-increment: list-5
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
    content: counter(list-5, lower-roman) '. '
}
@supports (counter-set:none) {
.ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}
}
.ql-editor li[data-list=ordered].ql-indent-6 {
    counter-increment: list-6
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
    content: counter(list-6, decimal) '. '
}
@supports (counter-set:none) {
.ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}
}
.ql-editor li[data-list=ordered].ql-indent-7 {
    counter-increment: list-7
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
    content: counter(list-7, lower-alpha) '. '
}
@supports (counter-set:none) {
.ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9
}
}
.ql-editor li[data-list=ordered].ql-indent-8 {
    counter-increment: list-8
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
    content: counter(list-8, lower-roman) '. '
}
@supports (counter-set:none) {
.ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9
}
}
@supports not (counter-set:none) {
.ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9
}
}
.ql-editor li[data-list=ordered].ql-indent-9 {
    counter-increment: list-9
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
    content: counter(list-9, decimal) '. '
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}
.ql-editor li.ql-direction-rtl {
    padding-right: 1.5em
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
    margin-left: .3em;
    margin-right: -1.5em;
    text-align: left
}
.ql-editor table {
    table-layout: fixed;
    width: 100%
}
.ql-editor table td {
    outline: none
}
.ql-editor .ql-code-block-container {
    font-family: monospace
}
.ql-editor .ql-video {
    display: block;
    max-width: 100%
}
.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}
.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}
.ql-editor .ql-bg-black {
    background-color: #000
}
.ql-editor .ql-bg-red {
    background-color: #e60000
}
.ql-editor .ql-bg-orange {
    background-color: #f90
}
.ql-editor .ql-bg-yellow {
    background-color: #ff0
}
.ql-editor .ql-bg-green {
    background-color: #008a00
}
.ql-editor .ql-bg-blue {
    background-color: #06c
}
.ql-editor .ql-bg-purple {
    background-color: #93f
}
.ql-editor .ql-color-white {
    color: #fff
}
.ql-editor .ql-color-red {
    color: #e60000
}
.ql-editor .ql-color-orange {
    color: #f90
}
.ql-editor .ql-color-yellow {
    color: #ff0
}
.ql-editor .ql-color-green {
    color: #008a00
}
.ql-editor .ql-color-blue {
    color: #06c
}
.ql-editor .ql-color-purple {
    color: #93f
}
.ql-editor .ql-font-serif {
    font-family: Georgia,Times New Roman,serif
}
.ql-editor .ql-font-monospace {
    font-family: Monaco,Courier New,monospace
}
.ql-editor .ql-size-small {
    font-size: .75em
}
.ql-editor .ql-size-large {
    font-size: 1.5em
}
.ql-editor .ql-size-huge {
    font-size: 2.5em
}
.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}
.ql-editor .ql-align-center {
    text-align: center
}
.ql-editor .ql-align-justify {
    text-align: justify
}
.ql-editor .ql-align-right {
    text-align: right
}
.ql-editor .ql-ui {
    position: absolute
}
.ql-editor.ql-blank::before {
    color: rgba(0,0,0,0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}
.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after {
    clear: both;
    content: '';
    display: table
}
.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
}
.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
}
.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover {
    outline: none
}
.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
}
.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c
}
.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c
}
.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c
}
@media (pointer:coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444
}
}
.ql-snow {
    box-sizing: border-box
}
.ql-snow * {
    box-sizing: border-box
}
.ql-snow .ql-hidden {
    display: none
}
.ql-snow .ql-out-bottom,.ql-snow .ql-out-top {
    visibility: hidden
}
.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}
.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}
.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}
.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle
}
.ql-snow .ql-formats:after {
    clear: both;
    content: '';
    display: table
}
.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}
.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}
.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill {
    fill: #444
}
.ql-snow .ql-empty {
    fill: none
}
.ql-snow .ql-even {
    fill-rule: evenodd
}
.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1
}
.ql-snow .ql-transparent {
    opacity: .4
}
.ql-snow .ql-direction svg:last-child {
    display: none
}
.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}
.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}
.ql-snow .ql-editor h1 {
    font-size: 2em
}
.ql-snow .ql-editor h2 {
    font-size: 1.5em
}
.ql-snow .ql-editor h3 {
    font-size: 1.17em
}
.ql-snow .ql-editor h4 {
    font-size: 1em
}
.ql-snow .ql-editor h5 {
    font-size: .83em
}
.ql-snow .ql-editor h6 {
    font-size: .67em
}
.ql-snow .ql-editor a {
    text-decoration: underline
}
.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}
.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container {
    background-color: #f0f0f0;
    border-radius: 3px
}
.ql-snow .ql-editor .ql-code-block-container {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}
.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}
.ql-snow .ql-editor .ql-code-block-container {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}
.ql-snow .ql-editor img {
    max-width: 100%
}
.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
}
.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
}
.ql-snow .ql-picker-label::before {
    display: inline-block;
    line-height: 22px
}
.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}
.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
}
.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker {
    width: 28px
}
.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
}
.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}
.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}
.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}
.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}
.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label)
}
.ql-snow .ql-picker.ql-header {
    width: 98px
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal'
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Heading 1'
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: 'Heading 2'
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: 'Heading 3'
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: 'Heading 4'
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: 'Heading 5'
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'Heading 6'
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 2em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    font-size: 1.5em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    font-size: 1.17em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    font-size: 1em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    font-size: .83em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-size: .67em
}
.ql-snow .ql-picker.ql-font {
    width: 108px
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif'
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    content: 'Serif'
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    content: 'Monospace'
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    font-family: Georgia,Times New Roman,serif
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    font-family: Monaco,Courier New,monospace
}
.ql-snow .ql-picker.ql-size {
    width: 98px
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal'
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    content: 'Small'
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    content: 'Large'
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    content: 'Huge'
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    font-size: 10px
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    font-size: 18px
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    font-size: 32px
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}
.ql-code-block-container {
    position: relative
}
.ql-code-block-container .ql-ui {
    right: 5px;
    top: 5px
}
.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;
    padding: 8px
}
.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
}
.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
}
.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: rgba(0,0,0,0.2) 0 2px 8px
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #ccc
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0
}
.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}
.ql-snow .ql-tooltip::before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
}
.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}
.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}
.ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid #ccc;
    content: 'Edit';
    margin-left: 16px;
    padding-right: 8px
}
.ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remove';
    margin-left: 8px
}
.ql-snow .ql-tooltip a {
    line-height: 26px
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0;
    content: 'Save';
    padding-right: 0
}
.ql-snow .ql-tooltip[data-mode=link]::before {
    content: "Enter link:"
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
    content: "Enter formula:"
}
.ql-snow .ql-tooltip[data-mode=video]::before {
    content: "Enter video:"
}
.ql-snow a {
    color: #06c
}
.ql-container.ql-snow {
    border: 1px solid #ccc
}
.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)
}
.flatpickr-calendar.open,.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}
.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}
.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)
}
.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}
.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}
.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}
.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}
.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}
.flatpickr-calendar:before,.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}
.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}
.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}
.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}
.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after {
    bottom: 100%
}
.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}
.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after {
    top: 100%
}
.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}
.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}
.flatpickr-calendar:focus {
    outline: 0
}
.flatpickr-wrapper {
    position: relative;
    display: inline-block
}
.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9)
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}
.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i {
    position: relative
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}
.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}
.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}
.numInputWrapper {
    position: relative;
    height: auto
}
.numInputWrapper input,.numInputWrapper span {
    display: inline-block
}
.numInputWrapper input {
    width: 100%
}
.numInputWrapper input::-ms-clear {
    display: none
}
.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}
.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.numInputWrapper span:hover {
    background: rgba(0,0,0,0.1)
}
.numInputWrapper span:active {
    background: rgba(0,0,0,0.2)
}
.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}
.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}
.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,0.6);
    top: 26%
}
.numInputWrapper span.arrowDown {
    top: 50%
}
.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,0.6);
    top: 40%
}
.numInputWrapper span svg {
    width: inherit;
    height: auto
}
.numInputWrapper span svg path {
    fill: rgba(0,0,0,0.5)
}
.numInputWrapper:hover {
    background: rgba(0,0,0,0.05)
}
.numInputWrapper:hover span {
    opacity: 1
}
.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}
.flatpickr-current-month span.cur-month:hover {
    background: rgba(0,0,0,0.05)
}
.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,0.9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,0.9)
}
.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}
.flatpickr-current-month input.cur-year:focus {
    outline: 0
}
.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,0.5);
    background: transparent;
    pointer-events: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0,0,0,0.05)
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}
.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}
.dayContainer,.flatpickr-weeks {
    padding: 1px 0 0 0
}
.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}
.flatpickr-days:focus {
    outline: 0
}
.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}
.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}
.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}
.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}
.flatpickr-day.today {
    border-color: #959ea9
}
.flatpickr-day.today:hover,.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}
.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}
.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}
.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}
.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57,57,57,0.3);
    background: transparent;
    border-color: transparent;
    cursor: default
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,0.1)
}
.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
}
.flatpickr-day.hidden {
    visibility: hidden
}
.rangeMode .flatpickr-day {
    margin-top: 1px
}
.flatpickr-weekwrapper {
    float: left
}
.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}
.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,0.3);
    background: transparent;
    cursor: default;
    border: none
}
.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}
.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}
.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}
.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}
.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}
.flatpickr-time input.flatpickr-hour {
    font-weight: bold
}
.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
    font-weight: 400
}
.flatpickr-time input:focus {
    outline: 0;
    border: 0
}
.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}
.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee
}
.flatpickr-input[readonly] {
    cursor: pointer
}
@-webkit-keyframes fpFadeInDown {
from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
}
@keyframes fpFadeInDown {
from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
}
.menu20-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
    background: #181713;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    transition: none;
    opacity: 1;
    pointer-events: auto;
}
.menu20-fixed.visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
.menu20-fixed .hero-main.menu20 {
    margin-top: 0;
    padding: 10px 0;
}
@font-face {
    font-family: 'Cinzel';
    src: url('/fonts/cinzel-variable-latin-ext.woff2') format('woff2');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02FF, U+1E00-1EFF, U+20A0-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Cinzel';
    src: url('/fonts/cinzel-variable-latin.woff2') format('woff2');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2190-2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-300-latin.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-400-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-500-latin.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-600-latin.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-700-latin.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MedievalSharp';
    src: url('/fonts/medievalsharp-400-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Regular-latin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-SemiBold-latin.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-SemiBold-latin.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
:root {
    --font-heading: 'Cinzel', serif;
}
*,
::after,
::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    font-family: var(--font-body);
    font-size: 16px;
    color: #e8e0d2;
    background: #0d0b0b;
    line-height: 1.6;
}
button,
input,
select,
textarea {
    font-family: var(--font-ui);
}
a,
a:hover {
    text-decoration: none;
}
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
    margin: 0;
}
.discord-float {
    position: fixed;
    right: 25px;
    bottom: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #660f0f;
    color: #fff;
    padding: 12px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 999;
    box-shadow: 0 4px 15px rgba(63, 1, 11, 0.4);
    transition: all 0.3s ease;
}
.discord-float:hover {
    background: #ca1919;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(150, 8, 8, 0.6);
    color: #fff;
}
.discord-float i {
    font-size: 20px;
}
.discord-float span {
    font-family: var(--font-heading);
}
.container {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}
.hero-area {
    background: url('/images/hero-bg.webp') no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 60px;
}
.hero-logo-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
/*! position: relative; */
/*! bottom: -53px; */
}
.hero-logo-wrapper img {
    width: 100%;
}
.hero-logo-left img {
    position: relative;
    z-index: 2;
    top: -30px;
    transform: scale(1.1);
    transform-origin: center center;
    transition: transform 0.4s ease, filter 0.4s ease;
}
.hero-logo-left img:hover {
    transform: scale(1.13);
    filter: brightness(1.08) contrast(1.05);
}
.hero-logo-right img {
    position: relative;
    left: -80px;
    z-index: 1;
    top: 90px;
    max-height: 640px;
    object-fit: contain;
}
.hero-main {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    background: #181713;
    align-items: center;
    padding: 20px 30px;
    column-gap: 40px;
    position: relative;
    z-index: 5;
    margin-top: -65px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu20.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    max-width: 100%;
    margin: 0;
    width: 100%;
    padding: 15px 40px;
    z-index: 1000;
}
.hero-main-img img {
    width: 100%;
}
.hero-left ul {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.hero-left ul li a img {
    vertical-align: bottom;
    transition: transform 0.25s ease, filter 0.25s ease;
}
.hero-left ul li a img:hover {
    transform: translateY(-3px) scale(1.1);
    filter: brightness(1.3);
}
.nav-social-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #808080;
    transition: color 0.25s ease, transform 0.25s ease;
}
.nav-social-icon:hover {
    color: #BD0917;
    transform: translateY(-2px) scale(1.1);
}
.nav-social-icon:active {
    color: #8b1a1a;
}
.hero-left ul li span {
    width: 1px;
    height: 20px;
    background: #312F2C;
    display: block;
}
.hero-middle ul {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
}
.hero-middle ul li a {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    transition: 0.2s all ease;
}
.hero-middle ul li:nth-of-type(4) button {
    background: none;
    border: none;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    transition: 0.2s all ease;
    cursor: pointer;
}
.hero-middle ul li:nth-of-type(4) button:hover {
    color: #BD0917;
}
.hero-middle ul li a:hover {
    color: #BD0917;
}
.hero-right ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 20px;
    min-width: 345px;
}
html.hf-logged-in .hf-guest-only {
    display: none !important;
}
html.hf-logged-out .hf-auth-only,
html:not(.hf-logged-in) .hf-auth-only {
    display: none !important;
}
html.hf-logged-in .hf-auth-only {
    display: block !important;
}
html:not(.hf-is-admin) .hf-admin-only {
    display: none !important;
}
html.hf-is-admin .hf-admin-only {
    display: block !important;
}
html:not(.hf-is-auction-tester) .hf-auction-only {
    display: none !important;
}
html.hf-is-auction-tester .hf-auction-only {
    display: block !important;
}
.hero-middle ul li,
.hero-right ul li {
    flex: 0 0 auto;
}
.hero-middle ul li a,
.hero-middle ul li button,
.hero-right ul li a,
.hero-right ul li button {
    white-space: nowrap;
}
.hero-right .hf-account-link a,
.hero-right .hf-logout-link button,
.hero-right #acLogout {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 37px;
    padding: 0 4px;
    background: transparent;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
}
.hero-right .hf-account-link {
    width: 145px;
}
.hero-right .hf-logout-link {
    width: 92px;
}
.hero-right .hf-account-link a {
    max-width: 145px;
    overflow: hidden;
}
.hero-right #acNavUserLink {
    width: 145px;
    overflow: hidden;
}
.hero-right .hf-account-link i,
.hero-right .hf-logout-link i,
.hero-right #acLogout i {
    color: #BD0917;
    font-size: 15px;
}
.hero-right .hf-account-name {
    display: inline-block;
    width: auto;
    max-width: 108px;
    height: auto;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.hero-right #acNavUserName {
    display: inline-block;
    max-width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: none;
    height: auto;
}
.hero-right .hf-account-link a:hover,
.hero-right .hf-logout-link button:hover,
.hero-right #acLogout:hover {
    color: #BD0917;
}
.hero-right ul li img {
    transition: transform 0.25s ease, filter 0.25s ease;
}
.hero-right ul li img:hover {
    transform: translateY(-2px) scale(1.1);
    filter: brightness(1.3);
}
.hf-event-feature,
.hf-event-side {
    border-radius: 6px;
    background: rgba(9, 9, 9, .82);
}
.hf-event-feature-image>img,
.hf-event-side-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.hf-event-feature:hover .hf-event-feature-image>img,
.hf-event-side:hover .hf-event-side-image img {
    transform: scale(1.025);
}
.hf-event-feature-image>.hf-event-pill {
    position: absolute;
    z-index: 2;
    top: 18px;
    left: 18px;
}
.hf-event-feature-body {
    padding: 20px 24px;
}
.hf-event-kind,
.hf-event-timer-wrap>span,
.hf-event-side-meta>span:nth-child(2) {
    color: #d19f50;
    font-family: var(--font-heading);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.hf-event-timer>div {
    min-width: 0;
    padding: 13px 4px 10px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 5px;
    text-align: center;
}
.hf-event-side-image {
    min-height: 145px;
}
.hf-event-side-copy {
    padding: 15px 16px;
}
.lang-switcher-wrap,
.mobile-language-switcher {
    display: none !important;
}
.lang-switcher-wrap {
    position: relative;
}
.lang-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50px;
    color: #999;
    font-size: 13px;
    font-family: var(--font-heading);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.lang-pill:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.25);
}
.lang-pill .fa-globe {
    font-size: 14px;
}
.lang-arrow {
    font-size: 10px;
    transition: transform 0.3s ease;
}
.lang-code {
    letter-spacing: 1px;
    font-size: 12px;
}
.lang-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 170px;
    background: #1e1d1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 6px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 1001;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}
.lang-switcher-wrap.open .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.lang-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    color: #aaa;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.2s ease, color 0.2s ease;
}
.lang-option img {
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
}
.lang-option:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}
.lang-option.active {
    color: #BD0917;
}
.lang-option.active:hover {
    color: #BD0917;
}
.hero-right ul > li.hf-guest-only > button {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    width: 156px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: url('/images/btn-bg1.png') no-repeat;
    background-position: 100% 100%;
    border: none;
    cursor: pointer;
    transition: transform 0.25s ease, filter 0.25s ease;
}
.hero-right ul > li.hf-guest-only > button:hover {
    transform: translateY(-2px) scale(1.03);
    filter: brightness(1.2);
}
.hero-right .hf-login-link:hover {
    opacity: 0.8;
}
.hero-right ul li span {
    height: 20px;
    background: #312F2C;
    display: block;
}
.hero-btm img {
    width: 100%;
    position: relative;
    margin-top: -20px;
    vertical-align: bottom;
}
.menu-btn {
    width: 24px;
    cursor: pointer;
    display: none;
    flex-direction: column;
    gap: 5px;
    z-index: 1001;
}
.menu-btn span {
    height: 2px;
    background: #fff;
    display: block;
    transition: all 0.3s ease;
    border-radius: 2px;
}
.menu-btn.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.menu-btn.active span:nth-child(2) {
    opacity: 0;
}
.menu-btn.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.92);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}
.mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow-y: auto;
    background: #181713;
    z-index: 999;
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding: 95px 24px 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.mobile-nav.active {
    transform: translateY(0);
}
.mobile-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mobile-nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mobile-nav ul li a,
.mobile-nav ul li button {
    display: block;
    padding: 14px 0;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: color 0.2s ease;
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
}
.mobile-nav ul li a:hover,
.mobile-nav ul li button:hover {
    color: #BD0917;
}
.mobile-nav ul li:last-child {
    border-bottom: none;
}
.mobile-nav .mobile-social {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.mobile-nav .mobile-social a img {
    width: 24px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}
.mobile-nav .mobile-social a img:hover {
    opacity: 1;
}
.news-area {
    background: #252525;
    padding: 10px 0 70px 0;
}
.news-section-heading {
    margin-bottom: 35px;
}
.news-section-heading h2 {
    font-family: var(--font-heading);
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    transition: transform 0.3s ease;
    margin: 0;
}
.news-section-heading .heading-line {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #8b1a1a, transparent);
    margin: 12px auto 0;
}
.news-main {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    column-gap: 35px;
    margin-top: 25px;
}
.news-btn1 {
    position: relative;
}
.news-left {
    overflow: hidden;
    transition: transform 0.3s ease;
}
.news-left:hover {
    transform: translateY(-3px);
}
.news-left-img {
    border-radius: 0;
    position: relative;
}
.news-left-img img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease, filter 0.3s ease;
}
.news-left:hover .news-left-img img {
    transform: scale(1.04);
}
.news-left-img:hover img {
    filter: brightness(0.85);
}
.news-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #BD0917;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 4px 12px;
    border-radius: 3px;
    text-transform: uppercase;
    z-index: 2;
}
.news-left-cnt {
    padding: 18px 0 0;
}
.news-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}
.news-category {
    font-family: var(--font-heading);
    font-size: 11px;
    font-weight: 700;
    color: #BD0917;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.news-date {
    font-size: 12px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 5px;
}
.news-date i {
    font-size: 11px;
}
.news-title {
    margin-bottom: 12px;
}
.news-title a {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.4;
    transition: color 0.2s ease;
}
.news-title a:hover {
    color: #BD0917;
}
.news-left-cnt h4 {
    font-weight: 600;
    font-size: 13px;
    color: #d19e50;
    margin-top: 0;
}
.news-left-cnt span {
    color: #b60009;
}
.news-left-cnt p {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    margin-top: 0;
    line-height: 1.65;
}
.news-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    font-family: var(--font-heading);
    font-size: 13px;
    font-weight: 600;
    color: #BD0917;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: gap 0.3s ease, color 0.2s ease;
}
.news-read-more:hover {
    gap: 14px;
    color: #8b1a1a;
}
.news-read-more i {
    font-size: 11px;
    transition: transform 0.3s ease;
}
.news-read-more:hover i {
    transform: translateX(3px);
}
.news-right {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.news-flex {
    display: grid;
    grid-template-columns: 170px auto;
    column-gap: 20px;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}
.news-flex:hover {
    transform: translateY(-2px);
}
.news-flex:last-child {
    border-bottom: none;
}
.news-flex2 {
    margin-top: 20px;
}
.news-col-left img {
    width: 100%;
    border-radius: 4px;
    transition: transform 0.4s ease, filter 0.3s ease;
}
.news-col-left {
    border-radius: 4px;
}
.news-col-left:hover img {
    transform: scale(1.06);
    filter: brightness(0.9);
}
.news-col-right .news-meta {
    margin-bottom: 8px;
}
.news-col-right h4 {
    font-weight: 600;
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1.4;
}
.news-col-right h4 a {
    color: #ffffff;
    transition: 0.2s all ease;
}
.news-col-right h4 a:hover {
    color: #BD0917;
}
.news-col-right p {
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    margin-top: 8px;
    line-height: 1.5;
}
.news-empty-state {
    text-align: center;
    padding: 60px 20px;
}
.news-empty-state i {
    font-size: 40px;
    color: #ccc;
    margin-bottom: 15px;
}
.news-empty-state p {
    font-size: 15px;
    color: #999999;
}
.news-view-all {
    text-align: center;
    margin-top: 40px;
}
.news-view-all a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-heading);
    font-size: 14px;
    color: #fff;
    background: #1a1a1a;
    padding: 14px 36px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: background 0.3s ease, transform 0.25s ease, gap 0.3s ease;
}
.news-view-all a:hover {
    background: #BD0917;
    transform: translateY(-2px);
    gap: 16px;
}
.news-view-all a i {
    font-size: 12px;
    transition: transform 0.3s ease;
}
.news-view-all a:hover i {
    transform: translateX(3px);
}
.tab-buttons ul {
    display: flex;
    align-items: center;
    column-gap: 40px;
    padding-bottom: 15px;
}
.tab-buttons ul li {
    position: relative;
}
.tab-btn {
    font-weight: 600;
    font-size: 14px;
    color: #666;
    z-index: 2;
    position: relative;
    transition: color 0.25s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.tab-btn i {
    font-size: 13px;
}
.tab-btn:hover {
    color: #BD0917;
}
.tab-btn.active {
    color: #BD0917;
    position: relative;
}
.tab-pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
    transform: translateY(10px);
    margin-top: 20px;
}
.tab-pane.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.tab-content {
    position: relative;
    overflow: hidden;
}
.tab-btn-img img {
    position: absolute;
    left: 2px;
    bottom: 0;
    z-index: -1;
    display: none;
    width: 100%;
}
.tab-btn.active .tab-btn-img img {
    display: block;
}
.social-midea-area {
    background: url('/images/social-media-bg.webp') no-repeat;
    background-position: center;
    padding: 67px 0 60px 0;
}
.social-midea-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15px;
    max-width: 1115px;
    margin: auto;
}
.social-midea-item img {
    max-width: 130px;
    transition: transform 0.3s ease, filter 0.3s ease;
}
.social-midea-item a:hover img {
    transform: translateY(-6px) scale(1.05);
    filter: brightness(1.2);
}
.social-midea-item a:hover {
    opacity: 1;
}
.social-midea-item h4 {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 18px;
    color: #0a0b0a;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 10px;
    text-shadow: 0px 1px 2px #ccc, 0px 8px 10px rgba(0, 0, 0, 0.15), 0px 8px 2px rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(#fff 26%, #76270C 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.player-area {
    padding: 68px 0 92px 0;
}
.player-main {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
}
.player-item-topper {
    background: url('/images/player-top-bg.png') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px;
}
.player-item-topper ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.player-item-topper ul li {
    position: relative;
}
.player-line img {
    position: absolute;
    bottom: 0;
    left: 2px;
}
.player-item-topper ul li:nth-of-type(1) h4 {
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
}
.player-item-topper ul li:nth-of-type(2) a {
    font-weight: 400;
    font-size: 13px;
    color: #d19f50;
    text-transform: uppercase;
    transition: color 0.2s ease, letter-spacing 0.2s ease;
}
.player-item-topper ul li:nth-of-type(2) a:hover {
    color: #BD0917;
    letter-spacing: 0.5px;
}
.player-item-btmbar {
    background: #080904;
    margin-top: 5px;
    padding: 20px 25px;
    display: grid;
    grid-template-columns: 100%;
    min-height: 330px;
}
.player-table-row {
    display: grid;
    grid-template-columns: 60% auto 20% auto;
    align-items: center;
    padding: 8px 0;
}
.player-table-col1 ul {
    display: flex;
    align-items: center;
    column-gap: 25px;
}
.player-table-col ul li {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.player-table-col ul li span {
    color: #807f7f;
}
.player-table-col ul li sup {
    font-size: 10px;
    color: #d19f50;
    text-transform: uppercase;
}
.player-table-col3 {
    text-align: right;
}
.player-btn {
    margin-top: auto;
}
.player-btn a {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 19px;
    color: #ffffff;
    text-transform: uppercase;
    width: 200px;
    height: 45px;
    background: url('/images/player-btn-bg.png') no-repeat;
    background-position: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 20px;
    transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease;
}
.player-btn a:hover {
    transform: translateY(-2px) scale(1.03);
    filter: brightness(1.2);
}
.player-table-row2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.color-name {
    color: #d19f50 !important;
}
.color-name2 {
    color: #ac0a0b !important;
}
.mage-area {
    background: radial-gradient(circle at center, rgba(38, 36, 35, 0.65) 0%, rgba(13, 13, 12, 0.9) 100%), url('/images/mage-bg.webp') no-repeat center / cover;
    background-blend-mode: multiply;
    border-top: 1px solid rgba(209, 159, 80, 0.15);
    border-bottom: 1px solid rgba(209, 159, 80, 0.15);
    padding: 48px 0;
    position: relative;
    overflow: hidden;
}
.mage-area::before {
    background: rgba(10, 9, 8, 0.35) !important;
}
.maga-mian-img img {
    width: 100%;
    position: absolute;
}
.maga-mian-img1 img {
    max-width: 600px;
    top: -60px;
    right: -50px;
}
.maga-mian-img2 img {
    max-width: 566px;
    top: -87px;
    right: 0;
}
.maga-mian-img3 img {
    max-width: 895px;
    top: -87px;
    right: 0;
}
.maga-mian-img4 img {
    max-width: 600px;
    top: 56px;
    right: -77px;
}
.maga-mian-img5 img {
    max-width: 650px;
    top: 5px;
    right: -90px;
}
.maga-mian-img6 img {
    max-width: 750px;
    top: 51px;
    right: -35px;
}
.maga-mian-img7 img {
    max-width: 750px;
    top: 126px;
    right: -172px;
}
.maga-mian-img8 img {
    max-width: 793px;
    top: 105px;
    right: -155px;
}
.maga-mian-img9 img {
    max-width: 717px;
    top: 71px;
    right: -139px;
}
.maga-mian-img10 img {
    max-width: 750px;
    top: 2px;
    right: -65px;
}
.maga-mian-img11 img {
    max-width: 750px;
    top: -87px;
    right: -140px;
}
.maga-mian-img12 img {
    max-width: 753px;
    top: 32px;
    right: -50px;
}
.maga-mian-img13 img {
    max-width: 835px;
    top: 76px;
    right: -70px;
}
.mage-left ul {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 15px;
}
.mage-left {
    text-align: center;
}
.indicator h4 {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 14px;
    color: #807f7f;
    text-align: center;
    transition: color 0.3s ease;
}
.indicator.active h4,
.indicator:hover h4 {
    color: #d19f50;
}
.mage-right h2 {
    font-family: var(--font-heading);
    font-weight: 900;
    font-size: 60px;
    background-image: linear-gradient(180deg, #ffffff 0%, #BD0917 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 3;
}
.mage-right h3 {
    font-family: var(--font-heading);
    font-weight: 400;
    background: linear-gradient(81deg, #ffffff 0%, #d19f50 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    padding: 10px 0;
}
.menga-line1 img {
    vertical-align: bottom;
}
.menga-line2 img {
    vertical-align: top;
}
.menga-line img {
    max-width: 196px;
    position: relative;
    left: -20px;
}
.mega-dot {
    margin-top: 15px;
}
.mage-right h4 {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 14px;
    color: #d19f50;
    display: inline-block;
    border-bottom: 2px solid #d19f50;
    margin-top: 20px;
    text-transform: uppercase;
}
.mage-right p {
    font-weight: 400;
    font-size: 14px;
    color: #b8aa96;
    margin-top: 15px;
    max-width: 440px;
    position: relative;
    z-index: 3;
    line-height: 1.6;
}
.mage-right p strong {
    color: #ffd700;
}
.mage-right a {
    font-weight: 600;
    font-size: 14px;
    color: #d19f50;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 25px;
    transition: color 0.2s ease, letter-spacing 0.2s ease, transform 0.2s ease;
}
.mage-right a:hover {
    color: #BD0917;
    letter-spacing: 1px;
    transform: translateX(3px);
}
.custom-slider {
    display: grid;
    grid-template-columns: 160px 1fr;
    column-gap: 50px;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.indicator-wrapper {
    overflow: hidden;
}
.indicators {
    display: flex;
    flex-direction: column;
    transition: transform .4s ease;
}
.indicator {
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease, filter 0.3s ease;
    margin-bottom: 11px;
    text-align: center;
}
.indicator:hover {
    transform: scale(1.1);
    filter: brightness(1.15);
}
.indicator img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    transition: filter 0.3s ease;
}
.indicator.active img {
    filter: drop-shadow(0 0 8px rgba(209, 159, 80, 0.8));
}
.controls-top {
    margin-bottom: 10px;
}
.controls-btm {
    margin-top: 10px;
}
.controls button {
    background: none;
    color: white;
    cursor: pointer;
    border: none;
    text-align: center;
    width: 100%;
    transition: transform 0.25s ease, filter 0.25s ease;
}
.controls button:hover {
    transform: scale(1.15);
    filter: brightness(1.3);
}
.slides-wrapper {
    position: relative;
    overflow: visible;
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
}
.slide.active-slide {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    min-height: 420px;
    width: 100%;
}
.mega-right-flex {
    position: relative;
    width: 100%;
}
.slide img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
.backpack-area {
    background: url('/images/backpack-bg.webp') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 42px 0;
    position: relative;
    margin-top: -10px;
    z-index: 3;
}
.backpack-main {
    grid-template-columns: 8% 15% 21% 21% 21% 8%;
    align-items: center;
}
.backpack-item {
    text-align: center;
}
.backpack-item a {
    display: block;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.3s ease;
}
.backpack-item a:hover {
    transform: translateY(-10px) scale(1.05);
}
.backpack-item img {
    max-width: 200px;
    transition: filter 0.3s ease, transform 0.4s ease;
}
.backpack-item a:hover img {
    filter: drop-shadow(0 8px 20px rgba(209, 159, 80, 0.4)) brightness(1.1);
}
.backpack-cnt {
    position: relative;
    top: -35px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.backpack-item a:hover .backpack-cnt {
    transform: translateY(-4px);
}
.backpack-cnt h3 {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px #ccc, 0px 8px 10px rgba(0, 0, 0, 0.15), 0px 8px 2px rgba(0, 0, 0, 0.7);
    transition: color 0.3s ease;
}
.backpack-item a:hover .backpack-cnt h3 {
    color: #fff;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.4), 0px 1px 2px #ccc, 0px 8px 10px rgba(0, 0, 0, 0.15);
}
.backpack-cnt h4 {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 18px;
    color: #d19f50;
    text-shadow: 0px 1px 0px #ccc, 0px 8px 10px rgba(0, 0, 0, 0.15), 0px 8px 2px rgba(0, 0, 0, 0.7);
    margin-top: 10px;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}
.backpack-item a:hover .backpack-cnt h4 {
    color: #f0c060;
    text-shadow: 0 0 12px rgba(209, 159, 80, 0.5), 0px 1px 0px #ccc, 0px 8px 10px rgba(0, 0, 0, 0.15);
}
.backpack-right-arrow {
    text-align: right;
}
.splide-slider {
    width: 100%;
    overflow: visible;
    max-width: 900px;
    margin: auto;
}
.custom-arrows {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}
.backpack-container {
    position: relative;
}
.custom-arrows button {
    background: none;
    color: #fff;
    border: none;
    cursor: pointer;
    filter: brightness(0.7);
    opacity: 0.8;
    padding: 0;
}
.custom-arrows button:hover,
.custom-arrows button:focus {
    filter: brightness(1.2);
    opacity: 1;
}
.custom-arrows button:active {
    filter: brightness(0.5);
}
.arrow-inner img {
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.25s;
}
.custom-arrows button:hover .arrow-inner img,
.custom-arrows button:focus .arrow-inner img {
    transform: scale(1.15);
}
.custom-arrows button:active .arrow-inner img {
    transform: scale(0.92);
}
.left-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleX(-1);
}
.left-arrow:hover {
    transform: translateY(-50%) scaleX(-1) scale(1.15);
}
.right-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.right-arrow:hover {
    transform: translateY(-50%) scale(1.15);
}
.custom-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
    display: none;
}
.custom-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    background: #fff;
    cursor: pointer;
}
.custom-dots button.active {
    background: red;
}
.footer-area {
    padding: 50px 0 25px 0;
    text-align: center;
}
.footer-main {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-main ul {
    display: flex;
    column-gap: 40px;
}
.footer-main ul li a {
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
}
.footer-main ul li a:hover {
    color: #BD0917;
    transform: translateY(-2px);
}
.copyright-item {
    padding-top: 30px;
    border-top: 1px solid #000000;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright-item ul {
    display: flex;
    align-items: center;
    column-gap: 25px;
    justify-content: center;
}
.copyright-item ul li p {
    font-weight: 600;
    font-size: 14px;
    color: #bd0811;
}
.copyright-item ul li span {
    width: 2px;
    height: 20px;
    background: #807F7F;
    display: block;
}
.copyright-item ul li a {
    font-weight: 600;
    font-size: 14px;
    color: #4e4e4e;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
}
.copyright-item ul li a:hover {
    color: #BD0917;
    transform: translateY(-1px);
}
.login-title {
    text-align: center;
    position: relative;
}
.login-title h2 {
    font-weight: 600;
    font-size: 14px;
    color: #e1dfe0;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.login-line {
    position: absolute;
    margin-top: -28px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
}
.login-item {
    padding: 20px 37px;
    background: url('/images/login-item-bg1.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.login-item1 {
    background: url('/images/login-item-bg1.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.login-item2 {
    background: url('/images/login-item-bg2.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.login-flex-wrap {
    margin-top: 30px;
}
.input-flex {
    display: grid;
    grid-template-columns: 38px auto;
    column-gap: 18px;
    background: #151611;
    padding: 10px 20px;
    margin-top: 15px;
}
.input-item-left ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.devide {
    display: block;
    height: 20px;
    width: 2px;
    background: #383934;
}
.input-flex ul li i {
    color: #8f8577 !important;
}
.input-flex:focus-within li i {
    color: #d19f50 !important;
}
.input-item-right input {
    font-weight: 400;
    font-size: 14px;
    color: #e1dfe0;
    width: 100%;
    background: none;
    border: none;
    outline: none;
}
.input-item-right input::placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #e1dfe0;
}
.sign-btm h4 {
    font-weight: 400;
    font-size: 14px;
    color: #807f7f;
    text-align: center;
    margin-top: 15px;
}
.sign-btm h4 span {
    color: #d19f50;
}
.input-submit {
    text-align: center;
    margin-top: 24px;
}
.input-submit button {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    width: 160px;
    height: 36px;
    background: url('/images/submit-bg.png') no-repeat;
    background-position: 100% 100%;
    border: none;
    cursor: pointer;
    transition: transform 0.25s ease, filter 0.25s ease;
}
.input-submit button:hover {
    transform: translateY(-2px) scale(1.03);
    filter: brightness(1.2);
}
.checkbox {
    display: grid;
    grid-template-columns: 20px auto;
    align-items: center;
    column-gap: 12px;
    margin-top: 20px;
}
.checkbox input[type=checkbox] {
    appearance: none;
    height: 20px;
    width: 20px;
    background: #1F2120;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkbox input[type=checkbox]::after {
    content: "\f00c";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    color: #ffffff;
    display: none;
}
.checkbox input[type=checkbox]:checked {
    background: #6E2226;
}
.checkbox input[type=checkbox]:checked::after {
    display: block;
}
.checkbox label {
    font-weight: 400;
    font-size: 14px;
    color: #807f7f;
    cursor: pointer;
}
.modal-hf {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .85);
    z-index: 3000;
    overflow-y: auto;
    padding: 40px 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility .4s ease;
}
.modal-hf.active-hf,
.modal-hf.hf-modal-open {
    opacity: 1;
    visibility: visible;
}
.modal-box-hf {
    max-width: 480px;
    width: 90%;
    margin: 100px auto 40px;
    position: relative;
    transform: translateY(-120px);
    opacity: 0;
    transition: transform .55s cubic-bezier(.22, .61, .36, 1),
        opacity .45s ease;
}
.modal-hf.active-hf .modal-box-hf,
.modal-hf.hf-modal-open .modal-box-hf {
    transform: translateY(0);
    opacity: 1;
}
.modal-close-hf {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 20px;
    cursor: pointer;
    user-select: none;
    color: #fff;
    width: 40px;
    height: 40px;
    border: 0;
    padding: 0;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-family: inherit;
    z-index: 30;
}
.modal-hf[data-modal="loanModal"],
.modal-hf[data-modal="loanModal2"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(4, 4, 3, .9);
    backdrop-filter: blur(7px);
}
.modal-hf[data-modal="loanModal"] .modal-box-hf,
.modal-hf[data-modal="loanModal2"] .modal-box-hf {
    width: min(92vw, 480px);
    max-width: 480px;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(209, 159, 80, .25);
    border-top: 2px solid rgba(189, 9, 23, .8);
    border-radius: 5px;
    background: linear-gradient(145deg, #1a1814 0%, #11110e 100%);
    box-shadow: 0 28px 90px rgba(0, 0, 0, .72), 0 0 40px rgba(189, 9, 23, .06);
}
.modal-hf[data-modal="loanModal"] .login-item,
.modal-hf[data-modal="loanModal2"] .login-item {
    box-sizing: border-box;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    padding: 34px 38px 38px;
    background: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(209, 159, 80, .35) transparent;
}
.modal-hf[data-modal="loanModal"] .modal-close-hf,
.modal-hf[data-modal="loanModal2"] .modal-close-hf {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 3px;
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .65);
    font-size: 15px;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.modal-hf[data-modal="loanModal"] .modal-close-hf:hover,
.modal-hf[data-modal="loanModal2"] .modal-close-hf:hover {
    background: #bd0917;
    border-color: #bd0917;
    color: #fff;
}
.modal-hf[data-modal="loanModal"] .login-title,
.modal-hf[data-modal="loanModal2"] .login-title {
    margin: 0 42px 30px 0;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(209, 159, 80, .18);
    text-align: left;
}
.modal-hf[data-modal="loanModal"] .login-title h2,
.modal-hf[data-modal="loanModal2"] .login-title h2 {
    margin: 0;
    color: #f3f0ea;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 2px;
}
.modal-hf[data-modal="loanModal"] .login-line,
.modal-hf[data-modal="loanModal2"] .login-line {
    display: none;
}
.modal-hf[data-modal="loanModal"] .login-flex-wrap,
.modal-hf[data-modal="loanModal2"] .login-flex-wrap {
    margin-top: 0;
}
.modal-hf[data-modal="loanModal"] .input-flex,
.modal-hf[data-modal="loanModal2"] .input-flex {
    box-sizing: border-box;
    grid-template-columns: 34px minmax(0, 1fr);
    column-gap: 12px;
    min-height: 52px;
    margin-top: 11px;
    padding: 7px 13px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 3px;
    background: #0d0e0b;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.modal-hf[data-modal="loanModal"] .input-flex:focus-within,
.modal-hf[data-modal="loanModal2"] .input-flex:focus-within {
    border-color: rgba(209, 159, 80, .7);
    box-shadow: 0 0 0 2px rgba(209, 159, 80, .08);
}
.modal-hf[data-modal="loanModal"] .input-item-left,
.modal-hf[data-modal="loanModal2"] .input-item-left {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, .08);
}
.modal-hf[data-modal="loanModal"] .input-item-left ul,
.modal-hf[data-modal="loanModal2"] .input-item-left ul {
    width: auto;
    margin: 0;
    padding: 0 10px 0 0;
}
.modal-hf[data-modal="loanModal"] .devide,
.modal-hf[data-modal="loanModal2"] .devide {
    display: none;
}
.modal-hf[data-modal="loanModal"] .input-item-right,
.modal-hf[data-modal="loanModal2"] .input-item-right {
    display: flex;
    align-items: center;
    min-width: 0;
}
.modal-hf[data-modal="loanModal"] .input-item-right input,
.modal-hf[data-modal="loanModal2"] .input-item-right input {
    box-sizing: border-box;
    min-height: 36px;
    color: #f3f0ea;
    font-size: 14px;
}
.modal-hf[data-modal="loanModal"] .input-item-right input::placeholder,
.modal-hf[data-modal="loanModal2"] .input-item-right input::placeholder {
    color: rgba(255, 255, 255, .34);
}
.modal-hf[data-modal="loanModal"] .sign-btm h4,
.modal-hf[data-modal="loanModal2"] .sign-btm h4 {
    margin: 18px 0 0;
    font-size: 12px;
    line-height: 1.6;
}
.modal-hf[data-modal="loanModal2"] .checkbox {
    grid-template-columns: 18px minmax(0, 1fr);
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .025);
}
.modal-hf[data-modal="loanModal2"] .checkbox input[type=checkbox] {
    width: 17px;
    height: 17px;
}
.modal-hf[data-modal="loanModal"] .hf-msg,
.modal-hf[data-modal="loanModal2"] .hf-msg {
    box-sizing: border-box;
    margin: 14px 0 0 !important;
    border: 1px solid currentColor;
    border-radius: 3px !important;
    line-height: 1.5;
}
.modal-hf[data-modal="loanModal"] .input-submit,
.modal-hf[data-modal="loanModal2"] .input-submit {
    margin-top: 18px;
}
.modal-hf[data-modal="loanModal"] .input-submit button,
.modal-hf[data-modal="loanModal2"] .input-submit button {
    width: 100%;
    height: 46px;
    border: 1px solid rgba(189, 9, 23, .9);
    border-radius: 3px;
    background: linear-gradient(180deg, #c31321, #9f0713);
    box-shadow: 0 8px 22px rgba(189, 9, 23, .15);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}
.modal-hf[data-modal="loanModal"] .input-submit button:hover,
.modal-hf[data-modal="loanModal2"] .input-submit button:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}
:root {
    --pix-bg: #0d0b0b;
    --pix-panel: rgba(19, 16, 14, 0.86);
    --pix-panel-solid: #15110f;
    --pix-panel-soft: #1c1714;
    --pix-red: #BD0917;
    --pix-red-dark: #6d060e;
    --pix-gold: #d19f50;
    --pix-text: #f2eadb;
    --pix-muted: #b8aa96;
    --pix-border: rgba(209, 159, 80, 0.18);
    --pix-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}
html {
    scroll-behavior: smooth;
}
body {
    background: radial-gradient(circle at top, #26140f 0, var(--pix-bg) 480px);
}
body::selection {
    background: var(--pix-red);
    color: #fff;
}
.section-wrapper20-area {
    background: linear-gradient(180deg, #0d0b0b 0%, #14100e 46%, #0b0908 100%);
}
.hero-area {
    position: relative;
    min-height: 760px;
    padding-bottom: 96px;
    isolation: isolate;
    background-position: center top;
}
.hero-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 73% 38%, rgba(189, 9, 23, .18), transparent 35%),
        linear-gradient(90deg, rgba(8, 6, 6, .86) 0%, rgba(8, 6, 6, .42) 42%, rgba(8, 6, 6, .78) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .12) 0%, #0d0b0b 100%);
    z-index: -1;
}
.hero-area::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 220px;
    background: linear-gradient(180deg, transparent, #0d0b0b 80%);
    z-index: -1;
}
.hero-container {
    max-width: 1280px;
}
.hero-logo-wrapper {
    min-height: 610px;
    position: relative;
}
.hero-logo-left img {
    max-width: 530px;
    margin: 54px auto 0;
    filter: drop-shadow(0 24px 45px rgba(0, 0, 0, .75));
}
.hero-logo-right img {
    max-height: 680px;
    filter: drop-shadow(0 36px 72px rgba(0, 0, 0, .72));
}
.hero-main,
.menu20-fixed,
.mobile-nav {
    background: rgba(14, 12, 10, .88);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(209, 159, 80, .14);
    box-shadow: 0 16px 50px rgba(0, 0, 0, .42);
}
.menu20-fixed {
    border-left: 0;
    border-right: 0;
}
.hero-main {
    border-radius: 18px;
    margin-top: -88px;
}
.hero-middle ul li a,
.hero-middle ul li:nth-of-type(4) button,
.mobile-nav ul li a,
.mobile-nav ul li button {
    letter-spacing: 1.1px;
    color: var(--pix-text);
}
.hero-middle ul li a:hover,
.hero-middle ul li:nth-of-type(4) button:hover,
.mobile-nav ul li a:hover,
.mobile-nav ul li button:hover,
.nav-social-icon:hover {
    color: #f0c060;
}
.lang-pill {
    background: rgba(255, 255, 255, .06);
    color: var(--pix-text);
    border-color: var(--pix-border);
}
.lang-dropdown {
    background: #120f0d;
    border-color: var(--pix-border);
}
.hero-right ul > li.hf-guest-only > button,
.player-btn a,
.news-view-all a,
.pix-hero-cta .cta-primary {
    background: linear-gradient(135deg, var(--pix-red-dark), var(--pix-red));
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(189, 9, 23, .28);
}
.pix-hero-cta {
    position: absolute;
    left: 50%;
    bottom: 86px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 360px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.pix-kicker {
    gap: 10px;
    color: var(--pix-gold);
    font-family: var(--font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.pix-kicker::before {
    content: "";
    width: 42px;
    height: 1px;
    background: var(--pix-gold);
    opacity: .8;
}
.pix-kicker {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}
.pix-kicker::before,
.pix-kicker::after {
    content: "";
    width: 48px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--pix-gold), transparent);
}
.pix-hero-cta h1 {
    font-family: var(--font-heading);
    color: var(--pix-text);
    font-size: clamp(38px, 5vw, 72px);
    line-height: .98;
    letter-spacing: .5px;
    text-shadow: 0 16px 44px rgba(0, 0, 0, .78);
    margin-bottom: 18px;
}
.pix-hero-cta p {
    color: var(--pix-muted);
    max-width: 440px;
    font-size: 16px;
}
.pix-hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
    justify-content: center;
}
.pix-hero-actions a,
.pix-hero-actions button {
    min-width: 150px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 14px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.pix-hero-actions .cta-secondary {
    border-radius: 999px;
    border: 1px solid var(--pix-border);
    background: rgba(0, 0, 0, .28);
    color: var(--pix-text);
}
.pix-hero-actions a:hover,
.pix-hero-actions button:hover {
    transform: translateY(-3px);
}
.hero-btm {
    display: none;
}
.news-area,
.player-area,
.social-midea-area,
.backpack-area,
.footer-area {
    background-color: transparent;
}
.news-area {
    padding: 92px 0 82px;
}
.news-section-heading {
    margin-bottom: 42px;
}
.news-section-heading h2 {
    font-size: clamp(30px, 3.5vw, 46px);
    letter-spacing: 1px;
}
.news-section-heading .heading-line {
    width: 112px;
    background: linear-gradient(90deg, transparent, var(--pix-gold), var(--pix-red), transparent);
}
.news-main {
    gap: 28px;
}
.news-left,
.news-flex,
.player-item-btmbar,
.social-midea-item,
.backpack-item a {
    background: var(--pix-panel);
    border: 1px solid var(--pix-border);
    border-radius: 18px;
    box-shadow: var(--pix-shadow);
}
.news-left {
    padding: 14px;
}
.news-left-img,
.news-col-left {
    border-radius: 14px;
}
.news-left-img img {
    aspect-ratio: 16/9;
    object-fit: cover;
}
.news-left-cnt {
    padding: 20px 6px 4px;
}
.news-left-cnt p,
.news-col-right p {
    color: var(--pix-muted);
}
.news-date {
    color: var(--pix-muted);
}
.news-flex {
    grid-template-columns: 160px auto;
    padding: 14px;
    border-bottom: 0;
}
.news-col-left img {
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
}
.news-title a,
.news-col-right h4 a {
    color: var(--pix-text);
}
.news-read-more,
.news-category {
    color: var(--pix-gold);
}
.news-view-all a {
    background-image: linear-gradient(135deg, #2a1914, var(--pix-red-dark));
}
.social-midea-area {
    padding: 84px 0;
    background-size: cover;
    position: relative;
}
.social-midea-area::before,
.backpack-area::before,
.mage-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 6, 6, .68);
    pointer-events: none;
}
.social-midea-area>.container,
.backpack-area>.container,
.mage-area>.container {
    position: relative;
    z-index: 1;
}
.social-midea-item {
    padding: 28px 18px;
    text-align: center;
}
.social-midea-item img {
    max-width: 92px;
    filter: drop-shadow(0 15px 20px rgba(0, 0, 0, .45));
}
.social-midea-item h4 {
    color: var(--pix-text);
    text-shadow: none;
}
.player-area {
    padding: 88px 0;
}
.player-main {
    display: grid;
    grid-template-columns: repeat(2, 480px);
    justify-content: center;
    gap: 28px;
}
.player-item-topper {
    border-radius: 18px 18px 0 0;
    border: 1px solid var(--pix-border);
    border-bottom: 0;
}
.player-item-btmbar {
    border-radius: 0 0 18px 18px;
    margin-top: 0;
    background: rgba(10, 9, 8, .88);
}
.player-table-col ul li {
    color: var(--pix-text);
}
.player-table-col ul li span {
    color: var(--pix-muted);
}
.player-btn a {
    width: 190px;
    height: 46px;
    background-position: center;
}
.mage-area {
    padding: 82px 0;
}
.backpack-area {
    padding: 76px 0 86px;
    margin-top: 0;
}
.backpack-main {
    display: grid;
    gap: 22px;
}
.backpack-item a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 24px 12px 18px !important;
    min-height: 270px !important;
    box-sizing: border-box !important;
}
.backpack-item img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 140px !important;
    object-fit: contain !important;
}
.backpack-cnt {
    position: static !important;
    margin-top: 10px !important;
}
.backpack-cnt h3,
.backpack-cnt h4 {
    text-shadow: none;
}
.footer-area {
    padding-top: 66px;
    background: #080706;
    border-top: 1px solid var(--pix-border);
}
.copyright-item {
    border-top-color: rgba(209, 159, 80, .16);
}
.copyright-item ul li a {
    color: var(--pix-muted);
}
.discord-float {
    background: linear-gradient(135deg, #4d070c, var(--pix-red));
    box-shadow: 0 14px 40px rgba(189, 9, 23, .36);
}
.hero-area {
    padding-bottom: 20px !important;
}
.hero-logo-left img {
    max-width: 620px !important;
    transform: scale(1.18) !important;
}
.hero-logo-right img {
    left: -20px !important;
    top: 40px !important;
}
.hero-main {
    border-radius: 24px !important;
    background: rgba(8, 8, 8, .82) !important;
    border: 1px solid rgba(255, 120, 40, .18) !important;
}
.news-main-item,
.news-right-item {
    background: rgba(10, 10, 10, .92) !important;
    border: 1px solid rgba(255, 120, 40, .15) !important;
    border-radius: 18px !important;
}
.news-heading h2 {
    letter-spacing: 2px !important;
}
:root {
    --pix-red: #e20f22;
    --pix-red-deep: #8b080f;
    --pix-gold: #d8a74e;
    --pix-gold-soft: #f1d58b;
    --pix-ink: #070606;
    --pix-panel: rgba(10, 9, 8, .84);
    --pix-border: rgba(216, 167, 78, .24);
    --pix-text: #f4efe5;
    --pix-muted: #b8aca0;
}
body {
    background: #060505;
    color: var(--pix-text);
}
.container {
    max-width: 1540px;
}
.section-wrapper20-area {
    background: radial-gradient(circle at 50% 0, rgba(156, 24, 13, .13), transparent 35%), linear-gradient(180deg, #050404 0%, #0c0a09 45%, #050404 100%) !important;
}
.menu20-fixed {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    background: rgba(4, 4, 4, .94) !important;
    border-bottom: 1px solid rgba(216, 167, 78, .22) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .48) !important;
    backdrop-filter: blur(18px);
}
.menu20-fixed .hero-container {
    max-width: 1680px;
    padding: 0 44px;
}
.menu20-fixed .hero-main.menu20 {
    display: grid !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.menu20-fixed .menu-btn {
    display: none !important;
}
.nav-brand {
    display: flex;
    align-items: center;
    width: 250px;
    height: 96px;
    position: relative;
    z-index: 3;
}
.nav-brand img {
    width: 230px;
    max-height: 120px;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .75));
    transform: translateY(5px);
}
.menu20-fixed .hero-left {
    order: 3;
}
.menu20-fixed .hero-middle {
    order: 2;
    min-width: 0;
}
.menu20-fixed .hero-right {
    order: 4;
}
.menu20-fixed .hero-left ul,
.menu20-fixed .hero-right ul,
.menu20-fixed .hero-middle ul {
    height: 96px;
}
.menu20-fixed .hero-middle ul {
    gap: clamp(22px, 2.4vw, 44px);
    justify-content: center;
}
.menu20-fixed .hero-middle ul li {
    position: relative;
}
.menu20-fixed .hero-middle ul li a,
.menu20-fixed .hero-middle ul li:nth-of-type(4) button {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: .9px !important;
    color: #f7f1e8 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .65);
}
.menu20-fixed .hero-middle ul li a.nav-active,
.menu20-fixed .hero-middle ul li a.nw-active,
.menu20-fixed .hero-middle ul li a.rk-active,
.menu20-fixed .hero-middle ul li a.dl-active,
.menu20-fixed .hero-middle ul li a.is-active,
.menu20-fixed .hero-middle ul li a.ac-active {
    color: var(--pix-red) !important;
    position: relative;
}
.menu20-fixed .hero-middle ul li a.nav-active::after,
.menu20-fixed .hero-middle ul li a.nw-active::after,
.menu20-fixed .hero-middle ul li a.rk-active::after,
.menu20-fixed .hero-middle ul li a.dl-active::after,
.menu20-fixed .hero-middle ul li a.is-active::after,
.menu20-fixed .hero-middle ul li a.ac-active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -35px;
    width: 86px;
    height: 3px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, var(--pix-red), var(--pix-gold), transparent);
    box-shadow: 0 0 24px rgba(226, 15, 34, .75);
}
.mobile-nav ul li a.nav-active,
.mobile-nav ul li a.nw-active,
.mobile-nav ul li a.rk-active,
.mobile-nav ul li a.dl-active,
.mobile-nav ul li a.is-active,
.mobile-nav ul li a.ac-active {
    color: var(--pix-red) !important;
}
.menu20-fixed .hero-middle ul li a:hover,
.menu20-fixed .hero-middle ul li:nth-of-type(4) button:hover {
    color: var(--pix-red) !important;
}
.menu20-fixed .nav-social-icon {
    font-size: 20px;
    color: #f3efe7 !important;
    opacity: .95;
}
.menu20-fixed .hero-left ul {
    gap: 28px;
}
.menu20-fixed .hero-left ul li:last-child span {
    display: none;
}
.menu20-fixed .hero-right ul {
    gap: 16px;
    min-width: 345px;
}
.menu20-fixed .lang-pill {
    height: 46px;
    padding: 0 20px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .36) !important;
    border: 1px solid rgba(216, 167, 78, .24) !important;
    color: #fff !important;
}
.menu20-fixed .hero-right ul > li.hf-guest-only > button {
    width: 148px !important;
    height: 48px !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, #ed1a2a, #9c0b12) !important;
    border: 1px solid rgba(255, 165, 130, .28) !important;
    box-shadow: 0 10px 30px rgba(226, 15, 34, .35) !important;
    font-size: 15px !important;
}
.hero-area>.hero-main-wrapper>.hero-container>.hero-main.menu20 {
    display: none !important;
}
.hero-area {
    min-height: 690px !important;
    padding: 96px 0 0 !important;
    background-image: url('/images/hero-bg.webp') !important;
    background-size: cover !important;
    background-position: center top !important;
    overflow: hidden;
}
.hero-area::before {
    background: radial-gradient(circle at 65% 15%, rgba(255, 124, 28, .28), transparent 26%),
        radial-gradient(circle at 83% 45%, rgba(226, 15, 34, .22), transparent 30%),
        linear-gradient(90deg, rgba(2, 2, 2, .56) 0%, rgba(2, 2, 2, .18) 47%, rgba(2, 2, 2, .38) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(6, 5, 5, .15) 62%, #060505 100%) !important;
}
.hero-area::after {
    height: 170px !important;
    background: linear-gradient(180deg, transparent, #060505 86%) !important;
}
.hero-logo-wrapper {
    min-height: 594px !important;
    display: grid !important;
    grid-template-columns: 47% 53% !important;
    align-items: center !important;
    position: relative !important;
}
.hero-logo-wrapper::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    transform: translateX(-50%);
    width: 620px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(216, 167, 78, .65), var(--pix-red), rgba(216, 167, 78, .65), transparent);
    box-shadow: 0 0 25px rgba(226, 15, 34, .48);
}
.hero-logo-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 14px;
    height: 14px;
    transform: translateX(-50%) rotate(45deg);
    background: linear-gradient(135deg, var(--pix-gold), var(--pix-red));
    border: 1px solid rgba(255, 228, 150, .65);
    z-index: 6;
}
.hero-logo-left {
    z-index: 5;
}
.hero-logo-left img {
    max-width: 690px !important;
    width: 112% !important;
    margin: 20px 0 0 80px !important;
    top: 0 !important;
    transform: none !important;
    filter: drop-shadow(0 26px 42px rgba(0, 0, 0, .8)) saturate(1.06) contrast(1.04) !important;
}
.hero-logo-left img:hover {
    transform: scale(1.02) !important;
}
.hero-logo-right {
    z-index: 4;
}
.hero-logo-right img {
    max-height: 760px !important;
    width: auto !important;
    max-width: 100% !important;
    left: -80px !important;
    top: 60px !important;
    transform: scale(1.04) !important;
    filter: drop-shadow(0 36px 65px rgba(0, 0, 0, .86)) saturate(1.08) contrast(1.05) !important;
}
.hero-btm {
    display: none !important;
}
.news-area {
    padding: 24px 0 110px !important;
    position: relative;
}
.news-section-heading {
    margin-bottom: 34px !important;
    text-align: center;
}
.news-section-heading h2 {
    font-family: var(--font-heading) !important;
    font-size: clamp(34px, 3.1vw, 50px) !important;
    letter-spacing: 4px !important;
    color: #fff !important;
    text-shadow: 0 4px 24px rgba(0, 0, 0, .85);
}
.news-section-heading .heading-line {
    width: 360px !important;
    height: 24px !important;
    background: none !important;
    position: relative;
}
.news-section-heading .heading-line::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 11px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(216, 167, 78, .65), rgba(226, 15, 34, .8), rgba(216, 167, 78, .65), transparent);
}
.news-section-heading .heading-line::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 5px;
    width: 14px;
    height: 14px;
    transform: translateX(-50%) rotate(45deg);
    background: linear-gradient(135deg, var(--pix-gold), var(--pix-red));
    border: 1px solid rgba(255, 224, 147, .75);
    box-shadow: 0 0 22px rgba(226, 15, 34, .7);
}
.tab-container {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
}
.tab-buttons {
    margin-bottom: 20px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tab-buttons ul {
    gap: 0 !important;
    background: rgba(8, 7, 7, .62);
    border: 1px solid rgba(216, 167, 78, .18);
    border-radius: 18px 18px 0 0;
    overflow: hidden;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .35);
}
.tab-buttons ul li a {
    min-width: 172px !important;
    height: 56px !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-right: 1px solid rgba(216, 167, 78, .12);
    color: var(--pix-muted) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(0, 0, 0, .1));
}
.tab-buttons ul li a.active {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(226, 15, 34, .28), rgba(88, 8, 8, .18));
    box-shadow: inset 0 -3px 0 var(--pix-red);
}
.tab-btn-img {
    display: none !important;
}
.news-view-all {
    position: absolute !important;
    right: 8px !important;
    top: 5px !important;
    margin: 0 !important;
}
.news-view-all a {
    background: transparent !important;
    border: none !important;
    font-weight: 700;
    gap: 14px;
}
.news-view-all a i {
    color: var(--pix-red);
}
.news-main {
    grid-template-columns: 1.06fr 1.34fr !important;
    gap: 28px !important;
    align-items: stretch !important;
}
.news-left,
.news-flex {
    border: 1px solid rgba(216, 167, 78, .25) !important;
    background: linear-gradient(145deg, rgba(12, 10, 9, .93), rgba(4, 4, 4, .92)) !important;
    box-shadow: 0 22px 65px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    overflow: hidden !important;
}
.news-left {
    border-radius: 20px !important;
    display: flex;
    flex-direction: column;
}
.news-left-img {
    overflow: hidden;
}
.news-left-img img {
    height: 292px !important;
    aspect-ratio: auto !important;
    filter: saturate(1.08) contrast(1.05);
}
.news-badge {
    top: 26px !important;
    left: 26px !important;
    background: linear-gradient(180deg, #ff1c30, #a50812) !important;
    border-radius: 6px !important;
    font-weight: 900 !important;
    letter-spacing: 1.2px;
}
.news-left-cnt {
    padding: 22px 18px 12px !important;
}
.news-title {
    font-size: 28px !important;
    line-height: 1.12 !important;
}
.news-left-cnt p {
    font-size: 16px !important;
}
.news-right {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
}
.news-flex {
    display: grid !important;
    grid-template-columns: 230px 1fr !important;
    gap: 22px !important;
    padding: 18px !important;
    border-radius: 18px !important;
    margin: 0 !important;
    min-height: 210px;
}
.news-flex3 {
    display: none !important;
}
.news-col-left {
    border-radius: 13px !important;
    overflow: hidden;
}
.news-col-left img {
    height: 174px !important;
    aspect-ratio: auto !important;
}
.news-col-right {
    padding: 2px 2px 0 !important;
}
.news-col-right h4 {
    font-size: 24px !important;
    line-height: 1.16 !important;
    margin: 8px 0 12px !important;
}
.news-col-right p {
    font-size: 15px !important;
    line-height: 1.55 !important;
}
.news-meta {
    gap: 14px !important;
    align-items: center !important;
}
.news-category {
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    letter-spacing: 1.8px !important;
}
.news-date {
    font-size: 13px !important;
    color: #aaa !important;
}
.news-read-more {
    color: #ff2636 !important;
    font-weight: 800 !important;
}
.news-read-more::after,
.news-col-right p+a {
    color: #ff2636 !important;
}
.discord-float {
    right: 24px !important;
    bottom: 26px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #b9111d, #681014) !important;
    border: 1px solid rgba(255, 115, 115, .22) !important;
}
@media (max-width:1200px) {
.menu20-fixed .hero-main.menu20 {
    grid-template-columns: 220px 1fr max-content !important;
    gap: 18px !important;
}
.menu20-fixed .hero-left {
    display: none !important;
}
.nav-brand {
    width: 210px
}
.nav-brand img {
    width: 200px
}
.menu20-fixed .hero-middle ul {
    gap: 26px;
}
.hero-logo-left img {
    margin-left: 30px !important;
    max-width: 560px !important;
}
.hero-logo-right img {
    left: -40px !important;
    max-height: 680px !important;
}
.news-main {
    grid-template-columns: 1fr !important;
}
.news-right {
    grid-template-columns: 1fr 1fr !important;
}
}
.news-area {
    padding: 92px 0 82px !important;
}
.news-section-heading {
    text-align: center !important;
    margin-bottom: 42px !important;
}
.news-section-heading h2 {
    font-size: clamp(30px, 3.5vw, 46px) !important;
    letter-spacing: 1px !important;
}
.news-section-heading .heading-line {
    width: 112px !important;
    height: 3px !important;
    margin: 12px auto 0 !important;
    background: linear-gradient(90deg, transparent, var(--pix-gold), var(--pix-red), transparent) !important;
}
.news-section-heading .heading-line::before,
.news-section-heading .heading-line::after {
    content: none !important;
    display: none !important;
}
.tab-container {
    max-width: 1170px !important;
    margin: 0 auto !important;
}
.tab-buttons {
    display: block !important;
    margin-bottom: 0 !important;
}
.tab-buttons ul {
    display: flex !important;
    align-items: center !important;
    column-gap: 40px !important;
    gap: 40px !important;
    padding-bottom: 15px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}
.tab-buttons ul li a,
.tab-btn {
    position: relative !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #666 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.tab-buttons ul li a.active,
.tab-btn.active {
    color: #BD0917 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.tab-btn-img {
    display: block !important;
}
.tab-btn-img img {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: -1 !important;
    width: 140px !important;
    height: 42px !important;
    max-width: none !important;
    pointer-events: none !important;
}
.news-view-all {
    position: static !important;
    right: auto !important;
    top: auto !important;
    text-align: center !important;
    margin-top: 40px !important;
}
.news-view-all a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #fff !important;
    background: #1a1a1a !important;
    padding: 14px 36px !important;
    border-radius: 4px !important;
    border: 0 !important;
    box-shadow: none !important;
}
.news-main {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr !important;
    column-gap: 35px !important;
    gap: 35px !important;
    margin-top: 25px !important;
    align-items: start !important;
}
.news-left {
    display: block !important;
    padding: 14px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: var(--pix-panel) !important;
    border: 1px solid var(--pix-border) !important;
    box-shadow: var(--pix-shadow) !important;
}
.news-left-img {
    border-radius: 14px !important;
    overflow: hidden !important;
}
.news-left-img img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
}
.news-badge {
    top: 15px !important;
    left: 15px !important;
    border-radius: 3px !important;
}
.news-left-cnt {
    padding: 20px 6px 4px !important;
}
.news-title {
    font-size: inherit !important;
    line-height: inherit !important;
    margin-bottom: 12px !important;
}
.news-title a {
    font-size: 18px !important;
    line-height: 1.4 !important;
}
.news-left-cnt p {
    font-size: 14px !important;
    line-height: 1.65 !important;
}
.news-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}
.news-flex,
.news-flex2,
.news-flex3 {
    display: grid !important;
    grid-template-columns: 160px auto !important;
    column-gap: 20px !important;
    gap: 20px !important;
    align-items: center !important;
    padding: 14px !important;
    margin: 0 !important;
    min-height: auto !important;
    border-radius: 18px !important;
    background: var(--pix-panel) !important;
    border: 1px solid var(--pix-border) !important;
    box-shadow: var(--pix-shadow) !important;
}
.news-flex2,
.news-flex3 {
    margin-top: 20px !important;
}
.news-col-left {
    width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
.news-col-left img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    display: block !important;
}
.news-col-right {
    padding: 0 !important;
}
.news-col-right h4 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}
.news-col-right p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-top: 8px !important;
}
.news-meta {
    gap: 15px !important;
    margin-bottom: 10px !important;
}
.news-category {
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    color: var(--pix-gold) !important;
}
.news-date {
    font-size: 12px !important;
}
@media (max-width: 1200px) {
.news-main {
    grid-template-columns: 1fr !important;
}
.news-flex,
    .news-flex2,
    .news-flex3 {
    grid-template-columns: 160px auto !important;
}
}
.ac-wrap,
.rk-wrap,
.reset-wrap,
.is-wrap,
.ns-wrap,
.verify-wrap,
.nw-wrap,
.dl-wrap,
.admin-wrap {
    padding-top: 96px !important;
}
@media screen and (min-width: 1101px) {
.login-item {
    padding: 40px 48px !important;
}
.login-title h2 {
    font-size: 20px !important;
    letter-spacing: 1px !important;
}
.input-flex {
    padding: 14px 24px !important;
    margin-top: 20px !important;
    grid-template-columns: 44px auto !important;
}
.input-item-right input {
    font-size: 16px !important;
}
.input-submit button {
    width: 220px !important;
    height: 48px !important;
    font-size: 16px !important;
    background-size: 100% 100% !important;
}
.sign-btm h4 {
    font-size: 15px !important;
    margin-top: 20px !important;
}
.checkbox label {
    font-size: 15px !important;
}
}
.menu20-fixed .hero-middle ul li a,
.menu20-fixed .hero-middle ul li button,
.menu20-fixed .hero-right ul li a,
.menu20-fixed .hero-right ul li button,
.mobile-nav ul li a,
.mobile-nav ul li button {
    font-family: 'Pretendard', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .9px !important;
    font-synthesis: none;
}
.menu20-fixed .lang-pill,
.menu20-fixed .lang-code {
    font-family: 'Pretendard', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .9px !important;
    font-synthesis: none;
}
.menu20-fixed .hero-right .hf-login-link,
.menu20-fixed .hero-right .hf-guest-only>button,
.mobile-nav .hf-login-link,
.mobile-nav .hf-guest-only>button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 110px !important;
    min-height: 40px !important;
    width: auto !important;
    height: auto !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 165, 130, .28) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ed1a2a 0%, #9c0b12 100%) !important;
    background-image: linear-gradient(180deg, #ed1a2a 0%, #9c0b12 100%) !important;
    background-size: auto !important;
    box-shadow: 0 10px 30px rgba(226, 15, 34, .28) !important;
    color: #fff !important;
    cursor: pointer;
    font-family: 'Pretendard', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .9px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    font-synthesis: none;
}
.menu20-fixed .hero-right .hf-login-link:hover,
.menu20-fixed .hero-right .hf-guest-only>button:hover,
.mobile-nav .hf-login-link:hover,
.mobile-nav .hf-guest-only>button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}
.menu20-fixed .hero-right .hf-login-link,
.menu20-fixed .hero-right .hf-guest-only>button,
.pix-hero-actions a,
.pix-hero-actions button,
.discord-float {
    border-radius: 999px !important;
    font-family: 'Pretendard', Arial, sans-serif !important;
    font-synthesis: none;
}
.pix-hero-actions a,
.pix-hero-actions button {
    min-height: 48px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.discord-float {
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.hf-pw-toggle {
    z-index: 2;
}
.input-item-right input.hf-password-match {
    border: 1px solid rgba(46, 204, 113, .9) !important;
    box-shadow: 0 0 0 3px rgba(46, 204, 113, .18) !important;
    outline: none !important;
}
.input-item-right input.hf-password-mismatch {
    border: 1px solid rgba(231, 76, 60, .9) !important;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, .18) !important;
    outline: none !important;
}
.hf-password-match-status {
    min-height: 20px;
    margin: -4px 0 10px;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}
.hf-password-match-status.is-match {
    color: #46c875;
}
.hf-password-match-status.is-mismatch {
    color: #e85c66;
}
.hf-password-requirements {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: -2px 0 12px;
    padding: 8px 10px;
    border: 1px solid rgba(209, 159, 80, .18);
    border-radius: 6px;
    background: rgba(209, 159, 80, .06);
    color: rgba(255, 255, 255, .62);
    font-size: 11px;
    line-height: 1.45;
}
.hf-password-requirements i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #d19f50;
    font-size: 11px;
}
.hf-modal-helper {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
}
.hf-resend-verification-link,
.hf-modal-secondary-link {
    margin-top: 12px;
    color: rgba(255, 255, 255, .48);
    font-family: var(--font-heading);
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}
.hf-resend-verification-link[hidden] {
    display: none !important;
}
.hf-nav-avatar {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 1px solid rgba(209, 159, 80, .38);
    border-radius: 50%;
    object-fit: cover;
    background: #0b0a08;
}
.hf-account-link a {
    display: flex;
    align-items: center;
    gap: 9px;
}
.player-main.hf-home-player-main {
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
}
.hf-home-player-main > .player-item {
    width: 100%;
    min-width: 0;
}
.player-item-btmbar.hf-home-rank-panel {
    min-height: 0 !important;
    margin-top: 12px;
    padding: 12px !important;
    border: 1px solid rgba(209, 159, 80, .25);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(22, 21, 17, .96), rgba(7, 7, 6, .96));
    box-shadow: 0 16px 32px rgba(0, 0, 0, .22);
}
.hf-home-rank-table {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 8px;
}
.hf-home-rank-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) minmax(145px, 190px) minmax(95px, 135px);
    align-items: center;
    min-height: 58px;
    padding: 7px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    transition: background .2s ease;
}
.hf-home-rank-row:last-child {
    border-bottom: 0;
}
.hf-home-rank-row:not(.hf-home-rank-head):hover {
    background: rgba(255, 255, 255, .035);
}
.hf-home-rank-head {
    min-height: 35px;
    padding-top: 0;
    padding-bottom: 0;
    background: rgba(255, 255, 255, .025);
    color: rgba(255, 255, 255, .36);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.hf-home-rank-head > :last-child {
    text-align: right;
}
.hf-home-rank-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .45);
    font-family: var(--font-heading);
    font-size: 11px;
}
.hf-home-rank-badge.b1 {
    background: linear-gradient(135deg, #ffd700, #d88b12);
    color: #211300;
    box-shadow: 0 0 10px rgba(255, 190, 45, .28);
}
.hf-home-rank-badge.b2 {
    background: linear-gradient(135deg, #e1e1e1, #949494);
    color: #151515;
}
.hf-home-rank-badge.b3 {
    background: linear-gradient(135deg, #d38a45, #75401c);
    color: #fff;
}
.hf-home-rank-player, .hf-home-rank-league {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.hf-home-rank-avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(209, 159, 80, .32);
    border-radius: 50%;
    object-fit: cover;
    background: #111;
}
.hf-home-rank-player strong, .hf-home-rank-league strong {
    display: block;
    overflow: hidden;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: .3px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hf-home-rank-player span {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: rgba(255, 255, 255, .36);
    font-size: 9px;
    letter-spacing: .65px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.hf-home-rank-league i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 1px solid rgba(189, 9, 23, .26);
    border-radius: 5px;
    background: rgba(189, 9, 23, .1);
    color: #d94752;
    font-size: 13px;
}
.hf-home-rank-level {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    min-width: 0;
    text-align: right;
}
.hf-home-rank-level strong {
    overflow: hidden;
    color: rgba(255, 255, 255, .82);
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: .2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hf-home-rank-level span {
    padding: 2px 5px;
    border: 1px solid rgba(189, 9, 23, .32);
    border-radius: 3px;
    background: rgba(189, 9, 23, .08);
    color: #e46a73;
    font-size: 9px;
    white-space: nowrap;
}
.hf-home-rank-exp {
    color: #d19f50;
    font-family: var(--font-heading);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    text-align: right;
}
.hf-home-member-count {
    text-align: right;
}
.hf-home-member-count strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 14px;
}
.hf-home-member-count span {
    color: rgba(255, 255, 255, .35);
    font-size: 10px;
}
.hf-home-rank-panel .player-btn {
    margin-top: 14px;
}
.hf-home-rank-panel .player-btn a {
    width: 150px;
    height: 38px;
    border: 1px solid rgba(209, 159, 80, .28);
    border-radius: 4px;
    background: rgba(255, 255, 255, .035);
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
}
.hf-resend-verification-link span,
.hf-modal-secondary-link span {
    color: #d19f50;
    cursor: pointer;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.hf-resend-verification-link span:hover,
.hf-modal-secondary-link span:hover {
    color: #fff;
}
.hf-turnstile-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 16px auto 12px !important;
    text-align: center !important;
}
.hf-turnstile-wrap .cf-turnstile,
.hf-turnstile-wrap iframe {
    margin-right: auto !important;
    margin-left: auto !important;
}
.menu20-fixed .hero-main.menu20 {
    min-height: 96px !important;
}
.menu20-fixed .hero-left ul,
.menu20-fixed .hero-middle ul,
.menu20-fixed .hero-right ul {
    min-height: 96px !important;
}
.menu20-fixed,
.menu20-fixed.visible,
.menu20-fixed .nav-brand,
.menu20-fixed .nav-brand img,
.menu20-fixed .hf-auth-only,
.menu20-fixed .hf-guest-only,
.menu20-fixed .hf-account-link,
.menu20-fixed .hf-account-link a,
.menu20-fixed .hf-logout-link,
.menu20-fixed .hf-logout-link button {
    opacity: 1 !important;
    transition-property: color, background, border-color, transform, filter, box-shadow !important;
    transition-duration: .2s !important;
}
.menu20-fixed,
.menu20-fixed.visible {
    transition: none !important;
    transition-property: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transform: none !important;
    pointer-events: auto !important;
}
.menu20-fixed .nav-brand img {
    display: block !important;
    visibility: visible !important;
}
.menu20-fixed .hero-main.menu20 {
    grid-template-columns: 240px minmax(560px, 1fr) auto auto !important;
    gap: 24px !important;
}
.menu20-fixed .hero-main.menu20 {
    grid-template-columns: 220px minmax(0, 1fr) auto auto !important;
    column-gap: 20px !important;
}
.menu20-fixed .hero-right ul {
    min-width: 0 !important;
    gap: 14px;
    justify-content: flex-end;
}
.menu20-fixed .hero-right ul li.hf-logout-link button {
    width: auto !important;
    height: auto !important;
    min-height: 37px;
    padding: 0 4px !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    text-align: left;
}
.menu20-fixed .hero-right ul li.hf-logout-link {
    width: auto !important;
}
.menu20-fixed .hero-right ul li.hf-logout-link button:hover {
    transform: none !important;
    filter: none !important;
    color: var(--pix-red) !important;
}
.menu20-fixed .lang-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.menu20-fixed .lang-code {
    background: transparent !important;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    padding: 0 !important;
    letter-spacing: .5px !important;
}
.hero-status-widget {
    width: 100% !important;
    align-self: stretch !important;
    padding: 22px 28px !important;
    gap: 14px !important;
}
.hero-status-widget .status-row {
    gap: 18px !important;
    padding-bottom: 12px !important;
}
.hero-status-widget .status-label {
    font-size: 14px !important;
}
.hero-status-widget .status-value {
    font-size: 14px !important;
}
.pix-kicker::after {
    content: "";
    width: 42px;
    height: 1px;
    background: var(--pix-gold);
}
.phase-layout {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 50px;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.phase-left {
    width: 100%;
}
.phase-right {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.phase-right img {
    max-width: 100%;
    max-height: 520px;
    object-fit: contain;
    filter: drop-shadow(0 0 25px rgba(189, 9, 23, 0.25));
    animation: floatWarrior 6s ease-in-out infinite;
}
@keyframes floatWarrior {
0%,
    100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-8px);
}
}
.phase-accordion {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.accordion-item {
    background: rgba(18, 16, 15, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.accordion-item.active {
    border-color: rgba(189, 9, 23, 0.45);
    background: rgba(18, 16, 15, 0.85);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}
.accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    cursor: pointer;
    user-select: none;
    transition: background 0.2s ease;
}
.accordion-header:hover {
    background: rgba(255, 255, 255, 0.02);
}
.accordion-item.active .accordion-header {
    border-bottom: 1px solid rgba(189, 9, 23, 0.15);
}
.header-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.phase-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    transition: border-color 0.3s ease;
}
.accordion-item.active .phase-avatar {
    border-color: #BD0917;
}
.header-title-wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.header-left h3 {
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
    transition: color 0.3s ease;
}
.accordion-item.active h3 {
    color: #BD0917;
    background-image: linear-gradient(180deg, #ffffff 0%, #BD0917 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.phase-subtitle {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.coming-soon {
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.25);
    font-weight: 600;
}
.accordion-header i {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    transition: color 0.3s ease, transform 0.3s ease;
}
.accordion-item.active .accordion-header i {
    color: #BD0917;
}
.accordion-body {
    padding: 24px;
}
.phase-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
}
.phase-stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    padding-bottom: 10px;
}
.phase-stat.full-width {
    grid-column: span 2;
    border-bottom: none;
    padding-bottom: 0;
}
.phase-stat span {
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 1.5px;
    color: #d19f50;
    text-transform: uppercase;
}
.phase-stat strong {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
}
.phase-info {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
    line-height: 1.6;
}
.user-dropdown-wrap {
    position: relative;
    display: inline-block;
}
.user-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 8px 16px;
    color: #fff;
    cursor: pointer;
    font-family: var(--font-heading);
    font-size: 13px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    outline: none;
}
.user-pill:hover {
    background: rgba(189, 9, 23, 0.15);
    border-color: rgba(189, 9, 23, 0.35);
}
.user-arrow {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    transition: transform 0.3s ease;
    margin-left: 2px;
}
.user-arrow.rotate {
    transform: rotate(180deg);
}
.user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 190px;
    background: #11100f;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 6px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.user-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 18px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.65);
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 1px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}
.user-dropdown .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
}
.user-dropdown .dropdown-item.danger {
    color: rgba(255, 100, 100, 0.85);
}
.user-dropdown .dropdown-item.danger:hover {
    background: rgba(189, 9, 23, 0.08);
    color: #ff6b6b;
}
.menu20-fixed .hero-right ul li.user-dropdown-wrap {
    position: relative;
    display: inline-flex;
    width: auto;
    align-items: center;
}
.menu20-fixed .hero-right ul li.user-dropdown-wrap > button.user-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 40px;
    padding: 8px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    background-image: none !important;
    box-shadow: none !important;
    text-align: left;
}
.menu20-fixed .hero-right .user-dropdown {
    top: calc(100% + 10px);
    right: 0;
    width: 190px;
    z-index: 1000;
}
.menu20-fixed .hero-right .user-dropdown > form {
    width: 100%;
    margin: 0 !important;
}
.menu20-fixed .hero-right .user-dropdown > form > .dropdown-item {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    text-align: left !important;
}
.tab-container[data-set="set1"] .tab-buttons {
    display: flex !important;
    margin: 0 0 24px !important;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
.tab-container[data-set="set1"] .tab-buttons ul {
    display: flex !important;
    align-items: center !important;
    min-width: max-content;
    gap: 4px !important;
    padding: 5px !important;
    margin: 0 !important;
    border: 1px solid rgba(209, 159, 80, .22) !important;
    border-radius: 8px !important;
    background: rgba(9, 9, 8, .8) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .24) !important;
}
.tab-container[data-set="set1"] .tab-buttons ul li a,
.tab-container[data-set="set1"] .tab-btn {
    min-width: 0 !important;
    width: auto !important;
    height: 38px !important;
    padding: 0 14px !important;
    gap: 8px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, .46) !important;
    font-family: 'Pretendard', Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .65px !important;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .2s ease, background .2s ease, border-color .2s ease !important;
}
.tab-container[data-set="set1"] .tab-buttons ul li a i {
    color: rgba(209, 159, 80, .65);
    font-size: 11px;
}
.tab-container[data-set="set1"] .tab-buttons ul li a:hover {
    border-color: rgba(255, 255, 255, .1) !important;
    background: rgba(255, 255, 255, .035) !important;
    color: rgba(255, 255, 255, .82) !important;
}
.tab-container[data-set="set1"] .tab-buttons ul li a.active,
.tab-container[data-set="set1"] .tab-btn.active {
    border-color: rgba(226, 15, 34, .56) !important;
    background: linear-gradient(180deg, rgba(226, 15, 34, .32), rgba(112, 8, 14, .32)) !important;
    box-shadow: inset 0 -2px 0 #d19f50 !important;
    color: #fff !important;
}
.tab-container[data-set="set1"] .tab-buttons ul li a.active i {
    color: #ffd170;
}
.tab-container[data-set="set1"] .tab-btn-img {
    display: none !important;
}
.mobile-nav .mobile-language-switcher {
    position: relative;
    padding: 14px 0;
}
.mobile-nav .mobile-language-switcher > .lang-pill {
    justify-content: center;
    width: 100%;
    min-height: 44px;
    border-radius: 6px;
}
.mobile-nav .mobile-language-switcher > .lang-dropdown {
    position: static;
    width: 100%;
    min-width: 0;
    max-height: 0;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    opacity: 0;
    visibility: hidden;
    transform: none;
    transition: max-height .25s ease, opacity .2s ease, margin-top .25s ease, padding .25s ease;
}
.mobile-nav .mobile-language-switcher.open > .lang-dropdown {
    max-height: 130px;
    margin-top: 8px;
    padding: 6px 0;
    border-width: 1px;
    opacity: 1;
    visibility: visible;
    transform: none;
}
.nav-social-icon,
.mobile-nav .mobile-social {
    display: none !important;
}
@media screen and (min-width: 901px) {
.menu20-fixed .hero-main.menu20 {
    position: relative !important;
}
.menu20-fixed .hero-middle {
    position: absolute !important;
    left: 50% !important;
    width: max-content !important;
    max-width: calc(100% - 480px) !important;
    transform: translateX(-50%) !important;
    z-index: 2;
}
}
html body .discord-float {
    width: max-content !important;
    inline-size: max-content !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    max-width: calc(100vw - 48px) !important;
}
.hf-guides-menu {
    position: relative
}
.hf-guides-menu>a i {
    font-size: 8px;
    margin-left: 5px;
    opacity: .6
}
.hf-guides-dropdown {
    position: absolute;
    top: calc(100% + 18px);
    left: 50%;
    z-index: 1000;
    width: 230px;
    padding: 7px;
    transform: translate(-50%,8px);
    background: #100e0b;
    border: 1px solid rgba(209,159,80,.28);
    box-shadow: 0 20px 45px rgba(0,0,0,.55);
    opacity: 0;
    visibility: hidden;
    transition: .18s
}
.hf-guides-menu:hover .hf-guides-dropdown,.hf-guides-menu:focus-within .hf-guides-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,0)
}
.hf-guides-dropdown a {
    display: block!important;
    padding: 12px 13px!important;
    border-left: 2px solid transparent;
    text-decoration: none!important
}
.hf-guides-dropdown a:hover {
    background: rgba(189,9,23,.12);
    border-left-color: #bd0917
}
.hf-guides-dropdown span {
    display: block;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px
}
.hf-guides-dropdown small {
    display: block;
    margin-top: 4px;
    color: #a98750;
    font: 9px Arial,sans-serif;
    letter-spacing: .5px;
    text-transform: none
}
.hf-mobile-sub-link a {
    padding-left: 34px!important;
    color: #b99a68!important;
    font-size: 11px!important
}
.hf-mobile-sub-link small {
    margin-left: 7px;
    color: #bd0917;
    font-size: 8px;
    letter-spacing: 1px
}
.hf-support-reply-toast {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 100000;
    display: flex;
    align-items: center;
    gap: 13px;
    width: min(390px,calc(100vw - 32px));
    box-sizing: border-box;
    padding: 16px 18px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg,#211812,#100d0b);
    border: 1px solid rgba(209,159,80,.5);
    border-left: 3px solid #bd0917;
    box-shadow: 0 20px 55px rgba(0,0,0,.65);
    opacity: 0;
    pointer-events: none;
    transform: translateY(18px);
    transition: .24s
}
.hf-support-reply-toast.show {
    opacity: 1;
    pointer-events: auto;
    transform: none
}
.hf-support-reply-toast>i:first-child {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #e1ad50;
    background: rgba(209,159,80,.1);
    border: 1px solid rgba(209,159,80,.25);
    border-radius: 50%
}
.hf-support-reply-toast span {
    min-width: 0;
    flex: 1
}
.hf-support-reply-toast strong,.hf-support-reply-toast small {
    display: block
}
.hf-support-reply-toast strong {
    font-size: 11px;
    letter-spacing: 1.4px
}
.hf-support-reply-toast small {
    margin-top: 5px;
    color: rgba(255,255,255,.62);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.hf-support-reply-toast>i:last-child {
    color: #bd0917
}
html body .menu20-fixed .hero-middle ul li.hf-guides-menu {
    position: relative!important
}
html body .menu20-fixed .hero-middle ul li.hf-guides-menu>.hf-guides-dropdown {
    display: none!important;
    position: absolute!important;
    top: 100%!important;
    left: 50%!important;
    z-index: 10000!important;
    width: 240px!important;
    margin-top: 12px!important;
    padding: 7px!important;
    box-sizing: border-box!important;
    transform: translateX(-50%)!important;
    flex-direction: column!important;
    text-align: left!important;
    white-space: normal!important;
    background: #100e0b!important;
    border: 1px solid rgba(209,159,80,.32)!important;
    box-shadow: 0 22px 48px rgba(0,0,0,.7)!important;
    opacity: 1!important;
    visibility: visible!important
}
html body .menu20-fixed .hero-middle ul li.hf-guides-menu:hover>.hf-guides-dropdown,html body .menu20-fixed .hero-middle ul li.hf-guides-menu:focus-within>.hf-guides-dropdown {
    display: flex!important
}
html body .menu20-fixed .hero-middle ul li.hf-guides-menu>.hf-guides-dropdown>a {
    display: block!important;
    width: 100%!important;
    box-sizing: border-box!important;
    padding: 12px 13px!important;
    line-height: 1.2!important;
    text-align: left!important
}
html body .menu20-fixed .hero-middle ul li.hf-guides-menu>.hf-guides-dropdown>a>span,html body .menu20-fixed .hero-middle ul li.hf-guides-menu>.hf-guides-dropdown>a>small {
    display: block!important;
    position: static!important;
    width: auto!important;
    margin: 0!important;
    line-height: 1.35!important;
    white-space: normal!important
}
html body .menu20-fixed .hero-middle ul li.hf-guides-menu>.hf-guides-dropdown>a>small {
    margin-top: 4px!important
}
body[data-page="home"] .social-midea-area {
    padding: 42px 0 38px;
    background-position: center 58%
}
body[data-page="home"] .social-midea-area::before {
    background: rgba(7,6,6,.76)
}
body[data-page="home"] .social-midea-area .news-section-heading {
    margin-bottom: 22px
}
body[data-page="home"] .social-midea-area .news-section-heading h2 {
    font-size: clamp(24px,2.4vw,34px);
    letter-spacing: 2px
}
body[data-page="home"] .social-midea-area .news-section-heading .heading-line {
    width: 82px
}
body[data-page="home"] .social-midea-main {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    max-width: 820px
}
body[data-page="home"] .social-midea-item {
    padding: 15px 12px;
    border-radius: 10px
}
body[data-page="home"] .social-midea-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 54px;
    text-decoration: none
}
body[data-page="home"] .social-midea-item img {
    width: 46px;
    max-width: 46px;
    height: 46px;
    object-fit: contain
}
body[data-page="home"] .social-midea-item a:hover img {
    transform: translateY(-2px) scale(1.04)
}
body[data-page="home"] .social-midea-item h4 {
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px
}
html, body {
    max-width: 100%;
}
.modal-hf[data-modal="loanModal"],.modal-hf[data-modal="loanModal2"] {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(4,4,3,.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(7px)
}
.modal-hf[data-modal="loanModal"].active-hf,.modal-hf[data-modal="loanModal2"].active-hf,.modal-hf[data-modal="loanModal"].hf-modal-open,.modal-hf[data-modal="loanModal2"].hf-modal-open {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}
.modal-hf[data-modal="loanModal"] .modal-box-hf,.modal-hf[data-modal="loanModal2"] .modal-box-hf {
    width: min(92vw,480px);
    max-width: 480px;
    max-height: calc(100dvh - 48px);
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(209,159,80,.25);
    border-top: 2px solid rgba(189,9,23,.8);
    border-radius: 5px;
    background: linear-gradient(145deg,#1a1814,#11110e);
    box-shadow: 0 28px 90px rgba(0,0,0,.72);
}
.modal-hf[data-modal="loanModal"] .login-item,.modal-hf[data-modal="loanModal2"] .login-item {
    box-sizing: border-box;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    padding: 34px 38px 38px;
    background: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(209,159,80,.35) transparent
}
.modal-hf[data-modal="loanModal"] .modal-close-hf,.modal-hf[data-modal="loanModal2"] .modal-close-hf {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 3px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.65);
    font-size: 15px;
    transition: .2s
}
.modal-hf[data-modal="loanModal"] .modal-close-hf:hover,.modal-hf[data-modal="loanModal2"] .modal-close-hf:hover {
    background: #bd0917;
    border-color: #bd0917;
    color: #fff
}
.modal-hf[data-modal="loanModal"] .login-title,.modal-hf[data-modal="loanModal2"] .login-title {
    margin: 0 42px 30px 0;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(209,159,80,.18);
    text-align: left
}
.modal-hf[data-modal="loanModal"] .login-title h2,.modal-hf[data-modal="loanModal2"] .login-title h2 {
    margin: 0;
    color: #f3f0ea;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 2px
}
.modal-hf[data-modal="loanModal"] .login-line,.modal-hf[data-modal="loanModal2"] .login-line {
    display: none
}
.modal-hf[data-modal="loanModal"] .login-flex-wrap,.modal-hf[data-modal="loanModal2"] .login-flex-wrap {
    margin-top: 0
}
.modal-hf[data-modal="loanModal"] .input-flex,.modal-hf[data-modal="loanModal2"] .input-flex {
    box-sizing: border-box;
    display: grid!important;
    grid-template-columns: 34px minmax(0,1fr)!important;
    align-items: center;
    column-gap: 12px!important;
    min-height: 52px;
    margin-top: 11px;
    padding: 7px 13px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 3px;
    background: #0d0e0b;
    transition: .2s
}
.modal-hf[data-modal="loanModal"] .input-flex:focus-within,.modal-hf[data-modal="loanModal2"] .input-flex:focus-within {
    border-color: rgba(209,159,80,.7);
    box-shadow: 0 0 0 2px rgba(209,159,80,.08)
}
.modal-hf[data-modal="loanModal"] .input-item-left,.modal-hf[data-modal="loanModal2"] .input-item-left {
    width: auto!important;
    height: 32px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border: 0!important;
    border-right: 1px solid rgba(255,255,255,.08)!important;
    padding: 0!important
}
.modal-hf[data-modal="loanModal"] .input-item-left ul,.modal-hf[data-modal="loanModal2"] .input-item-left ul {
    width: auto;
    margin: 0;
    padding: 0 10px 0 0
}
.modal-hf[data-modal="loanModal"] .devide,.modal-hf[data-modal="loanModal2"] .devide {
    display: none
}
.modal-hf[data-modal="loanModal"] .input-item-right,.modal-hf[data-modal="loanModal2"] .input-item-right {
    display: flex;
    align-items: center;
    min-width: 0
}
.modal-hf[data-modal="loanModal"] .input-item-right input,.modal-hf[data-modal="loanModal2"] .input-item-right input {
    box-sizing: border-box;
    min-height: 36px;
    color: #f3f0ea;
    font-size: 14px
}
.modal-hf[data-modal="loanModal"] .input-item-right input::placeholder,.modal-hf[data-modal="loanModal2"] .input-item-right input::placeholder {
    color: rgba(255,255,255,.34)
}
.modal-hf[data-modal="loanModal"] .sign-btm h4,.modal-hf[data-modal="loanModal2"] .sign-btm h4 {
    margin: 18px 0 0;
    font-size: 12px;
    line-height: 1.6
}
.modal-hf[data-modal="loanModal2"] .checkbox {
    grid-template-columns: 18px minmax(0,1fr);
    gap: 10px;
    margin-top: 16px;
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px;
    background: rgba(255,255,255,.025)
}
.modal-hf[data-modal="loanModal2"] .checkbox input {
    width: 17px;
    height: 17px
}
.modal-hf[data-modal="loanModal2"] .checkbox label {
    font-size: 12px;
    line-height: 1.55
}
.modal-hf[data-modal="loanModal"] .hf-msg,.modal-hf[data-modal="loanModal2"] .hf-msg {
    box-sizing: border-box;
    margin: 14px 0 0!important;
    border: 1px solid currentColor;
    border-radius: 3px!important;
    line-height: 1.5
}
.modal-hf[data-modal="loanModal"] .input-submit,.modal-hf[data-modal="loanModal2"] .input-submit {
    margin-top: 18px
}
.modal-hf[data-modal="loanModal"] .input-submit button,.modal-hf[data-modal="loanModal2"] .input-submit button {
    width: 100%;
    height: 46px;
    border: 1px solid rgba(189,9,23,.9);
    border-radius: 3px;
    background: linear-gradient(#c31321,#9f0713);
    box-shadow: 0 8px 22px rgba(189,9,23,.15);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px
}
.modal-hf[data-modal="loanModal"] .input-submit button:hover,.modal-hf[data-modal="loanModal2"] .input-submit button:hover {
    transform: translateY(-1px);
    filter: brightness(1.08)
}
.modal-hf[data-modal="rules"] {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(4,4,3,.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(7px)
}
.modal-hf[data-modal="rules"].active-hf,.modal-hf[data-modal="rules"].hf-modal-open {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}
.modal-hf[data-modal="rules"] .modal-box-hf {
    width: min(92vw,620px)!important;
    max-width: 620px!important;
    max-height: calc(100dvh - 48px);
    margin: 0!important;
    overflow: hidden;
    border: 1px solid rgba(209,159,80,.25);
    border-top: 2px solid rgba(189,9,23,.8);
    border-radius: 5px;
    background: linear-gradient(145deg,#1a1814,#11110e);
    box-shadow: 0 28px 90px rgba(0,0,0,.72)
}
.modal-hf[data-modal="rules"] .modal-close-hf {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 3px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.65);
    font-size: 15px;
    transition: .2s
}
.modal-hf[data-modal="rules"] .modal-close-hf:hover {
    background: #bd0917;
    border-color: #bd0917;
    color: #fff
}
.modal-hf[data-modal="rules"] .login-item {
    box-sizing: border-box;
    max-height: calc(100dvh - 48px)!important;
    padding: 34px 38px 38px!important;
    background: none!important
}
.modal-hf[data-modal="rules"] .login-title {
    flex-shrink: 0;
    margin: 0 42px 22px 0;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(209,159,80,.18);
    text-align: left
}
.modal-hf[data-modal="rules"] .login-title h2 {
    margin: 0;
    color: #f3f0ea;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 2px
}
.modal-hf[data-modal="rules"] .login-line {
    display: none
}
.modal-hf[data-modal="rules"] .rules-content {
    margin: 0!important;
    padding: 0 14px 0 0!important;
    color: #aaa!important;
    font-size: 14px!important;
    line-height: 1.75!important;
    scrollbar-width: thin;
    scrollbar-color: rgba(209,159,80,.35) transparent
}
.modal-hf[data-modal="rules"] .rules-content>p:first-child {
    margin: 0 0 18px!important;
    padding: 13px 15px;
    border-left: 3px solid #bd0917;
    background: rgba(255,255,255,.025);
    color: #f2ede4!important;
    font-weight: 500!important
}
.modal-hf[data-modal="rules"] .rules-content ol {
    margin: 0 0 18px!important;
    padding-left: 24px!important
}
.modal-hf[data-modal="rules"] .rules-content li {
    margin-bottom: 12px!important;
    padding-left: 6px
}
.modal-hf[data-modal="rules"] .rules-content li::marker {
    color: #d19f50;
    font-weight: 700
}
.modal-hf[data-modal="rules"] .rules-content strong {
    color: #f2ede4
}
.modal-hf[data-modal="rules"] .rules-content>p:last-child {
    margin: 0!important;
    padding-top: 16px;
    border-top: 1px solid rgba(209,159,80,.16);
    color: #d9b46d!important
}
.modal-hf[data-modal="loanModal3"] {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(4,4,3,.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(7px)
}
.modal-hf[data-modal="loanModal3"].active-hf,.modal-hf[data-modal="loanModal3"].hf-modal-open {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}
.modal-hf[data-modal="loanModal3"] .modal-box-hf {
    width: min(92vw,480px);
    max-width: 480px;
    max-height: calc(100dvh - 48px);
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(209,159,80,.25);
    border-top: 2px solid rgba(189,9,23,.8);
    border-radius: 5px;
    background: linear-gradient(145deg,#1a1814,#11110e);
    box-shadow: 0 28px 90px rgba(0,0,0,.72)
}
.modal-hf[data-modal="loanModal3"] .login-item {
    box-sizing: border-box;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    padding: 34px 38px 38px;
    background: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(209,159,80,.35) transparent
}
.modal-hf[data-modal="loanModal3"] .modal-close-hf {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 3px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.65);
    font-size: 15px;
    transition: .2s
}
.modal-hf[data-modal="loanModal3"] .modal-close-hf:hover {
    background: #bd0917;
    border-color: #bd0917;
    color: #fff
}
.modal-hf[data-modal="loanModal3"] .login-title {
    margin: 0 42px 30px 0;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(209,159,80,.18);
    text-align: left
}
.modal-hf[data-modal="loanModal3"] .login-title h2 {
    margin: 0;
    color: #f3f0ea;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 2px
}
.modal-hf[data-modal="loanModal3"] .login-line {
    display: none
}
.modal-hf[data-modal="loanModal3"] .login-flex-wrap {
    margin-top: 0
}
.modal-hf[data-modal="loanModal3"] .login-flex-wrap::before {
    content: "Enter the email address linked to your account and we will send you a secure reset link.";
    display: block;
    margin: 0 0 18px;
    color: #9d9992;
    font-size: 13px;
    line-height: 1.65
}
.modal-hf[data-modal="loanModal3"] .input-flex {
    box-sizing: border-box;
    display: grid!important;
    grid-template-columns: 34px minmax(0,1fr)!important;
    align-items: center;
    column-gap: 12px!important;
    min-height: 52px;
    margin-top: 11px;
    padding: 7px 13px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 3px;
    background: #0d0e0b;
    transition: .2s
}
.modal-hf[data-modal="loanModal3"] .input-flex:focus-within {
    border-color: rgba(209,159,80,.7);
    box-shadow: 0 0 0 2px rgba(209,159,80,.08)
}
.modal-hf[data-modal="loanModal3"] .input-item-left {
    width: auto!important;
    height: 32px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border: 0!important;
    border-right: 1px solid rgba(255,255,255,.08)!important;
    padding: 0!important
}
.modal-hf[data-modal="loanModal3"] .input-item-left ul {
    width: auto;
    margin: 0;
    padding: 0 10px 0 0
}
.modal-hf[data-modal="loanModal3"] .devide {
    display: none
}
.modal-hf[data-modal="loanModal3"] .input-item-right {
    display: flex;
    align-items: center;
    min-width: 0
}
.modal-hf[data-modal="loanModal3"] .input-item-right input {
    box-sizing: border-box;
    min-height: 36px;
    color: #f3f0ea;
    font-size: 14px
}
.modal-hf[data-modal="loanModal3"] .input-item-right input::placeholder {
    color: rgba(255,255,255,.34)
}
.modal-hf[data-modal="loanModal3"] .hf-msg {
    box-sizing: border-box;
    margin: 14px 0 0!important;
    border: 1px solid currentColor;
    border-radius: 3px!important;
    line-height: 1.5
}
.modal-hf[data-modal="loanModal3"] .input-submit {
    margin-top: 18px
}
.modal-hf[data-modal="loanModal3"] .input-submit button {
    width: 100%;
    height: 46px;
    border: 1px solid rgba(189,9,23,.9);
    border-radius: 3px;
    background: linear-gradient(#c31321,#9f0713);
    box-shadow: 0 8px 22px rgba(189,9,23,.15);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px
}
.modal-hf[data-modal="loanModal3"] .input-submit button:hover {
    transform: translateY(-1px);
    filter: brightness(1.08)
}
.modal-hf[data-modal="loanModal2"] .hf-password-requirements,.modal-hf[data-modal="loanModal2"] .hf-password-match-status {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 31px;
    margin: 6px 0 0;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px;
    background: rgba(255,255,255,.025);
    color: #8f8c86;
    font-size: 11px;
    line-height: 1.45
}
.modal-hf[data-modal="loanModal2"] .hf-password-match-status:empty {
    display: none
}
.modal-hf[data-modal="loanModal2"] .hf-password-requirements.is-valid,.modal-hf[data-modal="loanModal2"] .hf-password-match-status.is-match {
    border-color: rgba(85,196,117,.28);
    background: rgba(85,196,117,.07);
    color: #65ce83
}
.modal-hf[data-modal="loanModal2"] .hf-password-requirements.is-invalid,.modal-hf[data-modal="loanModal2"] .hf-password-match-status.is-mismatch {
    border-color: rgba(226,75,75,.3);
    background: rgba(226,75,75,.07);
    color: #e36a6a
}
.modal-hf[data-modal="loanModal2"] .input-item-right input.hf-password-match,.modal-hf[data-modal="loanModal2"] .input-item-right input.hf-password-mismatch {
    box-shadow: none!important;
    outline: 0!important
}
.modal-hf[data-modal="loanModal2"] .hf-rules-link {
    display: inline;
    padding: 0;
    border: 0;
    background: none;
    color: #d19f50;
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer
}
.modal-hf[data-modal="rules"] .hf-rules-confirm {
    flex-shrink: 0;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(209,159,80,.18)
}
.modal-hf[data-modal="rules"] .hf-rules-confirm p {
    min-height: 21px;
    margin: 0 0 10px;
    color: #aaa;
    font-size: 12px;
    line-height: 1.55;
    text-align: center
}
.modal-hf[data-modal="rules"] .hf-rules-confirm strong {
    color: #d9b46d
}
.modal-hf[data-modal="rules"] .hf-rules-confirm button {
    width: 100%;
    height: 46px;
    border: 1px solid rgba(189,9,23,.9);
    border-radius: 3px;
    background: linear-gradient(#c31321,#9f0713);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    cursor: pointer
}
.modal-hf[data-modal="rules"] .hf-rules-confirm button:disabled {
    border-color: rgba(209,159,80,.2);
    background: #181713;
    color: #77736c;
    cursor: not-allowed
}
.modal-hf[data-modal="sessionExpiredModal"] {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(4,4,3,.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(7px)
}
.modal-hf[data-modal="sessionExpiredModal"].active-hf,.modal-hf[data-modal="sessionExpiredModal"].hf-modal-open {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}
.modal-hf[data-modal="sessionExpiredModal"] .modal-box-hf {
    width: min(92vw,480px);
    max-width: 480px;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(209,159,80,.25);
    border-top: 2px solid rgba(189,9,23,.8);
    border-radius: 5px;
    background: linear-gradient(145deg,#1a1814,#11110e);
    box-shadow: 0 28px 90px rgba(0,0,0,.72)
}
.modal-hf[data-modal="sessionExpiredModal"] .login-item {
    box-sizing: border-box;
    padding: 34px 38px 38px;
    background: none
}
.modal-hf[data-modal="sessionExpiredModal"] .modal-close-hf {
    top: 12px;
    right: 12px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 3px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.65);
    font-size: 15px;
    transition: .2s;
    cursor: pointer
}
.modal-hf[data-modal="sessionExpiredModal"] .modal-close-hf:hover {
    background: #bd0917;
    border-color: #bd0917;
    color: #fff
}
.modal-hf[data-modal="sessionExpiredModal"] .login-title {
    margin: 0 42px 24px 0;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(209,159,80,.18);
    text-align: left
}
.modal-hf[data-modal="sessionExpiredModal"] .login-title h2 {
    margin: 0;
    color: #f3f0ea;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 2px
}
.modal-hf[data-modal="sessionExpiredModal"] .login-line {
    display: none
}
.modal-hf[data-modal="sessionExpiredModal"] .login-flex-wrap {
    margin: 0!important;
    padding: 0!important;
    color: #9d9992!important;
    font-size: 13px!important;
    line-height: 1.7!important;
    text-align: left!important
}
.modal-hf[data-modal="sessionExpiredModal"] .login-flex-wrap p {
    margin: 0 0 22px!important;
    padding: 14px 15px;
    border-left: 3px solid #bd0917;
    background: rgba(255,255,255,.025)
}
.modal-hf[data-modal="sessionExpiredModal"] .input-submit {
    margin: 0
}
.modal-hf[data-modal="sessionExpiredModal"] .input-submit button {
    width: 100%;
    height: 46px;
    border: 1px solid rgba(189,9,23,.9);
    border-radius: 3px;
    background: linear-gradient(#c31321,#9f0713);
    box-shadow: 0 8px 22px rgba(189,9,23,.15);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    transition: .2s
}
.modal-hf[data-modal="sessionExpiredModal"] .input-submit button:hover {
    transform: translateY(-1px);
    filter: brightness(1.08)
}
.player-item > .news-section-heading + .player-item-btmbar {
    border-radius: 18px;
}
#set1-tab2 .news-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, 1fr) !important;
    gap: 18px !important;
    align-items: stretch;
}
#set1-tab2 .news-left,
#set1-tab2 .news-right {
    width: auto;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
#set1-tab2 .news-left:hover {
    transform: none;
    box-shadow: none;
}
#set1-tab2 .news-right {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, minmax(150px, 1fr));
    gap: 14px !important;
    height: 100%;
    align-self: stretch;
}
.hf-event-feature,
.hf-event-side {
    border: 1px solid rgba(209, 159, 80, .28);
    border-radius: 18px;
    background: rgba(9, 9, 9, .88);
    padding: 14px;
    box-sizing: border-box;
    overflow: hidden;
}
.hf-event-feature {
    height: 100%;
    box-sizing: border-box;
}
.hf-event-feature-image {
    position: relative;
    height: 282px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    overflow: hidden;
}
.hf-event-feature-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(5, 5, 5, .62));
    pointer-events: none;
}
.hf-event-feature-image > img,
.hf-event-side-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.hf-event-feature:hover .hf-event-feature-image > img,
.hf-event-side:hover .hf-event-side-image img {
    transform: scale(1.025);
}
.hf-event-feature-image > .hf-event-pill {
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 14px;
}
.hf-event-feature-body {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(285px, .85fr);
    gap: 22px;
    padding: 20px 6px 4px;
}
.hf-event-kind,
.hf-event-timer-wrap > span,
.hf-event-side-meta > span:nth-child(2) {
    color: #d19f50;
    font-family: var(--font-heading);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.hf-event-copy h3 {
    margin: 6px 0;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: 0;
}
.hf-event-copy p,
.hf-event-side-copy p {
    margin: 0;
    color: rgba(255, 255, 255, .55);
    font-size: 13px;
    line-height: 1.55;
}
.hf-event-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.hf-event-side-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.hf-event-range {
    margin-top: 12px;
    color: rgba(255, 255, 255, .72);
    font-family: var(--font-heading);
    font-size: 12px;
    text-transform: uppercase;
}
.hf-event-range i {
    margin-right: 7px;
    color: #d19f50;
}
.hf-event-explore {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    color: #e32231;
    font-family: var(--font-heading);
    font-size: 12px;
    text-decoration: none;
}
.hf-event-explore:hover {
    color: #fff;
}
.hf-event-timer {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 12px;
}
.hf-event-tba {
    margin-top: 12px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 5px;
    color: rgba(255, 255, 255, .48);
    font-size: 13px;
    text-align: center;
}
.hf-event-timer > div {
    min-width: 0;
    padding: 13px 4px 10px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 5px;
    text-align: center;
}
.hf-event-timer strong {
    display: block;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 29px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}
.hf-event-timer small {
    display: block;
    margin-top: 8px;
    color: #d19f50;
    font-size: 8px;
    font-weight: 700;
}
.hf-event-side {
    display: grid;
    grid-template-columns: 38% minmax(0, 1fr);
    gap: 14px;
    min-height: 145px;
}
.hf-event-side-image {
    display: block;
    min-height: 0;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    overflow: hidden;
}
.hf-event-side-copy {
    min-width: 0;
    padding: 4px 0;
}
.hf-event-side-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, .45);
    font-size: 9px;
    text-transform: uppercase;
}
.hf-event-side-copy h4 {
    margin: 10px 0 7px;
    font-family: var(--font-heading);
    font-size: 15px;
    line-height: 1.25;
    letter-spacing: 0;
}
.hf-event-side-copy h4 a {
    color: #fff;
    text-decoration: none;
}
.hf-event-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    box-sizing: border-box;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 3px;
    background: rgba(255, 255, 255, .07);
    color: rgba(255, 255, 255, .7);
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}
.hf-event-pill.live,
.hf-event-pill.ending {
    border-color: rgba(227, 34, 49, .7);
    background: rgba(189, 9, 23, .3);
    color: #fff;
}
.hf-event-pill.live i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff2637;
    box-shadow: 0 0 8px rgba(255, 38, 55, .8);
}
.hf-event-pill.ended {
    opacity: .58;
}
.hf-event-empty {
    display: grid;
    place-items: center;
    min-height: 320px;
    gap: 10px;
    color: rgba(255, 255, 255, .38);
}
.hf-event-empty i {
    color: #d19f50;
    font-size: 28px;
}
:root {
    --font-heading: 'Cinzel', Georgia, serif;
    --font-body: 'Pretendard', Arial, sans-serif;
    --font-ui: 'Pretendard', Arial, sans-serif;
    --type-body-size: 15px;
    --type-body-line: 1.6;
}
html,
body {
    font-family: var(--font-body) !important;
    font-size: var(--type-body-size);
    line-height: var(--type-body-line);
    font-synthesis: none;
}
body,
p,
li,
dd,
dt,
td,
th,
label,
input,
select,
textarea,
button {
    font-family: var(--font-body) !important;
}
button,
input,
select,
textarea {
    font-size: 14px;
    line-height: 1.4;
}
h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.login-title h2,
.news-section-heading h2,
.is-hero-title,
.nw-hero-content h1,
.ns-hero-content h1,
.ac-hero-name,
.ac-char-name,
.rk-hero h1,
.hf-status-title h1 {
    font-family: var(--font-heading) !important;
    font-weight: 700;
    line-height: 1.16;
    font-synthesis: none;
}
.eyebrow,
.nw-eyebrow,
.nw-side-tag,
.nw-card-tag,
.nw-tag,
.ns-recent-tag,
.is-category,
.ac-section-label,
.hf-drawer-kicker,
.hf-drawer-panel-copy small,
.rk-kicker,
.dl-eyebrow,
.dl-label {
    font-family: var(--font-heading) !important;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.hero-menu a,
.mobile-nav a,
.footer-menu a,
.hf-drawer-links a,
.hf-drawer-logout button,
.hf-account-mobile-dock a,
.modal-hf button,
.modal-hf input,
.modal-hf label,
.rk-tab,
.rk-search,
.rk-page-btn,
.is-cat-btn,
.is-sort,
.is-search,
.is-buy-btn,
.is-details-btn,
.dl-button,
.admin-nav a,
.admin-action-btn {
    font-family: var(--font-ui) !important;
    font-weight: 600;
    letter-spacing: .035em;
}
.rk-table,
.admin-table,
.is-grid,
.ac-table,
.hf-home-rank-table {
    font-family: var(--font-body) !important;
    font-variant-numeric: tabular-nums;
}
.rk-table th,
.admin-table th,
.ac-table th {
    font-family: var(--font-ui) !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.hf-account-drawer,
.hf-account-drawer button,
.hf-account-drawer a,
.hf-account-drawer span,
.modal-hf,
.modal-hf p,
.modal-hf a,
.rules-content {
    font-family: var(--font-body) !important;
}
.hf-drawer-profile-name,
.hf-drawer-coins strong,
.login-title h2 {
    font-family: var(--font-heading) !important;
}
.discord-float,
.discord-float span {
    font-family: var(--font-ui) !important;
    font-weight: 700;
    letter-spacing: .06em;
}
:root {
    --hf-drawer-gold: #d7ab52;
    --hf-drawer-red: #bd0917;
    --hf-drawer-bg: #0c0c0b;
}
@media (min-width: 1101px) {
.hf-site-frame.has-account-drawer .menu20-fixed .hero-main.menu20 {
    position: relative !important;
}
.hf-site-frame.has-account-drawer .menu20-fixed .hero-middle {
    position: absolute !important;
    left: 50% !important;
    width: max-content !important;
    max-width: calc(100% - 480px) !important;
    transform: translateX(-50%) !important;
    z-index: 2;
}
.hf-site-frame.has-account-drawer .menu20-fixed .hero-middle ul {
    gap: clamp(16px, 1.5vw, 28px) !important;
}
}
.hf-site-frame.has-account-drawer {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(320px, 1fr);
    min-height: 100vh;
    background: #080807;
}
.hf-site-main {
    min-width: 0;
}
.hf-site-frame.has-account-drawer .hf-site-main > .menu20-fixed {
    width: calc(100vw - max(320px, 25vw));
}
.hf-site-frame.has-account-drawer .hero-right .user-dropdown-wrap,
.hf-site-frame.has-account-drawer .mobile-nav .hf-account-link,
.hf-site-frame.has-account-drawer .mobile-nav .hf-logout-link {
    display: none !important;
}
html.hf-has-account-drawer .user-dropdown-wrap,
html.hf-has-account-drawer .mobile-nav .hf-account-link,
html.hf-has-account-drawer .mobile-nav .hf-logout-link {
    display: none !important;
}
.hf-account-drawer {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 1100;
    padding: 26px 20px 20px;
    color: #eee;
    background: radial-gradient(circle at 35% 0, rgba(175, 36, 21, .08), transparent 32%),
        linear-gradient(135deg, #11110f, var(--hf-drawer-bg));
    border-left: 1px solid rgba(217, 174, 85, .65);
    box-shadow: -16px 0 40px rgba(0, 0, 0, .34);
}
.hf-account-drawer {
    scrollbar-width: thin;
    scrollbar-color: rgba(217,174,85,.28) transparent;
}
.hf-account-drawer::-webkit-scrollbar {
    width: 6px;
}
.hf-account-drawer::-webkit-scrollbar-thumb {
    background: rgba(217,174,85,.28);
    border-radius: 10px;
}
.hf-drawer-symbols {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
.hf-drawer-collapse {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(217, 174, 85, .75);
    background: #11100d;
    color: var(--hf-drawer-gold);
    cursor: pointer;
    font: 700 25px/1 var(--font-heading);
    letter-spacing: -7px;
    padding: 0 8px 2px 0;
}
.hf-drawer-profile {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px 4px 17px;
}
.hf-drawer-avatar {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(217, 174, 85, .8);
    background: #080808;
}
.hf-drawer-profile-copy {
    min-width: 0;
}
.hf-drawer-profile-copy strong {
    display: block;
    font: 600 20px var(--font-heading, Cinzel, serif);
    overflow: hidden;
    text-overflow: ellipsis;
}
.hf-drawer-profile-copy span {
    display: block;
    margin-top: 4px;
    color: rgba(255,255,255,.48);
    font-size: 13px;
}
.hf-drawer-panel,
.hf-drawer-links {
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.025);
    border-radius: 4px;
    margin-bottom: 9px;
}
.hf-drawer-panel {
    padding: 13px 14px;
}
.hf-drawer-kicker,
.hf-drawer-panel-copy small {
    display: block;
    color: var(--hf-drawer-gold);
    font: 600 11px var(--font-heading, Cinzel, serif);
    letter-spacing: 2px;
    text-transform: uppercase;
}
a.hf-drawer-panel {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 13px;
    color: inherit;
    text-decoration: none;
    transition: border-color .2s, background .2s;
}
a.hf-drawer-panel:hover {
    border-color: rgba(217,174,85,.5);
    background: rgba(217,174,85,.045);
}
.hf-drawer-panel-copy strong {
    display: block;
    margin-top: 3px;
    color: #f3c650;
    font: 600 21px var(--font-heading, Cinzel, serif);
}
.hf-drawer-support .hf-drawer-panel-copy strong {
    color: #f2f0ea;
    font: 500 15px var(--font-body);
}
.hf-drawer-panel-copy > span {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.42);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
}
.hf-drawer-badge,
.hf-account-mobile-dock b {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 12px;
    background: #e12620;
    color: white;
    font: 700 11px/20px var(--font-body);
    text-align: center;
}
.hf-drawer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    color: var(--hf-drawer-gold);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 7px rgba(217,174,85,.14));
}
.hf-drawer-links {
    overflow: hidden;
}
.hf-drawer-links a {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 6px 15px;
    color: rgba(255,255,255,.82);
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.hf-drawer-links a:last-child {
    border-bottom: 0;
}
.hf-drawer-links a:hover {
    color: white;
    background: rgba(255,255,255,.035);
}
.hf-drawer-links .hf-drawer-icon {
    width: 21px;
    height: 21px;
}
.hf-drawer-chevron {
    color: rgba(255,255,255,.38);
    font: 400 22px/1 var(--font-body);
}
.hf-drawer-logout {
    margin-top: 14px;
}
.hf-drawer-logout button {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    min-height: 48px;
    padding: 0 15px;
    border: 1px solid rgba(189,9,23,.7);
    border-radius: 3px;
    background: linear-gradient(135deg, rgba(189,9,23,.18), rgba(82,8,12,.12));
    color: #ef554d;
    font: 600 13px var(--font-heading, Cinzel, serif);
    letter-spacing: .7px;
    cursor: pointer;
}
.hf-drawer-logout button:hover {
    color: #fff;
    border-color: #bd0917;
    background: linear-gradient(135deg, #a60d16, #681016);
}
.hf-drawer-logout svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.hf-account-mobile-dock {
    display: none;
}
html.hf-has-account-drawer .discord-float,
.hf-site-frame.has-account-drawer .discord-float {
    right: calc(25vw + 24px) !important;
}
body.hf-drawer-collapsed .hf-site-frame.has-account-drawer {
    grid-template-columns: minmax(0, 1fr) 88px;
}
body.hf-drawer-collapsed .hf-site-frame.has-account-drawer .hf-site-main > .menu20-fixed {
    width: calc(100vw - 88px);
}
body.hf-drawer-collapsed .hf-account-drawer {
    padding: 86px 12px 18px;
    overflow: visible;
}
body.hf-drawer-collapsed .hf-drawer-collapse {
    right: 22px;
    transform: rotate(180deg);
}
body.hf-drawer-collapsed .hf-drawer-profile {
    justify-content: center;
    padding: 8px 0 24px;
}
body.hf-drawer-collapsed .hf-drawer-avatar {
    width: 52px;
    height: 52px;
}
body.hf-drawer-collapsed .hf-drawer-profile-copy,
body.hf-drawer-collapsed .hf-drawer-panel-copy,
body.hf-drawer-collapsed .hf-drawer-panel > .hf-drawer-chevron,
body.hf-drawer-collapsed .hf-drawer-links a > span:not(.hf-drawer-icon),
body.hf-drawer-collapsed .hf-drawer-links a > .hf-drawer-chevron,
body.hf-drawer-collapsed .hf-drawer-logout span {
    display: none;
}
body.hf-drawer-collapsed a.hf-drawer-panel {
    display: flex;
    justify-content: center;
    width: 54px;
    min-height: 54px;
    margin: 0 auto 8px;
    padding: 0;
}
body.hf-drawer-collapsed .hf-drawer-links {
    border: 0;
    background: transparent;
}
body.hf-drawer-collapsed .hf-drawer-links a {
    display: flex;
    justify-content: center;
    width: 54px;
    min-height: 54px;
    margin: 0 auto 7px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 4px;
    background: rgba(255,255,255,.025);
}
body.hf-drawer-collapsed .hf-drawer-links .hf-drawer-icon {
    width: 25px;
    height: 25px;
}
body.hf-drawer-collapsed .hf-drawer-logout button {
    width: 100%;
    justify-content: center;
}
body.hf-drawer-collapsed [data-rail-label] {
    position: relative;
    flex-direction: column;
    gap: 3px;
}
body.hf-drawer-collapsed [data-rail-label]::after {
    content: attr(data-rail-label);
    color: rgba(215,171,82,.82);
    font: 600 7px/1 var(--font-heading, Cinzel, serif);
    letter-spacing: .35px;
    text-transform: uppercase;
    white-space: nowrap;
}
body.hf-drawer-collapsed .hf-drawer-logout button {
    min-height: 54px;
    padding: 0;
    border-color: rgba(189,9,23,.35);
}
.hf-site-frame.has-account-drawer .hero-logo-left img {
    width: 92% !important;
    max-width: 560px !important;
    margin-left: 24px !important;
}
.hf-site-frame.has-account-drawer .hero-logo-right img {
    left: -38px !important;
    max-height: 680px !important;
}
@media (max-width: 1450px) and (min-width: 769px) {
.hf-site-frame.has-account-drawer {
    grid-template-columns: minmax(0, 1fr) 88px;
}
.hf-site-frame.has-account-drawer .hf-site-main > .menu20-fixed {
    width: calc(100vw - 88px);
}
.hf-account-drawer {
    padding: 86px 12px 18px;
}
.hf-drawer-profile-copy, .hf-drawer-panel-copy, .hf-drawer-panel > .hf-drawer-chevron,
    .hf-drawer-links a > span:not(.hf-drawer-icon), .hf-drawer-links a > .hf-drawer-chevron, .hf-drawer-logout span {
    display: none;
}
a.hf-drawer-panel {
    display: flex;
    justify-content: center;
    width: 54px;
    min-height: 54px;
    margin: 0 auto 8px;
    padding: 0;
}
.hf-drawer-links {
    border: 0;
    background: transparent;
}
.hf-drawer-links a {
    display: flex;
    justify-content: center;
    width: 54px;
    min-height: 54px;
    margin: 0 auto 7px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 4px;
    background: rgba(255,255,255,.025);
}
.hf-drawer-links .hf-drawer-icon {
    width: 25px;
    height: 25px;
}
.hf-drawer-profile {
    justify-content: center;
}
.hf-drawer-avatar {
    width: 52px;
    height: 52px;
}
.hf-account-drawer [data-rail-label] {
    position: relative;
    flex-direction: column;
    gap: 3px;
}
.hf-account-drawer [data-rail-label]::after {
    content: attr(data-rail-label);
    color: rgba(215,171,82,.82);
    font: 600 7px/1 var(--font-heading, Cinzel, serif);
    letter-spacing: .35px;
    text-transform: uppercase;
    white-space: nowrap;
}
}
:root {
    --hf-texture-iron: url('/images/textures/forged-iron-v1.webp');
    --hf-texture-silk: url('/images/textures/inked-silk-v1.webp');
    --hf-texture-divider: url('/images/textures/ornamental-divider-v1.webp');
}
body,
.hf-site-main,
.section-wrapper20-area,
.rk-section,
.nw-section,
.ns-section,
.ac-section,
.is-section,
.gd-section,
.gs-wrap {
    background-color: #0d0c0a !important;
    background-image: linear-gradient(rgba(10, 9, 8, .68), rgba(10, 9, 8, .8)),
        var(--hf-texture-iron) !important;
    background-size: auto, 768px 768px !important;
    background-attachment: scroll, fixed;
}
.news-area,
.social-midea-area,
.player-area,
.mage-area {
    background-color: #0d0c0a !important;
    background-image: linear-gradient(rgba(10, 9, 8, .62), rgba(10, 9, 8, .76)),
        var(--hf-texture-iron) !important;
    background-size: auto, 768px 768px !important;
}
.hf-account-drawer {
    background-image: radial-gradient(circle at 35% 0, rgba(175, 36, 21, .09), transparent 32%),
        linear-gradient(rgba(12, 12, 11, .68), rgba(8, 8, 7, .82)),
        var(--hf-texture-iron);
    background-size: auto, auto, 620px 620px;
}
.gd-filter,
.gd-table-wrap,
.gs-article,
.ac-sidebar-card,
.ac-content-card,
.nw-card,
.nw-side-card,
.ns-sidebar-card,
.ns-post-author-panel,
.is-preview-wrap {
    background-color: #15130f;
    background-image: linear-gradient(rgba(20, 18, 15, .66), rgba(14, 13, 11, .78)),
        var(--hf-texture-silk);
    background-size: auto, 640px 640px;
}
.footer-area {
    position: relative;
    background-image: linear-gradient(rgba(7, 7, 6, .7), rgba(7, 7, 6, .84)),
        var(--hf-texture-iron);
    background-size: auto, 720px 720px;
}
.footer-area::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background: radial-gradient(ellipse at center top, rgba(154, 12, 25, .18), transparent 68%);
    pointer-events: none;
}
.footer-area > .container {
    position: relative;
    z-index: 2;
}
.rk-hero::after,
.dl-hero::after {
    background: linear-gradient(to bottom, rgba(8, 7, 5, .68) 0%, rgba(8, 7, 5, .48) 50%, rgba(8, 7, 5, .84) 100%) !important;
}
.rk-hero-left p,
.dl-hero-content p {
    color: rgba(255, 255, 255, .76) !important;
}
.rk-eyebrow,
.dl-eyebrow {
    color: #e12938 !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .8);
}
.rk-hero-left h1,
.dl-hero-content h1 {
    text-shadow: 0 4px 28px rgba(0, 0, 0, .92), 0 0 1px #fff !important;
}
.rk-section,
.dl-section,
.dl-drivers {
    background-color: #12110e !important;
    background-image: linear-gradient(rgba(24, 21, 17, .48), rgba(13, 12, 10, .62)),
        var(--hf-texture-iron) !important;
    background-size: auto, 768px 768px !important;
}
.rk-filter-bar,
.rk-table-wrap,
.dl-card,
.dl-sysreq {
    background-color: #1b1915 !important;
    background-image: linear-gradient(rgba(29, 26, 21, .56), rgba(18, 17, 14, .7)),
        var(--hf-texture-silk) !important;
    background-size: auto, 640px 640px !important;
    border-color: rgba(215, 171, 82, .24) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 14px 36px rgba(0, 0, 0, .22);
}
.rk-table thead tr {
    background: rgba(7, 7, 6, .58) !important;
}
.rk-table thead th {
    color: rgba(238, 218, 180, .7) !important;
}
.rk-table tbody tr {
    border-bottom-color: rgba(255, 255, 255, .085) !important;
}
.rk-table tbody td {
    color: rgba(255, 255, 255, .84) !important;
}
.rk-player-sub,
.rk-stat-body span {
    color: rgba(255, 255, 255, .5) !important;
}
.dl-title p,
.dl-card-info p,
.dl-fmt-txt span,
.dl-card-meta span {
    color: rgba(255, 255, 255, .58) !important;
}
.dl-fmt {
    background: rgba(255, 255, 255, .055) !important;
    border-color: rgba(255, 255, 255, .13) !important;
}
.dl-fmt-main {
    background: rgba(189, 9, 23, .18) !important;
    border-color: rgba(225, 41, 56, .52) !important;
}
.dl-req-row {
    border-bottom-color: rgba(255, 255, 255, .08) !important;
}
.menu20-fixed,
.menu20-fixed.visible {
    background-color: #080807 !important;
    background-image: linear-gradient(90deg, rgba(5, 5, 4, .9), rgba(19, 15, 12, .72) 50%, rgba(5, 5, 4, .9)),
        var(--hf-texture-iron) !important;
    background-size: auto, 680px 680px !important;
    border-bottom: 0 !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .58), inset 0 -5px 9px rgba(215, 171, 82, .045), inset 0 -1px rgba(189, 9, 23, .1) !important;
}
.menu20-fixed .hero-middle ul li a {
    position: relative;
    padding: 15px 4px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .9);
}
.menu20-fixed .hero-middle ul li a::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 7px;
    width: 0;
    height: 3px;
    transform: translateX(-50%);
    background: repeating-linear-gradient(98deg, transparent 0 6px, rgba(255, 235, 193, .08) 6px 7px, transparent 7px 12px),
        linear-gradient(90deg, transparent, rgba(202, 150, 67, .42), rgba(178, 10, 26, .78), rgba(202, 150, 67, .42), transparent);
    filter: blur(.15px);
    box-shadow: 0 0 10px rgba(189, 9, 23, .28);
    transition: width .2s ease;
}
.menu20-fixed .hero-middle ul li a:hover::before,
.menu20-fixed .hero-middle ul li a.nav-active::before,
.menu20-fixed .hero-middle ul li a.nw-active::before,
.menu20-fixed .hero-middle ul li a.rk-active::before,
.menu20-fixed .hero-middle ul li a.dl-active::before,
.menu20-fixed .hero-middle ul li a.is-active::before,
.menu20-fixed .hero-middle ul li a.ac-active::before {
    width: calc(100% + 14px);
}
.menu20-fixed .hero-middle ul li a.nav-active::after,
.menu20-fixed .hero-middle ul li a.nw-active::after,
.menu20-fixed .hero-middle ul li a.rk-active::after,
.menu20-fixed .hero-middle ul li a.dl-active::after,
.menu20-fixed .hero-middle ul li a.is-active::after,
.menu20-fixed .hero-middle ul li a.ac-active::after {
    display: none !important;
}
.menu20-fixed .hero-middle ul li a:hover {
    color: #fff7e8 !important;
}
.menu20-fixed .nav-brand img {
    filter: drop-shadow(0 7px 15px rgba(0, 0, 0, .8)) drop-shadow(0 0 8px rgba(189, 9, 23, .16)) !important;
}
.hf-account-drawer::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 52px;
    left: 50%;
    width: 92%;
    height: 72px;
    transform: translateX(-50%);
    background: var(--hf-texture-divider) center / contain no-repeat;
    opacity: .22;
    pointer-events: none;
}
.hf-drawer-profile,
.hf-drawer-panel,
.hf-drawer-links,
.hf-drawer-logout {
    position: relative;
    z-index: 1;
}
.hf-drawer-collapse {
    z-index: 3;
}
.hf-drawer-profile {
    border-bottom-color: rgba(215, 171, 82, .22) !important;
}
.hf-drawer-avatar {
    border-color: rgba(215, 171, 82, .76) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .45), 0 0 22px rgba(189, 9, 23, .14);
}
.hf-drawer-panel,
.hf-drawer-links {
    background-color: #13120f !important;
    background-image: linear-gradient(rgba(20, 18, 15, .6), rgba(11, 10, 9, .76)),
        var(--hf-texture-silk) !important;
    background-size: auto, 560px 560px !important;
    border-color: rgba(215, 171, 82, .2) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 8px 22px rgba(0, 0, 0, .2);
}
.hf-drawer-panel:hover,
.hf-drawer-links a:hover {
    border-color: rgba(215, 171, 82, .48) !important;
    background-color: #1a1712 !important;
}
.hf-drawer-links a {
    border-bottom-color: rgba(255, 255, 255, .075) !important;
}
.hf-drawer-icon {
    color: #d7ab52;
    filter: drop-shadow(0 0 8px rgba(215, 171, 82, .12));
}
.hf-drawer-collapse {
    box-shadow: 0 5px 16px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .06);
}
body.hf-drawer-collapsed .hf-account-drawer {
    background-image: linear-gradient(rgba(7, 7, 6, .68), rgba(13, 11, 9, .78)),
        var(--hf-texture-iron) !important;
    background-size: auto, 460px 460px !important;
    box-shadow: -12px 0 34px rgba(0, 0, 0, .44), inset 1px 0 rgba(215, 171, 82, .12);
}
body.hf-drawer-collapsed .hf-account-drawer::before {
    top: 82px;
    height: 44px;
    opacity: .16;
}
body.hf-drawer-collapsed .hf-drawer-links a,
body.hf-drawer-collapsed a.hf-drawer-panel {
    border-color: rgba(215, 171, 82, .2) !important;
    background-image: linear-gradient(rgba(21, 18, 14, .58), rgba(9, 9, 8, .72)),
        var(--hf-texture-silk) !important;
    background-size: auto, 420px 420px !important;
}
body.hf-drawer-collapsed [data-rail-label]::after {
    color: rgba(230, 190, 110, .9) !important;
}
.ac-save-btn,
.gd-reset,
.is-preview-btn,
.dl-drv-btn,
.input-submit button {
    border: 1px solid rgba(239, 61, 75, .72) !important;
    background-image: linear-gradient(180deg, #d71425, #9f0713) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 7px 18px rgba(132, 0, 12, .24) !important;
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
    transition: transform .16s ease, border-color .16s ease, filter .16s ease, box-shadow .16s ease !important;
}
.ac-save-btn:hover,
.gd-reset:hover,
.is-preview-btn:hover,
.dl-drv-btn:hover,
.input-submit button:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
    box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 10px 24px rgba(132, 0, 12, .3) !important;
}
.ac-save-btn:active,
.gd-reset:active,
.is-preview-btn:active,
.dl-drv-btn:active,
.input-submit button:active {
    transform: translateY(1px);
    filter: brightness(.94);
}
.gd-read,
.nw-page-btn,
.rk-tab,
.is-cat-btn,
.dl-req-tab {
    border-color: rgba(215, 171, 82, .22) !important;
    background-color: rgba(12, 11, 9, .56);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease !important;
}
.gd-read:hover,
.nw-page-btn:hover,
.rk-tab:hover,
.is-cat-btn:hover,
.dl-req-tab:hover {
    border-color: rgba(215, 171, 82, .55) !important;
    background-color: rgba(215, 171, 82, .07) !important;
    color: #fff !important;
}
.gd-read:focus-visible,
.nw-page-btn:focus-visible,
.rk-tab:focus-visible,
.is-cat-btn:focus-visible,
.dl-req-tab:focus-visible,
.ac-save-btn:focus-visible,
.gd-reset:focus-visible,
.is-preview-btn:focus-visible,
.dl-drv-btn:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #d7ab52 !important;
    outline-offset: 3px !important;
}
.gd-wrap input:not([type='checkbox']):not([type='radio']),
.gd-wrap select,
.ac-wrap input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
.ac-wrap select,
.ac-wrap textarea,
.is-wrap input:not([type='checkbox']):not([type='radio']),
.is-wrap select,
#rkSearch {
    background-color: rgba(8, 8, 7, .72) !important;
    background-image: linear-gradient(rgba(15, 13, 11, .48), rgba(7, 7, 6, .64)), var(--hf-texture-silk) !important;
    background-size: auto, 420px 420px !important;
    border-color: rgba(215, 171, 82, .2) !important;
    color: rgba(255, 255, 255, .9) !important;
    box-shadow: inset 0 1px 7px rgba(0, 0, 0, .5);
}
.gd-wrap input::placeholder,
.ac-wrap input::placeholder,
.ac-wrap textarea::placeholder,
.is-wrap input::placeholder,
#rkSearch::placeholder {
    color: rgba(255, 255, 255, .42) !important;
}
.ac-sidebar-card,
.ac-content-card,
.nw-card,
.nw-side-card,
.ns-sidebar-card,
.ns-post-author-panel,
.gd-table-wrap,
.rk-table-wrap,
.dl-card,
.dl-sysreq,
.is-preview-wrap {
    border-color: rgba(215, 171, 82, .24) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 15px 38px rgba(0, 0, 0, .25) !important;
}
.ac-card-header,
.ac-content-card-header,
.gd-table thead tr,
.rk-table thead tr,
.dl-card-top,
.dl-sysreq-head {
    background-color: rgba(7, 7, 6, .58) !important;
    background-image: linear-gradient(90deg, rgba(189, 9, 23, .09), transparent 55%), var(--hf-texture-iron) !important;
    background-size: auto, 520px 520px !important;
    border-bottom-color: rgba(215, 171, 82, .18) !important;
}
.gd-table tbody tr,
.rk-table tbody tr {
    border-bottom-color: rgba(255, 255, 255, .085) !important;
}
.gd-table tbody tr:hover,
.rk-table tbody tr:hover {
    background-color: rgba(215, 171, 82, .055) !important;
}
.gd-table th,
.rk-table th {
    color: rgba(238, 218, 180, .72) !important;
}
.gd-table td,
.rk-table td {
    color: rgba(255, 255, 255, .82) !important;
}
.nw-hero,
.rk-hero,
.dl-hero,
.gd-hero,
.ac-hero,
.is-hero {
    min-height: 220px;
    box-sizing: border-box;
    border-bottom: 0 !important;
    box-shadow: inset 0 -7px 12px rgba(215, 171, 82, .035), inset 0 -1px rgba(189, 9, 23, .08), 0 12px 30px rgba(0, 0, 0, .2);
}
.nw-hero {
    background-position: 50% 32% !important;
}
.rk-hero {
    background-position: 28% 44% !important;
}
.dl-hero {
    background-position: 68% 42% !important;
}
.gd-hero {
    background-position: 18% 38% !important;
}
.ac-hero {
    background-position: 72% 35% !important;
}
.is-hero {
    background-position: 44% 45% !important;
}
.nw-hero > .container,
.rk-hero > .container,
.dl-hero > .container,
.gd-hero > .container,
.ac-hero > .container,
.is-hero > .container {
    position: relative;
    z-index: 2;
}
.nw-hero > .container::after,
.rk-hero > .container::after,
.gd-hero > .container::after,
.ac-hero > .container::after,
.is-hero > .container::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -54px;
    width: min(390px, 52vw);
    height: 56px;
    background: var(--hf-texture-divider) left center / contain no-repeat;
    opacity: .25;
    pointer-events: none;
}
.dl-hero > .container::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -54px;
    width: min(420px, 58vw);
    height: 56px;
    transform: translateX(-50%);
    background: var(--hf-texture-divider) center / contain no-repeat;
    opacity: .25;
    pointer-events: none;
}
.nw-hero-content h1,
.rk-hero-left h1,
.dl-hero-content h1,
.gd-hero h1,
.is-hero-content h1 {
    font-size: clamp(34px, 4vw, 52px) !important;
    line-height: 1.08 !important;
    letter-spacing: clamp(3px, .45vw, 6px) !important;
    text-wrap: balance;
}
.nw-hero-content p,
.rk-hero-left p,
.dl-hero-content p,
.gd-hero p,
.is-hero-content p {
    color: rgba(255, 255, 255, .72) !important;
    line-height: 1.65 !important;
}
.dl-title,
.gd-results-head {
    position: relative;
    padding-bottom: 17px;
}
.dl-title::after,
.gd-results-head::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 112px;
    height: 4px;
    background: repeating-linear-gradient(96deg, transparent 0 5px, rgba(255, 231, 181, .08) 5px 6px, transparent 6px 11px),
        linear-gradient(90deg, transparent, rgba(157, 9, 22, .72) 18%, rgba(203, 151, 67, .5) 56%, rgba(121, 68, 25, .16) 82%, transparent);
    filter: blur(.2px);
    box-shadow: 0 0 9px rgba(151, 11, 24, .16);
}
.dl-title-center::after {
    left: 50%;
    transform: translateX(-50%);
}
.footer-area {
    padding-top: 58px !important;
    border-top: 0;
    box-shadow: 0 -18px 34px rgba(0, 0, 0, .34);
}
.footer-main {
    padding: 24px 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
}
.footer-main ul {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 15px !important;
}
.footer-main ul li img {
    opacity: .35;
}
.footer-main a {
    padding: 7px 3px;
    color: rgba(255, 255, 255, .62) !important;
    font-size: 10px !important;
    letter-spacing: 1.5px;
    transition: color .16s ease, text-shadow .16s ease;
}
.footer-main a:hover {
    color: #e6be72 !important;
    text-shadow: 0 0 12px rgba(215, 171, 82, .2);
}
.copyright-item {
    padding: 18px 0 25px;
    opacity: .72;
}
.gd-empty,
.admin-empty,
.ac-empty,
.is-empty,
.nw-empty,
.rk-empty,
.hf-system-state {
    border: 1px dashed rgba(215, 171, 82, .25) !important;
    background-image: linear-gradient(rgba(18, 16, 13, .7), rgba(9, 9, 8, .82)), var(--hf-texture-silk) !important;
    background-size: auto, 520px 520px !important;
    color: rgba(255, 255, 255, .58) !important;
    text-align: center;
}
.gd-empty i,
.admin-empty i,
.ac-empty i,
.is-empty i,
.nw-empty i,
.rk-empty i,
.hf-system-state i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 8px;
    border: 1px solid rgba(215, 171, 82, .3);
    border-radius: 50%;
    color: #d7ab52;
    background: rgba(0, 0, 0, .28);
}
.alert,
.error-message,
.form-error,
[role='alert'] {
    border-left: 3px solid #bd0917;
    background-image: linear-gradient(90deg, rgba(189, 9, 23, .13), rgba(12, 10, 9, .88)), var(--hf-texture-silk);
    background-size: auto, 520px 520px;
}
@media (prefers-reduced-motion: no-preference) {
.nw-card,
    .gd-row,
    .ac-content-card,
    .dl-card,
    .dl-sysreq {
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.nw-card:hover,
    .ac-content-card:hover,
    .dl-card:hover,
    .dl-sysreq:hover {
    transform: translateY(-2px);
    border-color: rgba(215, 171, 82, .38) !important;
}
.gd-row:hover {
    transform: translateX(2px);
}
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
}
}
.pix-hero-actions .cta-secondary {
    background: linear-gradient(180deg, #c91425 0%, #9f0715 100%) !important;
    border-color: #e22a3b !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 10px 24px rgba(126, 0, 14, .35);
}
.pix-hero-actions .cta-secondary:hover {
    background: linear-gradient(180deg, #dc1b2d 0%, #b30919 100%) !important;
    border-color: #f04a58 !important;
}
html body .discord-float {
    left: 24px !important;
    right: auto !important;
    width: auto !important;
    max-width: calc(100vw - 48px);
}
@media (prefers-reduced-data: reduce) {
body,
    .hf-site-main,
    .section-wrapper20-area,
    .rk-section,
    .nw-section,
    .ns-section,
    .ac-section,
    .is-section,
    .gd-section,
    .gs-wrap,
    .hf-account-drawer,
    .gd-filter,
    .gd-table-wrap,
    .gs-article,
    .ac-sidebar-card,
    .ac-content-card,
    .nw-card,
    .nw-side-card,
    .ns-sidebar-card,
    .ns-post-author-panel,
    .is-preview-wrap,
    .footer-area {
    background-image: none;
}
.footer-area::before {
    display: none;
}
}
body[data-page="home"] {
    --hf-refined-gold: #d9b77a;
}
body[data-page="home"] .menu20-fixed {
    height: 80px!important;
    background: #100f0e!important;
    border-bottom: 1px solid #ffffff0d!important;
    box-shadow: none!important;
    backdrop-filter: none!important;
}
body[data-page="home"] .menu20-fixed .hero-container {
    width: 100%!important;
    max-width: 1440px!important;
    padding: 0 48px!important;
}
body[data-page="home"] .menu20-fixed .hero-main.menu20 {
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 28px;
    height: 80px!important;
    min-height: 80px!important;
    padding: 0!important;
    margin: 0!important;
    background: none!important;
}
body[data-page="home"] .menu20-fixed .nav-brand {
    position: static!important;
    transform: none!important;
    display: flex!important;
    flex: 0 0 150px!important;
    margin: 0!important;
    width: 150px!important;
}
body[data-page="home"] .menu20-fixed .nav-brand img {
    width: 150px!important;
    height: 72px!important;
    max-height: 72px!important;
    object-fit: contain!important;
    transform: none!important;
    filter: none!important;
}
body[data-page="home"] .menu20-fixed .hero-left {
    display: none!important;
}
body[data-page="home"] .menu20-fixed .hero-middle {
    flex: 1;
    min-width: 0;
}
body[data-page="home"] .menu20-fixed .hero-middle ul {
    display: flex;
    justify-content: center;
    gap: clamp(14px,2vw,36px);
    padding: 0;
    margin: 0;
}
body[data-page="home"] .menu20-fixed .hero-middle li {
    margin: 0!important;
    padding: 0!important;
}
body[data-page="home"] .menu20-fixed .hero-middle a {
    font-family: Inter,sans-serif!important;
    font-size: 12px!important;
    font-weight: 600!important;
    letter-spacing: .05em;
    line-height: 1.4!important;
    padding: 12px 0!important;
    color: #eae5dd!important;
    background: none!important;
    text-shadow: none!important;
    white-space: nowrap;
}
body[data-page="home"] .menu20-fixed .hero-middle a::before,body[data-page="home"] .menu20-fixed .hero-middle a::after {
    display: none!important;
}
body[data-page="home"] .menu20-fixed .hero-middle a[data-nav="home"] {
    color: var(--hf-refined-gold)!important;
    border-bottom: 1px solid var(--hf-refined-gold);
}
body[data-page="home"] .menu20-fixed .hero-middle a:hover {
    color: var(--hf-refined-gold)!important;
}
body[data-page="home"] .menu20-fixed .hero-right {
    flex: 0 0 auto;
}
body[data-page="home"] .menu20-fixed .hero-right ul {
    gap: 12px;
    margin: 0;
    padding: 0;
}
body[data-page="home"] .menu20-fixed .hero-right .hf-guest-only button {
    min-width: 120px!important;
    width: auto!important;
    height: 42px!important;
    padding: 0 26px!important;
    border: 1px solid #ed2634!important;
    border-radius: 5px!important;
    background: #c80b1c!important;
    box-shadow: none!important;
    font: 600 12px Inter,sans-serif!important;
    letter-spacing: .05em;
    color: white!important;
}
body[data-page="home"] .section-wrapper20-area {
    padding-top: 80px!important;
}
body[data-page="home"] .hero-area {
    position: relative!important;
    padding: 0!important;
    margin: 0!important;
    min-height: 0!important;
    background-image: linear-gradient(90deg,rgba(9,8,8,.87),rgba(9,8,8,.30) 55%,rgba(9,8,8,.04)),url('/images/hero-bg.webp')!important;
    background-size: cover!important;
    background-position: center!important;
    overflow: hidden;
}
body[data-page="home"] .hero-area::before,body[data-page="home"] .hero-area::after {
    display: none!important;
}
body[data-page="home"] .hero-main-wrapper {
    padding: 0!important;
    margin: 0!important;
}
body[data-page="home"] .hero-area .hero-container {
    max-width: 1440px!important;
    width: 100%!important;
    padding: 0 48px!important;
}
body[data-page="home"] .hero-logo-wrapper {
    position: relative!important;
    display: flex!important;
    align-items: center!important;
    justify-content: flex-start!important;
    min-height: 600px!important;
    height: auto!important;
    margin: 0!important;
    padding: 70px 0 54px!important;
    isolation: isolate;
}
body[data-page="home"] .hero-logo-left {
    display: none!important;
}
body[data-page="home"] .hero-logo-right {
    position: absolute!important;
    right: -25px!important;
    bottom: -135px!important;
    top: auto!important;
    width: 55%!important;
    max-width: 690px!important;
    margin: 0!important;
    z-index: -1!important;
    transform: none!important;
    pointer-events: none;
}
body[data-page="home"] .hero-logo-right img {
    width: 100%!important;
    height: auto!important;
    max-width: none!important;
    transform: none!important;
    filter: none!important;
    opacity: 1!important;
}
body[data-page="home"] .hero-logo-right picture {
    display: block!important;
    width: 100%!important;
    position: static!important;
}
body[data-page="home"] .hero-logo-right img {
    position: static!important;
    inset: auto!important;
}
body[data-page="home"] .pix-hero-cta {
    position: relative!important;
    inset: auto!important;
    display: flex!important;
    flex-direction: column!important;
    align-items: flex-start!important;
    gap: 28px!important;
    width: 56%!important;
    max-width: 720px!important;
    margin: 0!important;
    padding: 0!important;
    transform: none!important;
    opacity: 1!important;
    text-align: left!important;
    background: none!important;
    border: 0!important;
    box-shadow: none!important;
}
body[data-page="home"] .hf-refined-intro {
    order: 0;
}
body[data-page="home"] .hf-refined-intro h1 {
    font-family: Cinzel,Georgia,serif!important;
    font-size: clamp(52px,6.2vw,88px)!important;
    line-height: 1.12!important;
    font-weight: 400!important;
    letter-spacing: .025em!important;
    color: #f5eee0!important;
    margin: 0 0 18px!important;
    text-transform: none!important;
    text-shadow: 0 2px 18px #0004;
}
body[data-page="home"] .hf-refined-intro p {
    font: 400 12px/1.8 Inter,sans-serif!important;
    letter-spacing: .3em!important;
    text-transform: uppercase;
    color: #e5dccd!important;
    margin: 0!important;
}
body[data-page="home"] .pix-hero-actions {
    order: 1;
    display: flex!important;
    gap: 16px!important;
    width: auto!important;
    margin: 2px 0 0!important;
}
body[data-page="home"] .pix-hero-actions .cta-primary,body[data-page="home"] .pix-hero-actions .cta-secondary {
    display: inline-flex!important;
    align-items: center;
    justify-content: center;
    min-height: 50px!important;
    padding: 0 30px!important;
    border-radius: 4px!important;
    font: 600 13px Inter,sans-serif!important;
    letter-spacing: .04em;
    text-transform: uppercase!important;
    box-shadow: none!important;
    transform: none!important;
    text-decoration: none!important;
}
body[data-page="home"] .pix-hero-actions .cta-primary {
    background: #c80b1c!important;
    border: 1px solid #ec2635!important;
    color: #fff!important;
}
body[data-page="home"] .pix-hero-actions .cta-secondary {
    background: #100f0b66!important;
    border: 1px solid #bb9c65!important;
    color: #e6c997!important;
}
body[data-page="home"] .pix-hero-actions a:hover {
    filter: brightness(1.15);
}
body[data-page="home"] .hero-status-widget {
    order: 2;
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: wrap;
    gap: 14px 22px!important;
    width: auto!important;
    max-width: 100%;
    background: none!important;
    border: 0!important;
    border-top: 1px solid #d9b77a30!important;
    border-radius: 0!important;
    padding: 20px 0 0!important;
    margin: 12px 0 0!important;
    box-shadow: none!important;
    backdrop-filter: none!important;
}
body[data-page="home"] .hero-status-widget .status-row {
    display: flex!important;
    gap: 8px!important;
    padding: 0!important;
    border: 0!important;
}
body[data-page="home"] .hero-status-widget .status-label,body[data-page="home"] .hero-status-widget .status-value {
    font-family: Inter,sans-serif!important;
    font-size: 11px!important;
}
body[data-page="home"] .hero-status-widget .status-label {
    color: #c2b7a6!important;
}
body[data-page="home"] .hero-status-widget .status-label i {
    display: none!important;
}
body[data-page="home"] .hero-btm {
    display: none!important;
}
body[data-page="home"] a:focus-visible,body[data-page="home"] button:focus-visible {
    outline: 2px solid #e5c487;
    outline-offset: 5px;
}
body[data-page="home"] .news-area .tab-container[data-set="set1"] .tab-buttons ul {
    flex-direction: row!important;
    flex-wrap: nowrap!important;
    align-items: center!important;
    width: max-content!important;
    max-width: 100%!important;
}
body[data-page="home"] .news-area .tab-container[data-set="set1"] .tab-buttons ul {
    background: none!important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    padding: 0!important;
    gap: 28px!important;
}
body[data-page="home"] .news-area .tab-container[data-set="set1"] .tab-buttons ul li a {
    height: auto!important;
    min-height: 34px!important;
    padding: 0 0 10px!important;
    border: 0!important;
    border-bottom: 2px solid transparent!important;
    border-radius: 0!important;
    background: none!important;
    box-shadow: none!important;
    font: 400 13px/1.5 Inter,sans-serif!important;
    letter-spacing: 0!important;
    color: #bbb6ad!important;
}
body[data-page="home"] .news-area .tab-container[data-set="set1"] .tab-buttons ul li a.active {
    background: none!important;
    box-shadow: none!important;
    border-bottom-color: #d9b77a!important;
    color: #e5c487!important;
}
body[data-page="home"] .news-area .news-left-img a,body[data-page="home"] .news-area .news-col-left a {
    border-radius: 0!important;
}
body[data-page="home"] .news-area {
    padding: 64px 0 72px!important;
    margin: 0!important;
    background: #100f0e!important;
    border-top: 1px solid #d9b77a22;
}
body[data-page="home"] .news-area > .container {
    width: 100%!important;
    max-width: 1440px!important;
    padding: 0 48px!important;
}
body[data-page="home"] .news-section-heading {
    display: flex!important;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 24px!important;
    text-align: left!important;
}
body[data-page="home"] .news-section-heading h2 {
    font: 400 clamp(24px,2.7vw,38px)/1.3 Cinzel,Georgia,serif!important;
    letter-spacing: .035em!important;
    color: #f1e9da!important;
    text-shadow: none!important;
    margin: 0!important;
}
body[data-page="home"] .news-section-heading h2::before,body[data-page="home"] .news-section-heading h2::after {
    display: none!important;
}
body[data-page="home"] .hf-news-all {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    font: 400 13px Inter,sans-serif;
    color: #d9b77a;
    text-decoration: none;
}
body[data-page="home"] .hf-news-all:hover {
    color: #f4dfb9;
    text-decoration: underline;
}
body[data-page="home"] .news-area .tab-buttons {
    margin: 0 0 24px!important;
    padding: 0!important;
    background: none!important;
    border: 0!important;
    box-shadow: none!important;
}
body[data-page="home"] .news-area .tab-buttons ul {
    display: flex!important;
    justify-content: flex-start!important;
    gap: 28px!important;
    padding: 0!important;
    margin: 0!important;
    overflow-x: auto;
}
body[data-page="home"] .news-area .tab-buttons li {
    margin: 0!important;
    padding: 0!important;
    flex: 0 0 auto!important;
}
body[data-page="home"] .news-area .tab-btn {
    display: block!important;
    padding: 0 0 10px!important;
    font: 400 13px/1.5 Inter,sans-serif!important;
    color: #bbb6ad!important;
    border: 0!important;
    border-bottom: 2px solid transparent!important;
    border-radius: 0!important;
    background: none!important;
    box-shadow: none!important;
    transform: none!important;
    text-transform: none!important;
    white-space: nowrap;
}
body[data-page="home"] .news-area .tab-btn i,body[data-page="home"] .news-area .tab-btn::before,body[data-page="home"] .news-area .tab-btn::after {
    display: none!important;
}
body[data-page="home"] .news-area .tab-btn.active {
    color: #e5c487!important;
    border-bottom-color: #d9b77a!important;
}
body[data-page="home"] .news-area .tab-btn:hover {
    color: #f1e9da!important;
}
body[data-page="home"] .news-area .tab-content {
    padding: 0!important;
    border: 0!important;
    background: none!important;
}
body[data-page="home"] .news-main {
    display: grid!important;
    grid-template-columns: minmax(0,1.35fr) minmax(0,1fr)!important;
    gap: 24px!important;
    align-items: stretch!important;
    margin: 0!important;
}
body[data-page="home"] .news-left {
    width: auto!important;
    min-width: 0!important;
    margin: 0!important;
    padding: 0!important;
    background: #141310!important;
    border: 1px solid #d9b77a2b!important;
    border-radius: 4px!important;
    overflow: hidden;
    box-shadow: none!important;
    display: flex!important;
    flex-direction: column!important;
}
body[data-page="home"] .news-left-img {
    width: 100%!important;
    margin: 0!important;
    position: relative;
}
body[data-page="home"] .news-left-img > a {
    display: block;
}
body[data-page="home"] .news-left-img img {
    display: block!important;
    width: 100%!important;
    height: auto!important;
    aspect-ratio: 2.35/1!important;
    object-fit: cover!important;
    border-radius: 0!important;
    filter: none!important;
}
body[data-page="home"] .news-badge {
    display: none!important;
}
body[data-page="home"] .news-left-cnt {
    padding: 22px 24px!important;
    margin: 0!important;
    background: none!important;
    border: 0!important;
    position: relative!important;
    flex: 1;
}
body[data-page="home"] .news-meta {
    display: flex!important;
    align-items: center!important;
    flex-wrap: wrap;
    gap: 12px!important;
    margin: 0 0 10px!important;
    font: 400 11px/1.5 Inter,sans-serif!important;
}
body[data-page="home"] .news-category {
    font: 500 10px/1.5 Inter,sans-serif!important;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #d9b77a!important;
    background: none!important;
    padding: 0!important;
    border: 0!important;
    border-radius: 0!important;
}
body[data-page="home"] .news-date {
    font: 400 11px/1.5 Inter,sans-serif!important;
    color: #aaa59d!important;
    border-left: 1px solid #ffffff25;
    padding-left: 12px!important;
}
body[data-page="home"] .news-date i {
    display: none!important;
}
body[data-page="home"] .news-title,body[data-page="home"] .news-title a {
    font: 400 clamp(23px,2.2vw,30px)/1.25 Cinzel,Georgia,serif!important;
    color: #f1e9da!important;
    margin: 0 0 10px!important;
    text-transform: none!important;
    text-shadow: none!important;
}
body[data-page="home"] .news-left-cnt p {
    font: 400 13px/1.7 Inter,sans-serif!important;
    color: #b8b3a9!important;
    margin: 0 0 16px!important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body[data-page="home"] .news-read-more {
    display: inline-flex!important;
    align-items: center;
    gap: 10px;
    padding: 0!important;
    margin: 0!important;
    background: none!important;
    border: 0!important;
    box-shadow: none!important;
    color: #d9b77a!important;
    font: 400 12px/1.5 Inter,sans-serif!important;
    text-transform: none!important;
}
body[data-page="home"] .news-right {
    width: auto!important;
    min-width: 0!important;
    padding: 0!important;
    margin: 0!important;
    display: flex!important;
    flex-direction: column!important;
    gap: 0!important;
    background: none!important;
    border: 0!important;
}
body[data-page="home"] .news-flex {
    display: grid!important;
    grid-template-columns: minmax(100px,35%) minmax(0,1fr)!important;
    align-items: center!important;
    gap: 20px!important;
    flex: 1;
    margin: 0!important;
    padding: 16px 0!important;
    background: none!important;
    border: 0!important;
    border-bottom: 1px solid #d9b77a26!important;
    border-radius: 0!important;
    box-shadow: none!important;
    transform: none!important;
}
body[data-page="home"] .news-flex:first-child {
    padding-top: 0!important;
}
body[data-page="home"] .news-flex:last-child {
    padding-bottom: 0!important;
    border-bottom: 0!important;
}
body[data-page="home"] .news-col-left {
    width: auto!important;
    margin: 0!important;
    padding: 0!important;
}
body[data-page="home"] .news-col-left a {
    display: block;
}
body[data-page="home"] .news-col-left img {
    display: block!important;
    width: 100%!important;
    height: auto!important;
    aspect-ratio: 1.65/1;
    object-fit: cover!important;
    border-radius: 3px!important;
}
body[data-page="home"] .news-col-right {
    width: auto!important;
    min-width: 0!important;
    padding: 0!important;
    margin: 0!important;
}
body[data-page="home"] .news-col-right h4,body[data-page="home"] .news-col-right h4 a {
    font: 400 clamp(17px,1.6vw,22px)/1.4 Cinzel,Georgia,serif!important;
    color: #f1e9da!important;
    text-transform: none!important;
    margin: 0!important;
}
body[data-page="home"] .news-col-right p {
    display: none!important;
}
body[data-page="home"] .news-title a:hover,body[data-page="home"] .news-col-right h4 a:hover {
    color: #d9b77a!important;
}
body[data-page="home"] .news-view-all {
    display: none!important;
}
body[data-page="home"] #newsSectionTitle {
    scroll-margin-top: 110px;
}
body:where([data-page="429"]) {
    background: #0e0d0b;
}
:where(body[data-page="429"]) .verify-wrap {
    padding-top: 57px;
}
:where(body[data-page="429"]) .verify-hero {
    background: url('/images/hero-bg.webp') no-repeat center / cover;
    padding: 70px 0 55px;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="429"]) .verify-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,7,5,.88) 0%, rgba(8,7,5,.7) 50%, rgba(8,7,5,.97) 100%);
    pointer-events: none;
}
:where(body[data-page="429"]) .verify-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}
:where(body[data-page="429"]) .verify-eyebrow {
    display: block;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 5px;
    color: #BD0917;
    text-transform: uppercase;
    margin-bottom: 18px;
}
:where(body[data-page="429"]) .verify-hero-content h1 {
    font-family: var(--font-heading);
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 14px;
    text-shadow: 0 4px 40px rgba(0,0,0,.6);
}
:where(body[data-page="429"]) .verify-divider {
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #BD0917, transparent);
    margin: 0 auto 22px;
}
:where(body[data-page="429"]) .verify-section {
    background: #111009;
    padding: 70px 0 80px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
:where(body[data-page="429"]) .verify-card-container {
    background: #151310;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    width: 100%;
    max-width: 500px;
    padding: 50px 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    text-align: center;
}
:where(body[data-page="429"]) .verify-title {
    margin-bottom: 30px;
}
:where(body[data-page="429"]) .verify-title h2 {
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
:where(body[data-page="429"]) .verify-line {
    margin-bottom: 15px;
}
:where(body[data-page="429"]) .verify-line img {
    max-width: 100%;
    height: auto;
}
:where(body[data-page="429"]) .verify-status-icon {
    font-size: 64px;
    margin: 20px 0;
    color: #d19f50;
}
:where(body[data-page="429"]) .verify-message {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255,255,255,.7);
    margin: 20px 0 30px;
}
:where(body[data-page="429"]) .verify-action-btn {
    display: inline-block;
    background: #BD0917;
    color: #fff;
    padding: 14px 30px;
    text-decoration: none;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 3px;
    transition: background .2s ease, transform .2s ease;
}
:where(body[data-page="429"]) .verify-action-btn:hover {
    background: #9e0813;
    transform: translateY(-1px);
}
:where(body[data-page="account"]) .ac-wrap {
    padding: 96px 0 80px;
}
:where(body[data-page="account"]) .ac-hero {
    background: url('/images/hero-bg.webp') no-repeat center / cover;
    padding: 70px 0 55px;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="account"]) .ac-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,7,5,.88) 0%, rgba(8,7,5,.7) 50%, rgba(8,7,5,.97) 100%);
    pointer-events: none;
}
:where(body[data-page="account"]) .ac-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
:where(body[data-page="account"]) .ac-avatar-wrap {
    position: relative;
    flex-shrink: 0;
}
:where(body[data-page="account"]) .ac-avatar-wrap img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid rgba(189,9,23,.5);
    object-fit: cover;
    display: block;
}
:where(body[data-page="account"]) .ac-hero-info {
    flex: 1;
    min-width: 180px;
}
:where(body[data-page="account"]) .ac-hero-info h1 {
    font-family: var(--font-heading);
    font-size: 36px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 4px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 8px;
}
:where(body[data-page="account"]) .ac-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
:where(body[data-page="account"]) .ac-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-badge-vip {
    background: rgba(255,215,0,.1);
    color: #ffd966;
    border: 1px solid rgba(255,215,0,.2);
}
:where(body[data-page="account"]) .ac-badge-server {
    background: rgba(189,9,23,.1);
    color: #ff6b6b;
    border: 1px solid rgba(189,9,23,.2);
}
:where(body[data-page="account"]) .ac-badge-member {
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.4);
    border: 1px solid rgba(255,255,255,.08);
}
:where(body[data-page="account"]) .ac-hero-stats {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
:where(body[data-page="account"]) .is-hero-coin {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255, 215, 0, .07);
    border: 1px solid rgba(255, 215, 0, .2);
    padding: 16px 28px;
    border-radius: 4px;
    text-align: center;
}
:where(body[data-page="account"]) .is-hero-coin i {
    font-size: 28px;
    color: #FFD700;
    margin-bottom: 6px;
}
:where(body[data-page="account"]) .is-hero-coin span {
    font-size: 10px;
    color: rgba(255, 255, 255, .35);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
:where(body[data-page="account"]) .is-hero-coin strong {
    font-family: var(--font-heading);
    font-size: 24px;
    color: #FFD700;
}
:where(body[data-page="account"]) .is-hero-coin em {
    font-size: 10px;
    color: rgba(255, 255, 255, .25);
    font-style: normal;
    margin-top: 4px;
}
:where(body[data-page="account"]) .ac-coin-strip {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    background: rgba(255,215,0,.06);
    border: 1px solid rgba(255,215,0,.15);
    border-radius: 3px;
}
:where(body[data-page="account"]) .ac-coin-strip i {
    font-size: 22px;
    color: #FFD700;
}
:where(body[data-page="account"]) .ac-coin-strip-body span {
    display: block;
    font-size: 9px;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-coin-strip-body strong {
    font-family: var(--font-heading);
    font-size: 20px;
    color: #FFD700;
}
:where(body[data-page="account"]) .ac-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    background: #BD0917;
    border: none;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    transition: all .25s ease;
}
:where(body[data-page="account"]) .ac-hero-btn:hover {
    background: #9e0813;
    transform: translateY(-1px);
}
:where(body[data-page="account"]) .ac-tabs-nav {
    background: #131210;
    border-bottom: 1px solid rgba(255,255,255,.06);
    position: sticky;
    top: 60px;
    z-index: 50;
}
:where(body[data-page="account"]) .ac-tabs-nav-inner {
    display: flex;
    gap: 0;
    overflow-x: auto;
}
:where(body[data-page="account"]) .ac-nav-tab {
    padding: 14px 22px;
    background: none;
    border: none;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all .25s ease;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}
:where(body[data-page="account"]) .ac-nav-tab i {
    font-size: 13px;
}
:where(body[data-page="account"]) .ac-nav-tab:hover {
    color: rgba(255,255,255,.6);
}
:where(body[data-page="account"]) .ac-nav-tab.active {
    color: #BD0917;
    border-bottom-color: #BD0917;
}
:where(body[data-page="account"]) .ac-nav-tab.is-disabled,:where(body[data-page="account"]) 
    .ac-nav-tab:disabled {
    color: rgba(255,255,255,.14);
    border-bottom-color: transparent;
    cursor: not-allowed;
    opacity: .55;
    pointer-events: none;
}
:where(body[data-page="account"]) .ac-section {
    padding: 28px 0;
}
:where(body[data-page="account"]) .ac-pane {
    display: none;
}
:where(body[data-page="account"]) .ac-pane.active {
    display: block;
}
:where(body[data-page="account"]) .ac-grid {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 28px;
}
:where(body[data-page="account"]) .ac-content-card {
    background: #151310;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    margin-bottom: 28px;
}
:where(body[data-page="account"]) .ac-content-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 22px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="account"]) .ac-content-card-header h2 {
    font-family: var(--font-heading);
    font-size: 13px;
    letter-spacing: 2px;
    color: rgba(255,255,255,.6);
    text-transform: uppercase;
    font-weight: 400;
}
:where(body[data-page="account"]) .ac-card-action {
    font-size: 11px;
    color: #BD0917;
    text-decoration: none;
    font-family: var(--font-heading);
    letter-spacing: 1px;
}
:where(body[data-page="account"]) .ac-content-card-body {
    padding: 22px;
}
:where(body[data-page="account"]) .ac-sidebar-card {
    background: #151310;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    margin-bottom: 20px;
}
:where(body[data-page="account"]) .ac-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="account"]) .ac-card-header i {
    font-size: 14px;
    color: #BD0917;
}
:where(body[data-page="account"]) .ac-card-header h3 {
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    color: rgba(255,255,255,.4);
    text-transform: uppercase;
    font-weight: 400;
}
:where(body[data-page="account"]) .ac-card-body {
    padding: 14px 18px;
}
:where(body[data-page="account"]) .ac-quick-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.04);
}
:where(body[data-page="account"]) .ac-quick-stat:last-child {
    border-bottom: none;
}
:where(body[data-page="account"]) .ac-quick-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,.35);
}
:where(body[data-page="account"]) .ac-quick-stat-val {
    font-family: var(--font-heading);
    font-size: 13px;
    color: rgba(255,255,255,.65);
}
:where(body[data-page="account"]) .ac-quick-stat-val.gold {
    color: #FFD700;
}
:where(body[data-page="account"]) .ac-quick-stat-val.green {
    color: #6fde9b;
}
:where(body[data-page="account"]) .ac-online-status {
    display: flex;
    align-items: center;
    gap: 8px;
}
:where(body[data-page="account"]) .ac-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4caf50;
}
:where(body[data-page="account"]) .ac-status-label {
    font-size: 12px;
    color: #6fde9b;
    font-family: var(--font-heading);
}
:where(body[data-page="account"]) .ac-sidebar-links {
    list-style: none;
    padding: 10px 18px;
}
:where(body[data-page="account"]) .ac-sidebar-links li {
    border-bottom: 1px solid rgba(255,255,255,.04);
}
:where(body[data-page="account"]) .ac-sidebar-links li:last-child {
    border-bottom: none;
}
:where(body[data-page="account"]) .ac-sidebar-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    text-decoration: none;
    transition: color .2s ease;
}
:where(body[data-page="account"]) .ac-sidebar-links a:hover {
    color: #BD0917;
}
:where(body[data-page="account"]) .ac-sidebar-links a i {
    width: 18px;
    text-align: center;
    font-size: 13px;
}
:where(body[data-page="account"]) .ac-sidebar-links a.danger {
    color: rgba(255,100,100,.5);
}
:where(body[data-page="account"]) .ac-sidebar-links a.danger:hover {
    color: #ff6b6b;
}
:where(body[data-page="account"]) .ac-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}
:where(body[data-page="account"]) .ac-stat-box {
    background: #1e1d18;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    padding: 16px;
    text-align: center;
}
:where(body[data-page="account"]) .ac-stat-box i {
    font-size: 18px;
    color: #BD0917;
    margin-bottom: 8px;
    display: block;
}
:where(body[data-page="account"]) .ac-stat-box .ac-stat-val {
    font-family: var(--font-heading);
    font-size: 22px;
    color: #fff;
    display: block;
}
:where(body[data-page="account"]) .ac-stat-box .ac-stat-lbl {
    font-size: 10px;
    color: rgba(255,255,255,.3);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 4px;
    display: block;
}
:where(body[data-page="account"]) .ac-activity {
    list-style: none;
}
:where(body[data-page="account"]) .ac-activity li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.04);
}
:where(body[data-page="account"]) .ac-activity li:last-child {
    border-bottom: none;
}
:where(body[data-page="account"]) .ac-activity-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
:where(body[data-page="account"]) .ac-activity-icon i {
    font-size: 14px;
}
:where(body[data-page="account"]) .ac-activity-icon.login {
    background: rgba(76,175,80,.1);
    color: #4caf50;
}
:where(body[data-page="account"]) .ac-activity-icon.purchase {
    background: rgba(255,215,0,.08);
    color: #ffd966;
}
:where(body[data-page="account"]) .ac-activity-icon.password {
    background: rgba(96,165,250,.1);
    color: #60a5fa;
}
:where(body[data-page="account"]) .ac-activity-icon.pvp {
    background: rgba(189,9,23,.1);
    color: #ff6b6b;
}
:where(body[data-page="account"]) .ac-activity-icon.level {
    background: rgba(100,200,100,.08);
    color: #6fde9b;
}
:where(body[data-page="account"]) .ac-activity-body {
    flex: 1;
    min-width: 0;
}
:where(body[data-page="account"]) .ac-activity-body strong {
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,.65);
    margin-bottom: 2px;
}
:where(body[data-page="account"]) .ac-activity-body span {
    font-size: 11px;
    color: rgba(255,255,255,.3);
}
:where(body[data-page="account"]) .ac-activity-time {
    font-size: 10px;
    color: rgba(255,255,255,.2);
    white-space: nowrap;
    margin-top: 2px;
}
:where(body[data-page="account"]) .ac-chars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 20px;
}
:where(body[data-page="account"]) .ac-char-card {
    background: radial-gradient(circle at 10% 110%, rgba(189,9,23,.13), transparent 42%), linear-gradient(135deg, rgba(255,255,255,.035), rgba(0,0,0,.14)), #171611;
    border: 1px solid rgba(184,139,70,.34);
    border-radius: 3px;
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 18px;
    padding: 20px;
    min-height: 0;
    position: relative;
    overflow: hidden;
    transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
:where(body[data-page="account"]) .ac-char-card::before {
    content: '';
    position: absolute;
    inset: 6px;
    pointer-events: none;
    border: 1px solid rgba(184,139,70,.12);
    clip-path: polygon(0 12px, 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px));
}
:where(body[data-page="account"]) .ac-char-card:hover {
    border-color: rgba(189,9,23,.58);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.24);
}
:where(body[data-page="account"]) .ac-char-card.active-char {
    border-color: rgba(189,9,23,.35);
}
:where(body[data-page="account"]) .ac-char-selected-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #BD0917;
    color: #fff;
    font-size: 8px;
    font-family: var(--font-heading);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 2px;
}
:where(body[data-page="account"]) .ac-char-img {
    width: 116px;
    height: 116px;
    border-radius: 3px;
    background: #090909;
    border: 1px solid rgba(184,139,70,.62);
    padding: 3px;
    align-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 0 0 3px rgba(0,0,0,.36), 0 10px 22px rgba(0,0,0,.34);
}
:where(body[data-page="account"]) .ac-char-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
:where(body[data-page="account"]) .ac-char-info {
    min-width: 0;
    padding-top: 2px;
}
:where(body[data-page="account"]) .ac-char-name {
    font-family: var(--font-heading);
    font-size: clamp(20px, 1.8vw, 25px);
    line-height: 1.08;
    color: #fff;
    margin-bottom: 9px;
}
:where(body[data-page="account"]) .ac-char-class {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    min-height: 27px;
    margin-bottom: 17px;
    font-size: 10px;
    font-family: var(--font-heading);
    letter-spacing: 1.15px;
    text-transform: uppercase;
    line-height: 1.35;
}
:where(body[data-page="account"]) .ac-char-role {
    color: #d52b34;
}
:where(body[data-page="account"]) .ac-char-class-sep {
    color: rgba(184,139,70,.42);
}
:where(body[data-page="account"]) .ac-char-clan {
    color: rgba(255,255,255,.57);
}
:where(body[data-page="account"]) .ac-char-level {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin: 0;
}
:where(body[data-page="account"]) .ac-char-level > span {
    font-size: 10px;
    color: rgba(255,255,255,.36);
    letter-spacing: 1.1px;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-char-level-value {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    min-width: 0;
}
:where(body[data-page="account"]) .ac-char-level strong {
    font-family: var(--font-heading);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.22;
    color: rgba(255,255,255,.94);
    overflow-wrap: anywhere;
}
:where(body[data-page="account"]) .ac-char-level em {
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid rgba(189,9,23,.58);
    border-radius: 3px;
    background: rgba(189,9,23,.08);
    color: #ec626b;
    font-family: var(--font-heading);
    font-size: 10px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 1;
    white-space: nowrap;
}
:where(body[data-page="account"]) .ac-new-char-card {
    background: rgba(255,255,255,.02);
    border: 1px dashed rgba(255,255,255,.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 30px 20px;
    cursor: pointer;
    transition: all .25s ease;
    color: rgba(255,255,255,.25);
    min-height: 160px;
}
:where(body[data-page="account"]) .ac-new-char-card:hover {
    border-color: rgba(189,9,23,.3);
    background: rgba(189,9,23,.04);
    color: #BD0917;
}
:where(body[data-page="account"]) .ac-new-char-card i {
    font-size: 28px;
}
:where(body[data-page="account"]) .ac-new-char-card span {
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-inv-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    padding: 16px;
    transition: border-color .2s ease;
}
:where(body[data-page="account"]) .ac-inv-card:hover {
    border-color: rgba(189,9,23,.2);
}
:where(body[data-page="account"]) .ac-inv-icon {
    width: 56px;
    height: 56px;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(255,255,255,.04);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
:where(body[data-page="account"]) .ac-inv-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
:where(body[data-page="account"]) .ac-inv-icon-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: rgba(255,255,255,.15);
}
:where(body[data-page="account"]) .ac-inv-info {
    flex: 1;
    min-width: 0;
}
:where(body[data-page="account"]) .ac-inv-name {
    font-family: var(--font-heading);
    font-size: 14px;
    color: #fff;
    margin-bottom: 2px;
}
:where(body[data-page="account"]) .ac-inv-meta {
    font-size: 10px;
    color: #BD0917;
    font-family: var(--font-heading);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
:where(body[data-page="account"]) .ac-inv-desc {
    font-size: 12px;
    color: rgba(255,255,255,.35);
    line-height: 1.5;
}
:where(body[data-page="account"]) .ac-create-form {
    background: #1e1d18;
    border: 1px solid rgba(189,9,23,.2);
    border-radius: 4px;
    padding: 22px;
    margin-top: 18px;
    display: none;
}
:where(body[data-page="account"]) .ac-create-form.active {
    display: block;
}
:where(body[data-page="account"]) .ac-create-form h3 {
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 2px;
    color: rgba(255,255,255,.5);
    text-transform: uppercase;
    margin-bottom: 18px;
}
:where(body[data-page="account"]) .ac-create-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
:where(body[data-page="account"]) .ac-create-row.full {
    grid-template-columns: 1fr;
}
:where(body[data-page="account"]) .ac-create-field label {
    display: block;
    font-size: 10px;
    color: rgba(255,255,255,.35);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
:where(body[data-page="account"]) .ac-create-field input,:where(body[data-page="account"])  .ac-create-field select {
    width: 100%;
    padding: 10px 14px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color .2s ease;
}
:where(body[data-page="account"]) .ac-create-field input:focus,:where(body[data-page="account"])  .ac-create-field select:focus {
    border-color: rgba(189,9,23,.4);
}
:where(body[data-page="account"]) .ac-create-field select option {
    background: #1e1d18;
}
:where(body[data-page="account"]) .ac-create-actions {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}
:where(body[data-page="account"]) .ac-create-btn {
    padding: 10px 22px;
    background: #BD0917;
    border: none;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    transition: all .2s ease;
}
:where(body[data-page="account"]) .ac-create-btn:hover {
    background: #9e0813;
}
:where(body[data-page="account"]) .ac-create-btn.secondary {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
}
:where(body[data-page="account"]) .ac-create-btn.secondary:hover {
    background: rgba(255,255,255,.1);
}
:where(body[data-page="account"]) .ac-create-msg {
    margin-top: 14px;
    padding: 10px 14px;
    border-radius: 3px;
    font-size: 12px;
    display: none;
}
:where(body[data-page="account"]) .ac-create-msg.error {
    display: block;
    background: rgba(255,100,100,.08);
    border: 1px solid rgba(255,100,100,.15);
    color: #ff6b6b;
}
:where(body[data-page="account"]) .ac-create-msg.success {
    display: block;
    background: rgba(100,200,100,.08);
    border: 1px solid rgba(100,200,100,.15);
    color: #6fde9b;
}
:where(body[data-page="account"]) .ac-no-chars {
    text-align: center;
    padding: 40px 20px;
    color: rgba(255,255,255,.25);
}
:where(body[data-page="account"]) .ac-no-chars i {
    font-size: 36px;
    margin-bottom: 14px;
    display: block;
}
:where(body[data-page="account"]) .ac-no-chars p {
    font-size: 13px;
    margin-bottom: 18px;
}
:where(body[data-page="account"]) .ac-no-chars .ac-create-btn {
    display: inline-flex;
}
:where(body[data-page="account"]) .ac-topup-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 14px;
}
:where(body[data-page="account"]) .ac-topup-item {
    background: #1e1d18;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 4px;
    padding: 20px 14px;
    text-align: center;
    cursor: pointer;
    transition: all .25s ease;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="account"]) .ac-topup-item:hover {
    border-color: rgba(255,215,0,.35);
    transform: translateY(-3px);
}
:where(body[data-page="account"]) .ac-topup-item.featured {
    border-color: rgba(255,215,0,.3);
    background: rgba(255,215,0,.05);
}
:where(body[data-page="account"]) .ac-topup-badge {
    position: absolute;
    top: 0;
    right: 0;
    background: #BD0917;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 2px 8px;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-topup-icon {
    font-size: 28px;
    color: #FFD700;
    margin-bottom: 10px;
    display: block;
}
:where(body[data-page="account"]) .ac-topup-amount {
    font-family: var(--font-heading);
    font-size: 24px;
    color: #fff;
    display: block;
    line-height: 1;
}
:where(body[data-page="account"]) .ac-topup-coins-label {
    font-size: 10px;
    color: rgba(255,255,255,.3);
    letter-spacing: 1px;
    margin-bottom: 12px;
    display: block;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-topup-bonus {
    font-size: 11px;
    color: #6fde9b;
    margin-bottom: 10px;
    display: block;
}
:where(body[data-page="account"]) .ac-topup-price {
    display: inline-block;
    padding: 6px 18px;
    background: rgba(255,215,0,.1);
    border: 1px solid rgba(255,215,0,.25);
    border-radius: 2px;
    font-family: var(--font-heading);
    font-size: 13px;
    color: #FFD700;
    transition: all .2s ease;
}
:where(body[data-page="account"]) .ac-topup-item:hover .ac-topup-price {
    background: rgba(255,215,0,.2);
}
:where(body[data-page="account"]) .ac-topup-methods {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="account"]) .ac-topup-methods span {
    font-size: 11px;
    color: rgba(255,255,255,.3);
}
:where(body[data-page="account"]) .ac-method-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px;
    font-size: 11px;
    color: rgba(255,255,255,.4);
}
:where(body[data-page="account"]) .ac-method-icon i {
    font-size: 14px;
}
:where(body[data-page="account"]) .ac-tx-table {
    width: 100%;
    border-collapse: collapse;
}
:where(body[data-page="account"]) .ac-tx-table thead tr {
    background: rgba(255,255,255,.03);
    border-bottom: 1px solid rgba(255,255,255,.08);
}
:where(body[data-page="account"]) .ac-tx-table thead th {
    padding: 10px 14px;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
}
:where(body[data-page="account"]) .ac-tx-table tbody tr {
    border-bottom: 1px solid rgba(255,255,255,.04);
}
:where(body[data-page="account"]) .ac-tx-table tbody tr:hover {
    background: rgba(255,255,255,.02);
}
:where(body[data-page="account"]) .ac-tx-table tbody td {
    padding: 12px 14px;
    font-size: 12px;
    color: rgba(255,255,255,.6);
}
:where(body[data-page="account"]) .ac-tx-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-tx-status.success {
    background: rgba(100,200,100,.12);
    color: #6fde9b;
}
:where(body[data-page="account"]) .ac-tx-status.pending {
    background: rgba(255,200,0,.1);
    color: #ffd966;
}
:where(body[data-page="account"]) .ac-tx-status.failed {
    background: rgba(255,100,100,.1);
    color: #ff6b6b;
}
:where(body[data-page="account"]) .ac-settings-section {
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="account"]) .ac-settings-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
:where(body[data-page="account"]) .ac-settings-section h3 {
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 2.5px;
    color: rgba(255,255,255,.35);
    text-transform: uppercase;
    margin-bottom: 18px;
}
:where(body[data-page="account"]) .ac-avatar-settings {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
:where(body[data-page="account"]) .ac-avatar-settings-preview {
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(189,9,23,.5);
    background: rgba(255,255,255,.04);
}
:where(body[data-page="account"]) .ac-avatar-settings-preview img {
    width: 90px;
    height: 90px;
    display: block;
    object-fit: cover;
}
:where(body[data-page="account"]) .ac-avatar-settings-controls {
    flex: 1;
    min-width: 230px;
}
:where(body[data-page="account"]) .ac-avatar-file-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
:where(body[data-page="account"]) .ac-avatar-file-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.7);
    font-size: 11px;
    cursor: pointer;
    border-radius: 3px;
    transition: background .2s ease, border-color .2s ease;
}
:where(body[data-page="account"]) .ac-avatar-file-label:hover {
    background: rgba(255,255,255,.09);
    border-color: rgba(189,9,23,.4);
}
:where(body[data-page="account"]) .ac-avatar-file-label input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
:where(body[data-page="account"]) .ac-avatar-filename {
    color: rgba(255,255,255,.35);
    font-size: 11px;
    overflow-wrap: anywhere;
}
:where(body[data-page="account"]) .ac-avatar-requirements {
    margin: 9px 0 14px;
    color: rgba(255,255,255,.3);
    font-size: 11px;
}
:where(body[data-page="account"]) .ac-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
:where(body[data-page="account"]) .ac-form-row.single {
    grid-template-columns: 1fr;
}
:where(body[data-page="account"]) .ac-field label {
    display: block;
    font-size: 11px;
    color: rgba(255,255,255,.4);
    letter-spacing: .5px;
    margin-bottom: 6px;
}
:where(body[data-page="account"]) .ac-field input,:where(body[data-page="account"])  .ac-field select,:where(body[data-page="account"])  .ac-field textarea {
    width: 100%;
    padding: 10px 14px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    font-family: var(--font-body);
    outline: none;
    transition: border-color .2s ease;
}
:where(body[data-page="account"]) .ac-support-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
:where(body[data-page="account"]) .ac-support-profile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 22px;
}
:where(body[data-page="account"]) .ac-support-profile-item {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.07);
    padding: 14px;
}
:where(body[data-page="account"]) .ac-support-profile-item span {
    display: block;
    font-size: 10px;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
}
:where(body[data-page="account"]) .ac-support-profile-item strong {
    display: block;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    overflow-wrap: anywhere;
}
:where(body[data-page="account"]) .ac-support-drop {
    position: relative;
    border: 1px dashed rgba(255,255,255,.18);
    padding: 26px 18px;
    text-align: center;
    color: rgba(255,255,255,.4);
    transition: .2s ease;
    cursor: pointer;
}
:where(body[data-page="account"]) .ac-support-drop:hover,:where(body[data-page="account"])  .ac-support-drop.dragging {
    border-color: #BD0917;
    background: rgba(189,9,23,.05);
    color: rgba(255,255,255,.65);
}
:where(body[data-page="account"]) .ac-support-drop i {
    display: block;
    color: #BD0917;
    font-size: 26px;
    margin-bottom: 9px;
}
:where(body[data-page="account"]) .ac-support-drop input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
:where(body[data-page="account"]) .ac-support-files {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 10px;
}
:where(body[data-page="account"]) .ac-support-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 11px;
    background: rgba(255,255,255,.035);
    color: rgba(255,255,255,.55);
    font-size: 12px;
}
:where(body[data-page="account"]) .ac-support-file button {
    border: 0;
    background: none;
    color: #d56b73;
    cursor: pointer;
    padding: 3px;
}
:where(body[data-page="account"]) .ac-support-note {
    color: rgba(255,255,255,.3);
    font-size: 11px;
    margin-top: 8px;
}
:where(body[data-page="account"]) .ac-ticket-history {
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid rgba(255,255,255,.07);
}
:where(body[data-page="account"]) .ac-ticket-history-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
:where(body[data-page="account"]) .ac-ticket-history-head h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 2px;
    color: rgba(255,255,255,.55);
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-ticket-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
:where(body[data-page="account"]) .ac-ticket-item {
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.025);
    padding: 15px 17px;
}
:where(body[data-page="account"]) .ac-ticket-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}
:where(body[data-page="account"]) .ac-ticket-title {
    color: rgba(255,255,255,.8);
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere;
}
:where(body[data-page="account"]) .ac-ticket-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 7px;
    color: rgba(255,255,255,.32);
    font-size: 11px;
}
:where(body[data-page="account"]) .ac-ticket-status {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,.1);
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-ticket-status.open {
    color: #79c98c;
    border-color: rgba(121,201,140,.3);
    background: rgba(121,201,140,.06);
}
:where(body[data-page="account"]) .ac-ticket-status.in_progress {
    color: #e6bd68;
    border-color: rgba(230,189,104,.3);
    background: rgba(230,189,104,.06);
}
:where(body[data-page="account"]) .ac-ticket-status.closed,:where(body[data-page="account"])  .ac-ticket-status.resolved {
    color: rgba(255,255,255,.45);
}
:where(body[data-page="account"]) .ac-ticket-message {
    color: rgba(255,255,255,.42);
    font-size: 12px;
    line-height: 1.6;
    margin-top: 11px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
:where(body[data-page="account"]) .ac-support-badge {
    display: none;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #BD0917;
    color: #fff;
    font: 700 9px/1 var(--font-body);
}
:where(body[data-page="account"]) .ac-support-badge.show {
    display: inline-flex;
}
:where(body[data-page="account"]) .ac-ticket-item.unread {
    border-color: rgba(189,9,23,.45);
}
:where(body[data-page="account"]) .ac-ticket-replies {
    margin-top: 13px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
:where(body[data-page="account"]) .ac-ticket-reply {
    padding: 10px 12px;
    border-left: 2px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.025);
}
:where(body[data-page="account"]) .ac-ticket-reply.support {
    border-left-color: rgba(189,9,23,.65);
    background: rgba(189,9,23,.045);
}
:where(body[data-page="account"]) .ac-ticket-reply.player {
    margin-left: 18px;
}
:where(body[data-page="account"]) .ac-ticket-reply-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: rgba(255,255,255,.3);
    font-size: 10px;
    margin-bottom: 5px;
}
:where(body[data-page="account"]) .ac-ticket-reply-head strong {
    color: rgba(255,255,255,.58);
    text-transform: uppercase;
    letter-spacing: 1px;
}
:where(body[data-page="account"]) .ac-ticket-reply.support .ac-ticket-reply-head strong {
    color: #d56b73;
}
:where(body[data-page="account"]) .ac-ticket-reply-body {
    color: rgba(255,255,255,.62);
    font-size: 12px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
:where(body[data-page="account"]) .ac-player-reply {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="account"]) .ac-player-reply textarea {
    flex: 1;
    min-height: 58px;
    resize: vertical;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.09);
    color: rgba(255,255,255,.75);
    padding: 9px 10px;
    font: 12px/1.5 var(--font-body);
    outline: none;
}
:where(body[data-page="account"]) .ac-player-reply textarea:focus {
    border-color: rgba(189,9,23,.45);
}
:where(body[data-page="account"]) .ac-player-reply button {
    flex: 0 0 auto;
    height: 38px;
}
:where(body[data-page="account"]) .ac-player-reply-msg {
    color: rgba(255,255,255,.35);
    font-size: 11px;
    margin-top: 6px;
}
:where(body[data-page="account"]) .ac-ticket-empty {
    padding: 26px 15px;
    text-align: center;
    color: rgba(255,255,255,.35);
    border: 1px dashed rgba(255,255,255,.1);
    font-size: 13px;
}
:where(body[data-page="account"]) .ac-vote-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
:where(body[data-page="account"]) .ac-vote-poll {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(209,159,80,.24);
    border-radius: 4px;
    background: linear-gradient(135deg,rgba(209,159,80,.075),rgba(255,255,255,.018));
    box-shadow: inset 0 1px rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.12);
    padding: 20px;
}
:where(body[data-page="account"]) .ac-vote-poll:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(209,159,80,.7),transparent);
}
:where(body[data-page="account"]) .ac-vote-poll-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}
:where(body[data-page="account"]) .ac-vote-poll-head h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 16px;
    letter-spacing: 1px;
    color: rgba(255,255,255,.9);
}
:where(body[data-page="account"]) .ac-vote-meta {
    margin-top: 6px;
    color: rgba(255,255,255,.38);
    font-size: 11px;
}
:where(body[data-page="account"]) .ac-vote-status {
    flex: 0 0 auto;
    border: 1px solid rgba(189,9,23,.5);
    border-radius: 2px;
    background: rgba(189,9,23,.08);
    color: #e77780;
    padding: 6px 9px;
    font-family: var(--font-heading);
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-vote-status.closed {
    border-color: rgba(255,255,255,.14);
    color: rgba(255,255,255,.42);
}
:where(body[data-page="account"]) .ac-vote-question {
    padding: 16px;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.06);
    border-left: 2px solid #BD0917;
}
:where(body[data-page="account"]) .ac-vote-question-label {
    display: block;
    color: #d6ad69;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 7px;
}
:where(body[data-page="account"]) .ac-vote-question-text {
    color: rgba(255,255,255,.76);
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 14px;
}
:where(body[data-page="account"]) .ac-vote-result {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    align-items: center;
    gap: 9px;
    margin-top: 9px;
    color: rgba(255,255,255,.62);
    font-size: 12px;
}
:where(body[data-page="account"]) .ac-vote-bar {
    height: 7px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    overflow: hidden;
}
:where(body[data-page="account"]) .ac-vote-bar span {
    display: block;
    height: 100%;
    background: #BD0917;
    min-width: 0;
}
:where(body[data-page="account"]) .ac-vote-result.no .ac-vote-bar span {
    background: #7d7669;
}
:where(body[data-page="account"]) .ac-vote-actions {
    display: flex;
    gap: 9px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="account"]) .ac-vote-choice {
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 2px;
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.72);
    padding: 9px 14px;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: .8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .2s,border-color .2s,color .2s;
}
:where(body[data-page="account"]) .ac-vote-choice.yes {
    border-color: rgba(189,9,23,.5);
    color: #ef7c86;
}
:where(body[data-page="account"]) .ac-vote-choice.no {
    color: rgba(255,255,255,.55);
}
:where(body[data-page="account"]) .ac-vote-choice:hover:not(:disabled) {
    background: rgba(189,9,23,.16);
}
:where(body[data-page="account"]) .ac-vote-choice:disabled {
    opacity: .55;
    cursor: wait;
}
:where(body[data-page="account"]) .ac-vote-choice.locked {
    display: inline-block;
    margin-top: 16px;
    border-color: rgba(209,159,80,.25);
    background: rgba(209,159,80,.06);
    cursor: default;
    color: #d6ad69;
}
:where(body[data-page="account"]) .ac-vote-empty {
    padding: 28px 15px;
    text-align: center;
    color: rgba(255,255,255,.4);
    border: 1px dashed rgba(255,255,255,.12);
}
:where(body[data-page="account"]) .ac-vote-history {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.08);
}
:where(body[data-page="account"]) .ac-vote-history h3 {
    margin: 0 0 12px;
    color: rgba(255,255,255,.55);
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
:where(body[data-page="account"]) .ac-field input:focus,:where(body[data-page="account"])  .ac-field select:focus,:where(body[data-page="account"])  .ac-field textarea:focus {
    border-color: rgba(189,9,23,.4);
}
:where(body[data-page="account"]) .ac-field input::placeholder,:where(body[data-page="account"])  .ac-field textarea::placeholder {
    color: rgba(255,255,255,.2);
}
:where(body[data-page="account"]) .ac-field select option {
    background: #1e1d18;
}
:where(body[data-page="account"]) .ac-save-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: #BD0917;
    border: none;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    transition: all .2s ease;
}
:where(body[data-page="account"]) .ac-save-btn:hover {
    background: #9e0813;
    transform: translateY(-1px);
}
:where(body[data-page="account"]) .ac-save-btn:disabled {
    opacity: .45;
    cursor: not-allowed;
    transform: none;
}
:where(body[data-page="account"]) .ac-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.04);
}
:where(body[data-page="account"]) .ac-toggle-row:last-child {
    border-bottom: none;
}
:where(body[data-page="account"]) .ac-toggle-info strong {
    display: block;
    font-size: 13px;
    color: rgba(255,255,255,.7);
    margin-bottom: 2px;
}
:where(body[data-page="account"]) .ac-toggle-info span {
    font-size: 11px;
    color: rgba(255,255,255,.3);
}
:where(body[data-page="account"]) .ac-toggle {
    position: relative;
    width: 42px;
    height: 22px;
    background: rgba(255,255,255,.1);
    border-radius: 11px;
    cursor: pointer;
    transition: background .25s ease;
    flex-shrink: 0;
    border: none;
}
:where(body[data-page="account"]) .ac-toggle.on {
    background: #BD0917;
}
:where(body[data-page="account"]) .ac-toggle::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    transition: transform .25s ease;
}
:where(body[data-page="account"]) .ac-toggle.on::after {
    transform: translateX(20px);
}
body:where([data-page="admin"]) {
    background: #0e0d0b;
    color: #fff;
    font-family: 'Pretendard',sans-serif
}
:where(body[data-page="admin"]) .admin-wrap {
    padding: 100px 24px 40px;
    max-width: 1200px;
    margin: 0 auto
}
:where(body[data-page="admin"]) .admin-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 12px
}
:where(body[data-page="admin"]) .admin-header h1 {
    font-family: var(--font-heading);
    font-size: 28px;
    letter-spacing: 2px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-btn {
    padding: 10px 20px;
    background: #BD0917;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background .2s
}
:where(body[data-page="admin"]) .admin-btn:hover {
    background: #8f0712
}
:where(body[data-page="admin"]) .admin-btn-sm {
    padding: 6px 14px;
    font-size: 10px
}
:where(body[data-page="admin"]) .admin-btn-edit {
    background: rgba(110,184,255,.15);
    color: #6eb8ff;
    border: 1px solid rgba(110,184,255,.25)
}
:where(body[data-page="admin"]) .admin-btn-edit:hover {
    background: rgba(110,184,255,.25)
}
:where(body[data-page="admin"]) .admin-btn-delete {
    background: rgba(255,80,80,.15);
    color: #ff6b6b;
    border: 1px solid rgba(255,80,80,.25)
}
:where(body[data-page="admin"]) .admin-btn-delete:hover {
    background: rgba(255,80,80,.25)
}
:where(body[data-page="admin"]) .admin-btn-toggle {
    min-width: 92px
}
:where(body[data-page="admin"]) .admin-btn-enable {
    background: rgba(43,156,90,.18);
    color: #69d58f;
    border: 1px solid rgba(43,156,90,.38)
}
:where(body[data-page="admin"]) .admin-btn-enable:hover {
    background: rgba(43,156,90,.3)
}
:where(body[data-page="admin"]) .flatpickr-calendar {
    background: #191817;
    border: 1px solid rgba(209,159,80,.42);
    box-shadow: 0 18px 48px rgba(0,0,0,.5);
    color: #eee
}
:where(body[data-page="admin"]) .flatpickr-months .flatpickr-month,:where(body[data-page="admin"]) .flatpickr-current-month .flatpickr-monthDropdown-months,:where(body[data-page="admin"]) .flatpickr-current-month input.cur-year {
    background: #191817;
    color: #eee;
    fill: #d6ad69
}
:where(body[data-page="admin"]) .flatpickr-weekdays,:where(body[data-page="admin"]) .flatpickr-weekday {
    background: #191817;
    color: rgba(255,255,255,.45)
}
:where(body[data-page="admin"]) .flatpickr-day {
    color: #ddd;
    border-color: transparent
}
:where(body[data-page="admin"]) .flatpickr-day:hover {
    border-color: #BD0917;
    background: rgba(189,9,23,.18)
}
:where(body[data-page="admin"]) .flatpickr-day.selected,:where(body[data-page="admin"]) .flatpickr-day.selected:hover {
    background: #BD0917;
    border-color: #BD0917
}
:where(body[data-page="admin"]) .flatpickr-day.today {
    border-color: #d6ad69
}
:where(body[data-page="admin"]) .flatpickr-time {
    border-top-color: rgba(255,255,255,.1)
}
:where(body[data-page="admin"]) .flatpickr-time input,:where(body[data-page="admin"]) .flatpickr-time .flatpickr-time-separator {
    color: #eee
}
:where(body[data-page="admin"]) .flatpickr-time input:hover,:where(body[data-page="admin"]) .flatpickr-time input:focus {
    background: rgba(255,255,255,.08)
}
:where(body[data-page="admin"]) .admin-table {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255,255,255,.03);
    border-radius: 4px;
    overflow: hidden
}
:where(body[data-page="admin"]) .admin-table th,:where(body[data-page="admin"]) .admin-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,.06);
    font-size: 13px
}
:where(body[data-page="admin"]) .admin-table th {
    background: rgba(255,255,255,.05);
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,.4)
}
:where(body[data-page="admin"]) .admin-table td {
    color: rgba(255,255,255,.7)
}
:where(body[data-page="admin"]) .admin-table tr:hover td {
    background: rgba(255,255,255,.04)
}
:where(body[data-page="admin"]) .badge {
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .badge-green {
    background: rgba(76,255,139,.12);
    color: #4cff8b
}
:where(body[data-page="admin"]) .badge-red {
    background: rgba(255,80,80,.12);
    color: #ff6b6b
}
:where(body[data-page="admin"]) .badge-gold {
    background: rgba(255,215,0,.12);
    color: #FFD700
}
:where(body[data-page="admin"]) .admin-form label {
    display: block;
    font-size: 11px;
    color: rgba(255,255,255,.4);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
    margin-top: 14px
}
:where(body[data-page="admin"]) .admin-form input,:where(body[data-page="admin"]) .admin-form select,:where(body[data-page="admin"]) .admin-form textarea {
    width: 100%;
    padding: 10px 12px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-family: 'Pretendard',sans-serif;
    outline: none;
    box-sizing: border-box
}
:where(body[data-page="admin"]) .admin-form select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 34px;
    background-color: #211f1c;
    background-image: linear-gradient(45deg,transparent 50%,#d19f50 50%),linear-gradient(135deg,#d19f50 50%,transparent 50%);
    background-position: calc(100% - 15px) 50%,calc(100% - 10px) 50%;
    background-size: 5px 5px,5px 5px;
    background-repeat: no-repeat;
    color-scheme: dark;
    cursor: pointer
}
:where(body[data-page="admin"]) .admin-form select option {
    background: #211f1c;
    color: #fff
}
:where(body[data-page="admin"]) .admin-form textarea {
    min-height: 200px;
    resize: vertical
}
:where(body[data-page="admin"]) .admin-form input:focus,:where(body[data-page="admin"]) .admin-form select:focus,:where(body[data-page="admin"]) .admin-form textarea:focus {
    border-color: rgba(189,9,23,.4)
}
:where(body[data-page="admin"]) .admin-title-field {
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid rgba(209,159,80,.22);
    border-radius: 4px;
    background: rgba(209,159,80,.045)
}
:where(body[data-page="admin"]) .admin-title-field label {
    margin-top: 0;
    color: #d6ad69
}
:where(body[data-page="admin"]) .admin-title-input {
    font-size: 17px!important;
    font-weight: 600;
    letter-spacing: .15px;
    background: rgba(255,255,255,.075)!important
}
:where(body[data-page="admin"]) .admin-title-help {
    margin: 7px 0 0;
    color: rgba(255,255,255,.38);
    font-size: 11px;
    line-height: 1.45
}
:where(body[data-page="admin"]) .admin-field-help {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.34);
    font-size: 10px;
    line-height: 1.45
}
:where(body[data-page="admin"]) .admin-editor-wrap {
    margin-top: 5px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 3px;
    background: rgba(255,255,255,.035);
    overflow: hidden
}
:where(body[data-page="admin"]) .admin-editor-wrap:focus-within {
    border-color: rgba(189,9,23,.55)
}
:where(body[data-page="admin"]) .admin-editor-wrap .ql-toolbar.ql-snow {
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    background: #211f1c
}
:where(body[data-page="admin"]) .admin-editor-wrap .ql-container.ql-snow {
    border: 0;
    font-family: 'Pretendard',sans-serif;
    font-size: 14px
}
:where(body[data-page="admin"]) .admin-editor-wrap .ql-editor {
    min-height: 240px;
    max-height: 430px;
    overflow-y: auto;
    color: #fff;
    line-height: 1.7
}
:where(body[data-page="admin"]) .admin-editor-wrap .ql-editor.ql-blank::before {
    color: rgba(255,255,255,.25);
    font-style: normal
}
:where(body[data-page="admin"]) .admin-editor-wrap .ql-snow .ql-stroke {
    stroke: rgba(255,255,255,.65)
}
:where(body[data-page="admin"]) .admin-editor-wrap .ql-snow .ql-fill {
    fill: rgba(255,255,255,.65)
}
:where(body[data-page="admin"]) .admin-editor-wrap .ql-snow .ql-picker {
    color: rgba(255,255,255,.7)
}
:where(body[data-page="admin"]) .admin-editor-wrap .ql-snow .ql-picker-options {
    background: #211f1c;
    border-color: rgba(255,255,255,.12)
}
:where(body[data-page="admin"]) .admin-editor-help {
    margin-top: 6px;
    color: rgba(255,255,255,.28);
    font-size: 10px;
    line-height: 1.5
}
:where(body[data-page="admin"]) [data-modal="adminEditModal"],:where(body[data-page="admin"]) [data-modal="adminGuideModal"],:where(body[data-page="admin"]) [data-modal="adminItemModal"],:where(body[data-page="admin"]) [data-modal="adminTicketModal"],:where(body[data-page="admin"]) [data-modal="adminBanModal"],:where(body[data-page="admin"]) [data-modal="adminPollModal"] {
    padding: 24px 0;
    overflow: hidden
}
:where(body[data-page="admin"]) [data-modal="adminEditModal"] .modal-box-hf,:where(body[data-page="admin"]) [data-modal="adminGuideModal"] .modal-box-hf,:where(body[data-page="admin"]) [data-modal="adminItemModal"] .modal-box-hf,:where(body[data-page="admin"]) [data-modal="adminTicketModal"] .modal-box-hf,:where(body[data-page="admin"]) [data-modal="adminBanModal"] .modal-box-hf,:where(body[data-page="admin"]) [data-modal="adminPollModal"] .modal-box-hf {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    margin: 0 auto!important;
    padding-top: 18px;
    box-sizing: border-box;
    background: #171410;
    border: 1px solid rgba(209,159,80,.18);
    border-radius: 5px;
    box-shadow: 0 24px 80px rgba(0,0,0,.65)
}
:where(body[data-page="admin"]) [data-modal="adminEditModal"] .modal-close-hf,:where(body[data-page="admin"]) [data-modal="adminGuideModal"] .modal-close-hf,:where(body[data-page="admin"]) [data-modal="adminItemModal"] .modal-close-hf,:where(body[data-page="admin"]) [data-modal="adminTicketModal"] .modal-close-hf,:where(body[data-page="admin"]) [data-modal="adminBanModal"] .modal-close-hf,:where(body[data-page="admin"]) [data-modal="adminPollModal"] .modal-close-hf {
    top: 8px;
    right: 8px;
    z-index: 5
}
:where(body[data-page="admin"]) [data-modal="adminEditModal"] .login-title,:where(body[data-page="admin"]) [data-modal="adminGuideModal"] .login-title,:where(body[data-page="admin"]) [data-modal="adminItemModal"] .login-title,:where(body[data-page="admin"]) [data-modal="adminTicketModal"] .login-title,:where(body[data-page="admin"]) [data-modal="adminBanModal"] .login-title,:where(body[data-page="admin"]) [data-modal="adminPollModal"] .login-title {
    flex: 0 0 auto;
    padding: 0 20px
}
:where(body[data-page="admin"]) [data-modal="adminEditModal"] .admin-form,:where(body[data-page="admin"]) [data-modal="adminGuideModal"] .admin-form,:where(body[data-page="admin"]) [data-modal="adminItemModal"] .admin-form,:where(body[data-page="admin"]) .admin-ticket-modal-body {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    padding: 0!important
}
:where(body[data-page="admin"]) .admin-modal-scroll {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 20px 18px;
    scrollbar-color: rgba(209,159,80,.45) rgba(255,255,255,.04);
    scrollbar-width: thin
}
:where(body[data-page="admin"]) .admin-modal-scroll::-webkit-scrollbar {
    width: 9px
}
:where(body[data-page="admin"]) .admin-modal-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04)
}
:where(body[data-page="admin"]) .admin-modal-scroll::-webkit-scrollbar-thumb {
    background: rgba(209,159,80,.4);
    border: 2px solid #171410;
    border-radius: 8px
}
:where(body[data-page="admin"]) .admin-modal-actions {
    flex: 0 0 auto;
    padding: 12px 20px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
    background: #171410;
    box-shadow: 0 -10px 24px rgba(0,0,0,.28)
}
:where(body[data-page="admin"]) .admin-ticket-modal-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap
}
:where(body[data-page="admin"]) .admin-ticket-modal-actions #adminDeleteTicket {
    margin-left: auto
}
:where(body[data-page="admin"]) #editSaveBtn,:where(body[data-page="admin"]) #mallSaveBtn {
    margin-top: 0!important
}
:where(body[data-page="admin"]) .admin-picker {
    position: relative;
    margin-top: 8px
}
:where(body[data-page="admin"]) .admin-picker:first-of-type {
    margin-top: 0
}
:where(body[data-page="admin"]) .admin-picker input {
    padding-right: 42px;
    color-scheme: dark
}
:where(body[data-page="admin"]) .admin-picker input::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}
:where(body[data-page="admin"]) .admin-picker button {
    position: absolute;
    z-index: 2;
    right: 1px;
    top: 1px;
    width: 38px;
    height: calc(100% - 2px);
    border: 0;
    border-left: 1px solid rgba(255,255,255,.1);
    border-radius: 0 3px 3px 0;
    background: #211f1c;
    color: #d19f50;
    cursor: pointer
}
:where(body[data-page="admin"]) .admin-picker button:hover,:where(body[data-page="admin"]) .admin-picker button:focus {
    background: #302b25;
    color: #fff
}
:where(body[data-page="admin"]) .admin-form .form-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}
:where(body[data-page="admin"]) .admin-form .form-row>* {
    flex: 1;
    min-width: 150px
}
:where(body[data-page="admin"]) .admin-form .checkbox-row {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 14px
}
:where(body[data-page="admin"]) .admin-form .checkbox-row label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
    color: rgba(255,255,255,.7)
}
:where(body[data-page="admin"]) .admin-form .checkbox-row input[type=checkbox] {
    width: auto
}
:where(body[data-page="admin"]) .admin-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    font-size: 12px;
    color: rgba(255,255,255,.3)
}
:where(body[data-page="admin"]) .admin-pages {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}
:where(body[data-page="admin"]) .admin-page-btn {
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 3px;
    color: rgba(255,255,255,.45);
    font-size: 12px;
    cursor: pointer
}
:where(body[data-page="admin"]) .admin-page-btn.active {
    background: #BD0917;
    color: #fff;
    border-color: #BD0917
}
:where(body[data-page="admin"]) .admin-page-btn:hover {
    background: rgba(255,255,255,.08);
    color: #fff
}
:where(body[data-page="admin"]) .admin-page-btn:disabled {
    opacity: .35;
    cursor: not-allowed;
    background: rgba(255,255,255,.02);
    color: rgba(255,255,255,.25)
}
:where(body[data-page="admin"]) .toast {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 13px;
    z-index: 9999;
    display: none;
    animation: fadeIn .3s
}
:where(body[data-page="admin"]) .toast-success {
    background: #1a3a1a;
    border: 1px solid #4cff8b;
    color: #4cff8b
}
:where(body[data-page="admin"]) .toast-error {
    background: #3a1a1a;
    border: 1px solid #ff6b6b;
    color: #ff6b6b
}
@keyframes fadeIn {
from {
    opacity: 0;
    transform: translateY(-10px)
}
to {
    opacity: 1;
    transform: translateY(0)
}
}
:where(body[data-page="admin"]) .admin-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,.3);
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 16px
}
:where(body[data-page="admin"]) .admin-back:hover {
    color: #fff
}
:where(body[data-page="admin"]) .admin-empty {
    text-align: center;
    padding: 40px;
    color: rgba(255,255,255,.25)
}
:where(body[data-page="admin"]) .flex {
    display: flex;
    gap: 6px
}
:where(body[data-page="admin"]) .admin-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}
:where(body[data-page="admin"]) .admin-view-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.07)
}
:where(body[data-page="admin"]) .admin-view-tab {
    border: 0;
    background: none;
    color: rgba(255,255,255,.35);
    padding: 11px 16px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-view-tab.active {
    color: #BD0917;
    border-bottom-color: #BD0917
}
:where(body[data-page="admin"]) .admin-poll-panel {
    position: relative;
    margin-bottom: 22px;
    padding: 22px;
    border: 1px solid rgba(209,159,80,.22);
    border-radius: 4px;
    background: linear-gradient(135deg,rgba(209,159,80,.06),rgba(255,255,255,.018));
    box-shadow: inset 0 1px rgba(255,255,255,.025)
}
:where(body[data-page="admin"]) .admin-poll-panel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 2px;
    background: #BD0917
}
:where(body[data-page="admin"]) .admin-poll-heading {
    margin: 0 0 6px;
    font-family: var(--font-heading);
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #d6ad69
}
:where(body[data-page="admin"]) .admin-poll-intro {
    margin: 0 0 17px;
    color: rgba(255,255,255,.38);
    font-size: 12px;
    line-height: 1.55
}
:where(body[data-page="admin"]) .admin-poll-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px
}
:where(body[data-page="admin"]) .admin-poll-field {
    display: block;
    color: rgba(255,255,255,.5);
    font-size: 10px;
    letter-spacing: 1.2px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-poll-field.full {
    grid-column: 1 / -1
}
:where(body[data-page="admin"]) .admin-poll-field input,:where(body[data-page="admin"]) .admin-poll-field textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 3px;
    background: #191817;
    color: #eee;
    font: 13px/1.5 'Pretendard',sans-serif;
    outline: none
}
:where(body[data-page="admin"]) .admin-poll-field textarea {
    min-height: 94px;
    resize: vertical
}
:where(body[data-page="admin"]) .admin-poll-field input:focus,:where(body[data-page="admin"]) .admin-poll-field textarea:focus {
    border-color: rgba(189,9,23,.6);
    box-shadow: 0 0 0 2px rgba(189,9,23,.1)
}
:where(body[data-page="admin"]) .admin-poll-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.07)
}
:where(body[data-page="admin"]) .admin-poll-help {
    font-size: 11px;
    color: rgba(255,255,255,.37)
}
:where(body[data-page="admin"]) .admin-poll-table td[data-label="Question"] {
    min-width: 240px;
    max-width: 420px;
    line-height: 1.5;
    color: rgba(255,255,255,.58)
}
:where(body[data-page="admin"]) .admin-poll-results {
    display: grid;
    gap: 5px;
    min-width: 165px
}
:where(body[data-page="admin"]) .admin-poll-result {
    display: grid;
    grid-template-columns: 27px 1fr auto;
    gap: 6px;
    align-items: center;
    font-size: 11px;
    color: rgba(255,255,255,.54)
}
:where(body[data-page="admin"]) .admin-poll-result i {
    height: 5px;
    background: rgba(255,255,255,.09);
    overflow: hidden
}
:where(body[data-page="admin"]) .admin-poll-result i:after {
    content: "";
    display: block;
    width: var(--poll-percent,0%);
    height: 100%;
    background: #BD0917
}
:where(body[data-page="admin"]) .admin-poll-result.no i:after {
    background: #8a8173
}
:where(body[data-page="admin"]) .admin-poll-total {
    color: rgba(255,255,255,.32);
    font-size: 10px;
    letter-spacing: .4px
}
:where(body[data-page="admin"]) .admin-poll-status {
    display: inline-block;
    border: 1px solid rgba(189,9,23,.45);
    padding: 4px 7px;
    color: #e77780;
    font-family: var(--font-heading);
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-poll-status.closed {
    border-color: rgba(255,255,255,.14);
    color: rgba(255,255,255,.4)
}
:where(body[data-page="admin"]) .admin-poll-row {
    cursor: pointer
}
:where(body[data-page="admin"]) .admin-poll-row:focus-visible td {
    outline: 1px solid #d6ad69;
    outline-offset: -2px
}
:where(body[data-page="admin"]) .admin-poll-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px
}
:where(body[data-page="admin"]) .admin-poll-detail-meta span {
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(255,255,255,.025);
    padding: 7px 9px;
    color: rgba(255,255,255,.48);
    font-size: 10px
}
:where(body[data-page="admin"]) .admin-poll-detail-meta strong {
    color: #d6ad69;
    font-weight: 500
}
:where(body[data-page="admin"]) .admin-poll-detail-question {
    padding: 14px;
    border-left: 2px solid #BD0917;
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.72);
    line-height: 1.55;
    margin-bottom: 16px
}
:where(body[data-page="admin"]) .admin-poll-detail-question small {
    display: block;
    margin-bottom: 7px;
    color: #d6ad69;
    font-family: var(--font-heading);
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-poll-audit-heading {
    margin: 20px 0 10px;
    color: rgba(255,255,255,.52);
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 1.3px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-poll-audit-table {
    width: 100%;
    border-collapse: collapse
}
:where(body[data-page="admin"]) .admin-poll-audit-table th,:where(body[data-page="admin"]) .admin-poll-audit-table td {
    padding: 10px 8px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    font-size: 12px;
    text-align: left
}
:where(body[data-page="admin"]) .admin-poll-audit-table th {
    color: rgba(255,255,255,.35);
    font-family: var(--font-heading);
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-poll-answer {
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: .8px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-poll-answer.yes {
    color: #ef7c86
}
:where(body[data-page="admin"]) .admin-poll-answer.no {
    color: rgba(255,255,255,.55)
}
:where(body[data-page="admin"]) .admin-view {
    display: none
}
:where(body[data-page="admin"]) .admin-view.active {
    display: block
}
:where(body[data-page="admin"]) .admin-ticket-subject {
    cursor: pointer;
    color: #fff
}
:where(body[data-page="admin"]) .admin-ticket-subject:hover {
    color: #d56b73
}
:where(body[data-page="admin"]) #adminTicketTitle {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word
}
:where(body[data-page="admin"]) .admin-escalation-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
    padding: 3px 7px;
    border: 1px solid rgba(209,159,80,.35);
    border-radius: 3px;
    color: #d6ad69;
    font-size: 10px;
    letter-spacing: .4px
}
:where(body[data-page="admin"]) .admin-ticket-detail {
    color: rgba(255,255,255,.62);
    font-size: 13px;
    line-height: 1.65;
    white-space: pre-wrap;
    background: rgba(255,255,255,.025);
    padding: 14px;
    margin: 12px 0
}
:where(body[data-page="admin"]) .admin-reply.private {
    border-color: rgba(209,159,80,.45);
    background: rgba(209,159,80,.08)
}
:where(body[data-page="admin"]) .admin-ticket-attachments {
    margin: 12px 0
}
:where(body[data-page="admin"]) .admin-attachment-heading {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: rgba(255,255,255,.45);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}
:where(body[data-page="admin"]) .admin-attachment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
    gap: 8px
}
:where(body[data-page="admin"]) .admin-attachment {
    min-width: 0;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 4px;
    background: rgba(255,255,255,.025);
    overflow: hidden
}
:where(body[data-page="admin"]) .admin-attachment-preview {
    display: grid;
    place-items: center;
    aspect-ratio: 16/9;
    background: #090909;
    color: rgba(255,255,255,.25);
    font-size: 11px;
    overflow: hidden
}
:where(body[data-page="admin"]) .admin-attachment-preview>i {
    font-size: 24px;
    color: rgba(209,159,80,.55)
}
:where(body[data-page="admin"]) .admin-attachment-preview img,:where(body[data-page="admin"]) .admin-attachment-preview video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #050505
}
:where(body[data-page="admin"]) .admin-attachment-info {
    padding: 9px 10px
}
:where(body[data-page="admin"]) .admin-attachment-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255,255,255,.72);
    font-size: 11px
}
:where(body[data-page="admin"]) .admin-attachment-meta {
    margin-top: 4px;
    color: rgba(255,255,255,.28);
    font-size: 9px;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-attachment-actions {
    display: flex;
    gap: 6px;
    margin-top: 8px
}
:where(body[data-page="admin"]) .admin-attachment-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 30px;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 3px;
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.65);
    font-size: 9px;
    cursor: pointer;
    text-transform: uppercase
}
:where(body[data-page="admin"]) .admin-attachment-actions button:hover {
    border-color: rgba(189,9,23,.5);
    color: #fff;
    background: rgba(189,9,23,.12)
}
:where(body[data-page="admin"]) .admin-attachment-empty {
    padding: 10px 0;
    color: rgba(255,255,255,.25);
    font-size: 11px
}
:where(body[data-page="admin"]) .admin-ticket-profile {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    margin-bottom: 12px
}
:where(body[data-page="admin"]) .admin-ticket-profile div {
    background: rgba(255,255,255,.03);
    padding: 10px;
    color: rgba(255,255,255,.6);
    font-size: 12px;
    overflow-wrap: anywhere
}
:where(body[data-page="admin"]) .admin-ticket-profile span {
    display: block;
    color: rgba(255,255,255,.28);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px
}
:where(body[data-page="admin"]) .admin-replies {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 230px;
    overflow: auto;
    margin: 12px 0
}
:where(body[data-page="admin"]) .admin-reply {
    border-left: 2px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.025);
    padding: 10px 12px;
    color: rgba(255,255,255,.65);
    font-size: 12px;
    white-space: pre-wrap
}
:where(body[data-page="admin"]) .admin-reply.support {
    border-left-color: #BD0917;
    background: rgba(189,9,23,.045)
}
:where(body[data-page="admin"]) .admin-reply.player {
    margin-right: 18px
}
:where(body[data-page="admin"]) .admin-reply.support small {
    color: #d56b73
}
:where(body[data-page="admin"]) .admin-reply small {
    display: block;
    color: rgba(255,255,255,.28);
    margin-bottom: 5px
}
:where(body[data-page="admin"]) .admin-item-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: #090909;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px
}
:where(body[data-page="admin"]) .admin-wrap {
    visibility: hidden
}
html:where(:has(body[data-page="admin"])).admin-ready .admin-wrap {
    visibility: visible
}
:where(body[data-page="admin"]) .admin-item-icon-empty {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    background: #090909;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px;
    color: rgba(255,255,255,.2)
}
:where(body[data-page="admin"]) .admin-item-family-row td {
    background: rgba(209,159,80,.025)
}
:where(body[data-page="admin"]) .admin-variant-summary {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.38);
    font-size: 11px;
    font-weight: 400
}
:where(body[data-page="admin"]) .admin-variant-help {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid rgba(209,159,80,.22);
    border-left: 3px solid #d19f50;
    background: rgba(209,159,80,.055);
    color: rgba(255,255,255,.58);
    font-size: 12px;
    line-height: 1.6
}
:where(body[data-page="admin"]) .admin-variant-list {
    display: grid;
    gap: 10px
}
:where(body[data-page="admin"]) .admin-variant-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 4px;
    background: rgba(255,255,255,.035)
}
:where(body[data-page="admin"]) .admin-variant-identity,:where(body[data-page="admin"]) .admin-variant-meta {
    display: flex;
    align-items: center;
    gap: 12px
}
:where(body[data-page="admin"]) .admin-variant-identity {
    min-width: 0
}
:where(body[data-page="admin"]) .admin-variant-identity strong,:where(body[data-page="admin"]) .admin-variant-identity small {
    display: block
}
:where(body[data-page="admin"]) .admin-variant-identity small {
    margin-top: 4px;
    color: rgba(255,255,255,.4);
    font-size: 11px
}
:where(body[data-page="admin"]) .admin-variant-quantity {
    display: grid;
    place-items: center;
    min-width: 46px;
    height: 38px;
    border: 1px solid rgba(209,159,80,.32);
    border-radius: 3px;
    background: rgba(209,159,80,.08);
    color: #d6ad69;
    font-family: var(--font-heading);
    font-size: 14px
}
:where(body[data-page="admin"]) .admin-variant-meta>span:first-child {
    white-space: nowrap;
    color: #ffd700;
    font-size: 12px
}
:where(body[data-page="admin"]) .admin-variant-config {
    margin: 16px 0;
    padding: 14px;
    border: 1px solid rgba(209,159,80,.24);
    background: rgba(209,159,80,.045)
}
:where(body[data-page="admin"]) .admin-check-row {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer
}
:where(body[data-page="admin"]) .admin-check-row input {
    width: auto;
    margin: 0
}
:where(body[data-page="admin"]) .admin-check-row span {
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #d6ad69
}
:where(body[data-page="admin"]) .admin-variant-fields {
    margin-top: 14px
}
:where(body[data-page="admin"]) .admin-image-preview {
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    margin-top: 8px;
    background: #090909;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px;
    overflow: hidden;
    color: rgba(255,255,255,.25)
}
:where(body[data-page="admin"]) .admin-image-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain
}
:where(body[data-page="admin"]) .admin-cover-preview {
    width: 100%;
    max-width: 560px;
    aspect-ratio: 560/307;
    margin-top: 8px;
    background: #090909;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 3px;
    overflow: hidden;
    color: rgba(255,255,255,.25);
    display: grid;
    place-items: center
}
:where(body[data-page="admin"]) .admin-cover-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
:where(body[data-page="admin"]) .admin-cover-help {
    margin: 6px 0 0;
    color: rgba(255,255,255,.35);
    font-size: 11px;
    line-height: 1.45
}
:where(body[data-page="admin"]) .ql-editor img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 14px 0;
    border-radius: 3px
}
html:where(:has(body[data-page="download"])) {
    max-width: 100%;
    overflow-x: hidden;
}
body:where([data-page="download"]) {
    max-width: 100%;
    background: #0e0d0b;
    overflow-x: clip;
}
:where(body[data-page="download"]) .dl-wrap {
    padding-top: 57px;
}
:where(body[data-page="download"]) .dl-hero {
    background: url('/images/hero-bg.webp') no-repeat center / cover;
    padding: 70px 0 55px;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="download"]) .dl-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,7,5,.88) 0%, rgba(8,7,5,.7) 50%, rgba(8,7,5,.97) 100%);
    pointer-events: none;
}
:where(body[data-page="download"]) .dl-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}
:where(body[data-page="download"]) .dl-eyebrow {
    display: block;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 5px;
    color: #BD0917;
    text-transform: uppercase;
    margin-bottom: 18px;
}
:where(body[data-page="download"]) .dl-hero-content h1 {
    font-family: var(--font-heading);
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 14px;
    text-shadow: 0 4px 40px rgba(0,0,0,.6);
    word-wrap: break-word;
}
:where(body[data-page="download"]) .dl-divider {
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #BD0917, transparent);
    margin: 0 auto 22px;
}
:where(body[data-page="download"]) .dl-hero-content p {
    color: rgba(255,255,255,.58);
    font-size: 15px;
    max-width: 480px;
    margin: 0 auto 32px;
    line-height: 1.7;
}
:where(body[data-page="download"]) .dl-version-strip {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    padding: 10px 26px;
    border-radius: 50px;
    max-width: 100%;
    box-sizing: border-box;
}
:where(body[data-page="download"]) .dl-version-strip span {
    font-size: 11px;
    color: rgba(255,255,255,.38);
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
:where(body[data-page="download"]) .dl-version-strip strong {
    font-family: var(--font-heading);
    font-size: 14px;
    color: #BD0917;
    letter-spacing: 2px;
}
:where(body[data-page="download"]) .dl-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
}
:where(body[data-page="download"]) .dl-section {
    background: #111009;
    padding: 70px 0 60px;
}
:where(body[data-page="download"]) .dl-drivers {
    background: #0c0b09;
    padding: 70px 0;
}
:where(body[data-page="download"]) .dl-title {
    margin-bottom: 40px;
}
:where(body[data-page="download"]) .dl-title h2 {
    font-family: var(--font-heading);
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 3px;
}
:where(body[data-page="download"]) .dl-title .heading-line {
    width: 70px;
    height: 3px;
    background: linear-gradient(90deg, #BD0917, transparent);
    margin-top: 10px;
}
:where(body[data-page="download"]) .dl-title p {
    color: rgba(255,255,255,.38);
    font-size: 13px;
    margin-top: 8px;
}
:where(body[data-page="download"]) .dl-title-center {
    text-align: center;
}
:where(body[data-page="download"]) .dl-title-center .heading-line {
    background: linear-gradient(90deg, transparent, #8b1a1a, transparent);
    margin: 10px auto 0;
}
:where(body[data-page="download"]) .dl-grid {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
    margin-bottom: 50px;
    align-items: start;
}
:where(body[data-page="download"]) .dl-card {
    background: #1b1a15;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 4px;
    overflow: hidden;
}
:where(body[data-page="download"]) .dl-card-top {
    background: linear-gradient(135deg, rgba(189,9,23,.08), transparent);
    padding: 28px 30px 24px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: flex;
    align-items: center;
    gap: 22px;
}
:where(body[data-page="download"]) .dl-card-logo {
    height: 52px;
    width: auto;
    filter: drop-shadow(0 2px 14px rgba(189,9,23,.4));
    flex-shrink: 0;
}
:where(body[data-page="download"]) .dl-card-info h3 {
    font-family: var(--font-heading);
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 6px;
}
:where(body[data-page="download"]) .dl-card-info p {
    font-size: 13px;
    color: rgba(255,255,255,.42);
    line-height: 1.5;
    margin-bottom: 10px;
}
:where(body[data-page="download"]) .dl-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
:where(body[data-page="download"]) .dl-tag {
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 3px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}
:where(body[data-page="download"]) .dl-tag-red {
    background: #BD0917;
    color: #fff;
}
:where(body[data-page="download"]) .dl-tag-dark {
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.55);
}
:where(body[data-page="download"]) .dl-formats {
    padding: 22px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
:where(body[data-page="download"]) .dl-fmt {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.03);
    transition: all .22s ease;
}
:where(body[data-page="download"]) .dl-fmt:hover {
    background: rgba(189,9,23,.1);
    border-color: rgba(189,9,23,.3);
    color: #fff;
    transform: translateX(3px);
}
:where(body[data-page="download"]) .dl-fmt-main {
    background: rgba(189,9,23,.1);
    border-color: rgba(189,9,23,.28);
}
:where(body[data-page="download"]) .dl-fmt-main:hover {
    background: rgba(189,9,23,.18);
}
:where(body[data-page="download"]) .dl-fmt-ico {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background: rgba(255,255,255,.05);
    color: #BD0917;
    flex-shrink: 0;
}
:where(body[data-page="download"]) .dl-fmt-main .dl-fmt-ico {
    background: rgba(189,9,23,.18);
}
:where(body[data-page="download"]) .dl-fmt-txt {
    flex: 1;
}
:where(body[data-page="download"]) .dl-fmt-txt strong {
    display: block;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 1.5px;
    margin-bottom: 3px;
    color: #fff;
}
:where(body[data-page="download"]) .dl-fmt-txt span {
    font-size: 11px;
    color: rgba(255,255,255,.35);
}
:where(body[data-page="download"]) .dl-fmt-arrow {
    color: rgba(255,255,255,.2);
    font-size: 14px;
    transition: color .2s;
}
:where(body[data-page="download"]) .dl-fmt:hover .dl-fmt-arrow {
    color: #BD0917;
}
:where(body[data-page="download"]) .dl-card-meta {
    padding: 14px 30px;
    background: rgba(0,0,0,.2);
    border-top: 1px solid rgba(255,255,255,.05);
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}
:where(body[data-page="download"]) .dl-card-meta span {
    font-size: 11px;
    color: rgba(255,255,255,.32);
    display: flex;
    align-items: center;
    gap: 6px;
}
:where(body[data-page="download"]) .dl-card-meta span i {
    color: #BD0917;
    font-size: 10px;
}
:where(body[data-page="download"]) .dl-sysreq {
    background: #1b1a15;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 4px;
    overflow: hidden;
}
:where(body[data-page="download"]) .dl-sysreq-head {
    padding: 18px 22px 16px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="download"]) .dl-sysreq-head h3 {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #fff;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
}
:where(body[data-page="download"]) .dl-sysreq-head h3 i {
    color: #BD0917;
    font-size: 12px;
}
:where(body[data-page="download"]) .dl-req-tabs {
    display: flex;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="download"]) .dl-req-tab {
    flex: 1;
    padding: 11px 10px;
    background: none;
    border: none;
    color: rgba(255,255,255,.32);
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all .2s ease;
    margin-bottom: -1px;
}
:where(body[data-page="download"]) .dl-req-tab.active {
    color: #BD0917;
    border-bottom-color: #BD0917;
}
:where(body[data-page="download"]) .dl-req-pane {
    display: none;
}
:where(body[data-page="download"]) .dl-req-pane.active {
    display: block;
}
:where(body[data-page="download"]) .dl-req-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 22px;
    border-bottom: 1px solid rgba(255,255,255,.04);
    font-size: 12px;
}
:where(body[data-page="download"]) .dl-req-row:last-child {
    border-bottom: none;
}
:where(body[data-page="download"]) .dl-req-row .req-lbl {
    color: rgba(255,255,255,.32);
    min-width: 70px;
}
:where(body[data-page="download"]) .dl-req-row .req-val {
    color: #ddd;
    text-align: right;
}
:where(body[data-page="download"]) .dl-drv-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    max-width: 600px;
    margin: 0 auto;
}
:where(body[data-page="download"]) .dl-drv-grid.dl-drv-grid-single {
    grid-template-columns: minmax(0, 560px);
    justify-content: center;
}
:where(body[data-page="download"]) .dl-drv {
    background: #1b1a15;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    padding: 30px 22px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: border-color .25s ease, transform .25s ease;
}
:where(body[data-page="download"]) .dl-drv:hover {
    border-color: rgba(189,9,23,.3);
    transform: translateY(-5px);
}
:where(body[data-page="download"]) .dl-drv-ico {
    font-size: 38px;
    margin-bottom: 16px;
    line-height: 1;
}
:where(body[data-page="download"]) .ico-green {
    color: #76b900;
}
:where(body[data-page="download"]) .ico-red {
    color: #ED1C24;
}
:where(body[data-page="download"]) .ico-blue {
    color: #00a2d4;
}
:where(body[data-page="download"]) .ico-grey {
    color: rgba(255,255,255,.38);
}
:where(body[data-page="download"]) .dl-drv h4 {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
:where(body[data-page="download"]) .dl-drv p {
    font-size: 12px;
    color: rgba(255,255,255,.38);
    line-height: 1.6;
    margin-bottom: 8px;
    flex: 1;
}
:where(body[data-page="download"]) .dl-drv-ver {
    display: block;
    font-size: 11px;
    color: rgba(255,255,255,.2);
    margin-bottom: 18px;
    letter-spacing: .5px;
}
:where(body[data-page="download"]) .dl-drv-btn {
    display: inline-block;
    padding: 9px 22px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 3px;
    color: rgba(255,255,255,.78);
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 1.5px;
    text-decoration: none;
    transition: all .22s ease;
}
:where(body[data-page="download"]) .dl-drv-btn:hover {
    background: #BD0917;
    border-color: #BD0917;
    color: #fff;
}
@media (max-width: 1200px) {
:where(body[data-page="download"]) .dl-hero-content h1 {
    font-size: 54px;
    letter-spacing: 6px;
}
}
:where(body[data-page="guides"]) .gd-wrap {
    padding-top: 96px
}
:where(body[data-page="guides"]) .gd-hero {
    background: url('/images/hero-bg.webp') center/cover;
    padding: 70px 0 52px;
    position: relative
}
:where(body[data-page="guides"]) .gd-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(8,7,5,.88),rgba(8,7,5,.96))
}
:where(body[data-page="guides"]) .gd-hero .container {
    position: relative;
    z-index: 1
}
:where(body[data-page="guides"]) .gd-kicker {
    font: 11px var(--font-heading);
    letter-spacing: 5px;
    color: #bd0917;
    text-transform: uppercase
}
:where(body[data-page="guides"]) .gd-hero h1 {
    font: 900 50px var(--font-heading);
    letter-spacing: 6px;
    color: #fff;
    margin: 10px 0
}
:where(body[data-page="guides"]) .gd-hero p {
    color: rgba(255,255,255,.48)
}
:where(body[data-page="guides"]) .gd-section {
    padding: 38px 0 72px;
    background: #111009
}
:where(body[data-page="guides"]) .gd-filter {
    display: grid;
    grid-template-columns: minmax(0,1fr) 310px;
    gap: 38px;
    padding: 28px 30px;
    margin-bottom: 34px;
    background: linear-gradient(135deg,#191713,#12110e);
    border: 1px solid rgba(209,159,80,.18);
    border-top: 2px solid rgba(189,9,23,.7);
    box-shadow: 0 20px 45px rgba(0,0,0,.22)
}
:where(body[data-page="guides"]) .gd-filter-title {
    font: 20px var(--font-heading);
    letter-spacing: 2px;
    color: #fff;
    margin: 0 0 8px
}
:where(body[data-page="guides"]) .gd-filter-copy {
    font-size: 12px;
    color: rgba(255,255,255,.38);
    margin: 0 0 20px
}
:where(body[data-page="guides"]) .gd-search-label,:where(body[data-page="guides"]) .gd-category-label,:where(body[data-page="guides"]) .gd-map-label {
    display: block;
    font: 10px var(--font-heading);
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #d19f50;
    margin-bottom: 9px
}
:where(body[data-page="guides"]) .gd-search-box {
    position: relative
}
:where(body[data-page="guides"]) .gd-search-box i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #bd0917
}
:where(body[data-page="guides"]) .gd-search-box input {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 48px 0 44px;
    background: #0e0d0b;
    border: 1px solid rgba(255,255,255,.13);
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: .2s
}
:where(body[data-page="guides"]) .gd-search-box input:focus {
    border-color: #bd0917;
    box-shadow: 0 0 0 2px rgba(189,9,23,.12)
}
:where(body[data-page="guides"]) .gd-search-clear {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.35);
    cursor: pointer
}
:where(body[data-page="guides"]) .gd-search-clear:hover {
    color: #fff
}
:where(body[data-page="guides"]) .gd-filter-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 18px
}
:where(body[data-page="guides"]) .gd-reset {
    padding: 11px 18px;
    background: #bd0917;
    border: 1px solid #bd0917;
    color: #fff;
    font: 10px var(--font-heading);
    letter-spacing: 1.5px;
    cursor: pointer
}
:where(body[data-page="guides"]) .gd-reset:hover {
    background: #9e0713
}
:where(body[data-page="guides"]) .gd-result-count {
    font-size: 12px;
    color: rgba(255,255,255,.4)
}
:where(body[data-page="guides"]) .gd-categories {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}
:where(body[data-page="guides"]) .gd-category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: 0 12px;
    background: #0e0d0b;
    border: 1px solid rgba(255,255,255,.09);
    color: rgba(255,255,255,.58);
    font: 10px var(--font-heading);
    letter-spacing: 1px;
    text-align: left;
    cursor: pointer;
    transition: .18s
}
:where(body[data-page="guides"]) .gd-category span {
    color: rgba(255,255,255,.25);
    font-family: Arial,sans-serif
}
:where(body[data-page="guides"]) .gd-category:hover {
    border-color: rgba(209,159,80,.5);
    color: #fff
}
:where(body[data-page="guides"]) .gd-category.active {
    border-color: #bd0917;
    background: rgba(189,9,23,.13);
    color: #fff
}
:where(body[data-page="guides"]) .gd-map-wrap {
    margin-top: 20px
}
:where(body[data-page="guides"]) .gd-map-select {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 38px 0 12px;
    background: #0e0d0b;
    color: rgba(255,255,255,.72);
    border: 1px solid rgba(255,255,255,.11);
    outline: none
}
:where(body[data-page="guides"]) .gd-map-select:focus {
    border-color: #bd0917
}
:where(body[data-page="guides"]) .gd-table-wrap {
    overflow: hidden;
    border: 1px solid rgba(209,159,80,.16);
    background: #151410;
    box-shadow: 0 18px 42px rgba(0,0,0,.2)
}
:where(body[data-page="guides"]) .gd-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}
:where(body[data-page="guides"]) .gd-table th {
    padding: 14px 18px;
    background: #0d0c0a;
    border-bottom: 1px solid rgba(209,159,80,.2);
    color: #d19f50;
    font: 10px var(--font-heading);
    letter-spacing: 1.6px;
    text-align: left;
    text-transform: uppercase
}
:where(body[data-page="guides"]) .gd-table td {
    padding: 18px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: rgba(255,255,255,.55);
    font-size: 12px;
    vertical-align: middle
}
:where(body[data-page="guides"]) .gd-row {
    transition: .18s
}
:where(body[data-page="guides"]) .gd-row:hover {
    background: #1b1915
}
:where(body[data-page="guides"]) .gd-row:last-child td {
    border-bottom: 0
}
:where(body[data-page="guides"]) .gd-row[hidden] {
    display: none
}
:where(body[data-page="guides"]) .gd-title-link {
    display: block;
    color: #fff;
    text-decoration: none;
    font: 15px var(--font-heading);
    letter-spacing: .5px;
    line-height: 1.35
}
:where(body[data-page="guides"]) .gd-title-link:hover {
    color: #d19f50
}
:where(body[data-page="guides"]) .gd-summary {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.34);
    font-size: 11px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
:where(body[data-page="guides"]) .gd-cat,:where(body[data-page="guides"]) .gd-map {
    font: 10px var(--font-heading);
    letter-spacing: 1.4px;
    text-transform: uppercase
}
:where(body[data-page="guides"]) .gd-cat {
    color: #bd0917
}
:where(body[data-page="guides"]) .gd-map {
    color: #d19f50
}
:where(body[data-page="guides"]) .gd-read {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    font: 9px var(--font-heading);
    letter-spacing: 1.3px;
    padding: 9px 11px;
    border: 1px solid rgba(189,9,23,.55);
    white-space: nowrap
}
:where(body[data-page="guides"]) .gd-read:hover {
    background: #bd0917;
    border-color: #bd0917
}
:where(body[data-page="guides"]) .gd-empty {
    text-align: center;
    padding: 55px!important;
    color: rgba(255,255,255,.35)!important;
    border: 0!important
}
:where(body[data-page="guides"]) #guideFilterEmpty[hidden] {
    display: none
}
:where(body[data-page="guides"]) .gd-map-list {
    border: 1px solid rgba(255,255,255,.1);
    background: #0e0d0b
}
:where(body[data-page="guides"]) .gd-map-option {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
    color: rgba(255,255,255,.7);
    font: 10px var(--font-heading);
    letter-spacing: .6px;
    text-align: left;
    cursor: pointer;
    transition: .18s
}
:where(body[data-page="guides"]) .gd-map-option:last-child {
    border-bottom: 0
}
:where(body[data-page="guides"]) .gd-map-option:hover {
    background: #171510;
    color: #fff
}
:where(body[data-page="guides"]) .gd-map-option.active {
    background: rgba(189,9,23,.13);
    box-shadow: inset 3px 0 #bd0917;
    color: #d19f50
}
:where(body[data-page="guides"]) .gd-hero {
    padding: 54px 0 42px
}
:where(body[data-page="guides"]) .gd-hero h1 {
    font-size: 44px;
    margin: 8px 0 12px
}
:where(body[data-page="guides"]) .gd-hero p {
    max-width: 620px;
    margin: 0;
    line-height: 1.65
}
:where(body[data-page="guides"]) .gd-section {
    padding-top: 30px
}
:where(body[data-page="guides"]) .gd-filter {
    display: block;
    padding: 24px 26px;
    margin-bottom: 26px
}
:where(body[data-page="guides"]) .gd-filter-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px
}
:where(body[data-page="guides"]) .gd-filter-title {
    margin-bottom: 5px
}
:where(body[data-page="guides"]) .gd-filter-copy {
    margin: 0
}
:where(body[data-page="guides"]) .gd-search-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
    align-items: end
}
:where(body[data-page="guides"]) .gd-search-label {
    grid-column: 1/-1;
    margin-bottom: -1px
}
:where(body[data-page="guides"]) .gd-filter-actions {
    margin: 0
}
:where(body[data-page="guides"]) .gd-reset {
    height: 50px
}
:where(body[data-page="guides"]) .gd-filter-groups {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr);
    gap: 24px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.07)
}
:where(body[data-page="guides"]) .gd-categories,:where(body[data-page="guides"]) .gd-map-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}
:where(body[data-page="guides"]) .gd-category,:where(body[data-page="guides"]) .gd-map-option {
    display: inline-flex;
    width: auto;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.09);
    background: #0e0d0b;
    box-shadow: none
}
:where(body[data-page="guides"]) .gd-category {
    justify-content: flex-start;
    gap: 9px
}
:where(body[data-page="guides"]) .gd-map-wrap {
    margin: 0
}
:where(body[data-page="guides"]) .gd-map-list {
    border: 0;
    background: transparent
}
:where(body[data-page="guides"]) .gd-map-option {
    border-bottom: 1px solid rgba(255,255,255,.09)
}
:where(body[data-page="guides"]) .gd-map-option:last-child {
    border-bottom: 1px solid rgba(255,255,255,.09)
}
:where(body[data-page="guides"]) .gd-map-option.active {
    border-color: #bd0917;
    box-shadow: none
}
:where(body[data-page="guides"]) .gd-results-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 12px
}
:where(body[data-page="guides"]) .gd-results-title {
    margin: 0;
    color: #fff;
    font: 17px var(--font-heading);
    letter-spacing: 2px
}
:where(body[data-page="guides"]) .gd-result-count {
    padding-bottom: 1px
}
:where(body[data-page="guides"]) .gd-table-wrap {
    box-shadow: 0 12px 30px rgba(0,0,0,.18)
}
body:where([data-page="guides"]) {
    background: #0e0d0b
}
:where(body[data-page="guides"]) .gs-wrap {
    padding: 130px 0 80px;
    min-height: 75vh
}
:where(body[data-page="guides"]) .gs-inner {
    max-width: 980px;
    margin: 0 auto
}
:where(body[data-page="guides"]) .gs-back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1px solid rgba(209,159,80,.2);
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.6);
    text-decoration: none;
    font: 9px var(--font-heading);
    letter-spacing: 1.4px;
    transition: .18s
}
:where(body[data-page="guides"]) .gs-back i {
    color: #bd0917;
    font-size: 10px
}
:where(body[data-page="guides"]) .gs-back:hover {
    border-color: rgba(209,159,80,.55);
    background: #171612;
    color: #fff
}
:where(body[data-page="guides"]) .gs-article {
    margin: 14px 0 0;
    background: #171612;
    border: 1px solid rgba(209,159,80,.16);
    padding: 42px;
    border-radius: 4px
}
:where(body[data-page="guides"]) .gs-cat {
    color: #bd0917;
    font: 10px var(--font-heading);
    letter-spacing: 2px;
    text-transform: uppercase
}
:where(body[data-page="guides"]) .gs-article h1 {
    font: 36px var(--font-heading);
    color: #fff;
    line-height: 1.2;
    margin: 13px 0
}
:where(body[data-page="guides"]) .gs-summary {
    color: rgba(255,255,255,.5);
    font-size: 15px;
    line-height: 1.7;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255,255,255,.08)
}
:where(body[data-page="guides"]) .gs-meta {
    color: rgba(255,255,255,.3);
    font-size: 11px;
    margin: 14px 0 32px
}
:where(body[data-page="guides"]) .gs-content {
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 1.8
}
:where(body[data-page="guides"]) .gs-content h2,:where(body[data-page="guides"]) .gs-content h3,:where(body[data-page="guides"]) .gs-content h4 {
    color: #fff;
    font-family: var(--font-heading);
    margin: 28px 0 12px
}
:where(body[data-page="guides"]) .gs-content a {
    color: #d19f50
}
:where(body[data-page="guides"]) .gs-content blockquote {
    border-left: 3px solid #bd0917;
    margin: 20px 0;
    padding: 10px 18px;
    background: rgba(189,9,23,.07)
}
:where(body[data-page="guides"]) .gs-content img {
    max-width: 100%;
    height: auto
}
:where(body[data-page="guides"]) .gs-content li {
    margin: 7px 0
}
:where(body[data-page="home"]) .player-main.hf-home-player-main {
    grid-template-columns: minmax(0, 760px) !important;
    justify-content: center !important;
}
:where(body[data-page="home"]) .hf-home-player-main > .player-item {
    width: 100%;
    min-width: 0;
}
:where(body[data-page="news"]) .nw-wrap {
    padding-top: 96px;
}
:where(body[data-page="news"]) .nw-hero {
    background: url('/images/hero-bg.webp') no-repeat center / cover;
    padding: 70px 0 55px;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="news"]) .nw-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,7,5,.9), rgba(8,7,5,.72), rgba(8,7,5,.97));
    pointer-events: none;
}
:where(body[data-page="news"]) .nw-hero-content {
    position: relative;
    z-index: 2;
}
:where(body[data-page="news"]) .nw-eyebrow {
    display: block;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 5px;
    color: #BD0917;
    text-transform: uppercase;
    margin-bottom: 10px;
}
:where(body[data-page="news"]) .nw-hero-content h1 {
    font-family: var(--font-heading);
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
}
:where(body[data-page="news"]) .nw-hero-content p {
    color: rgba(255,255,255,.45);
    font-size: 14px;
    max-width: 480px;
}
:where(body[data-page="news"]) .nw-section {
    background: #111009;
    padding: 48px 0 70px;
}
:where(body[data-page="news"]) .nw-featured {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 20px;
    margin-bottom: 40px;
}
:where(body[data-page="news"]) .nw-featured-main {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    display: block;
    text-decoration: none;
}
:where(body[data-page="news"]) .nw-featured-main img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}
:where(body[data-page="news"]) .nw-featured-main-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(8,7,5,.95), rgba(8,7,5,.6), transparent);
    padding: 30px 24px 24px;
}
:where(body[data-page="news"]) .nw-featured-badge,:where(body[data-page="news"]) .nw-card-badge {
    background: #BD0917;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 3px 10px;
    border-radius: 2px;
    text-transform: uppercase;
}
:where(body[data-page="news"]) .nw-featured-main-overlay h2 {
    font-family: var(--font-heading);
    font-size: 22px;
    color: #fff;
    line-height: 1.3;
    margin: 10px 0 6px;
}
:where(body[data-page="news"]) .nw-featured-main-overlay p,:where(body[data-page="news"]) .nw-card-body p {
    font-size: 13px;
    color: rgba(255,255,255,.5);
    line-height: 1.6;
}
:where(body[data-page="news"]) .nw-featured-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
:where(body[data-page="news"]) .nw-side-card {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 14px;
    background: #181713;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none;
}
:where(body[data-page="news"]) .nw-side-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
:where(body[data-page="news"]) .nw-side-card-body {
    padding: 14px 14px 14px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
:where(body[data-page="news"]) .nw-side-tag,:where(body[data-page="news"]) .nw-card-tag,:where(body[data-page="news"]) .nw-tag {
    font-size: 9px;
    color: #BD0917;
    font-family: var(--font-heading);
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
:where(body[data-page="news"]) .nw-side-card-body h3 {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #fff;
    line-height: 1.4;
    margin: 5px 0;
}
:where(body[data-page="news"]) .nw-date,:where(body[data-page="news"]) .nw-side-date,:where(body[data-page="news"]) .nw-card-date {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    display: flex;
    align-items: center;
    gap: 5px;
}
:where(body[data-page="news"]) .nw-grid-title {
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 4px;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
:where(body[data-page="news"]) .nw-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0 0 28px;
    padding: 14px;
    background: #181713;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
}
:where(body[data-page="news"]) .nw-category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
:where(body[data-page="news"]) .nw-category-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    color: rgba(255,255,255,.48);
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 1.1px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 3px;
}
:where(body[data-page="news"]) .nw-category-tab:hover {
    color: #fff;
    border-color: rgba(255,255,255,.12);
}
:where(body[data-page="news"]) .nw-category-tab.active {
    background: #BD0917;
    border-color: #BD0917;
    color: #fff;
}
:where(body[data-page="news"]) .nw-order-control {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.4);
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
:where(body[data-page="news"]) .nw-order-control select {
    min-height: 34px;
    padding: 0 28px 0 10px;
    color: #fff;
    background: #211f1c;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 3px;
    font: inherit;
    letter-spacing: .7px;
    color-scheme: dark;
    cursor: pointer;
}
:where(body[data-page="news"]) .nw-order-control option {
    background: #211f1c;
    color: #fff;
}
:where(body[data-page="news"]) .nw-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    margin-bottom: 36px;
}
:where(body[data-page="news"]) .nw-card {
    background: #181713;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none;
    display: block;
}
:where(body[data-page="news"]) .nw-card-img {
    position: relative;
    overflow: hidden;
}
:where(body[data-page="news"]) .nw-card-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}
:where(body[data-page="news"]) .nw-card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
}
:where(body[data-page="news"]) .nw-card-body {
    padding: 16px;
}
:where(body[data-page="news"]) .nw-card-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
:where(body[data-page="news"]) .nw-card-body h3 {
    font-family: var(--font-heading);
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 8px;
}
:where(body[data-page="news"]) .nw-card-footer {
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.05);
}
:where(body[data-page="news"]) .nw-read-more {
    font-family: var(--font-heading);
    font-size: 10px;
    color: #BD0917;
    letter-spacing: 1px;
    text-transform: uppercase;
}
:where(body[data-page="news"]) .nw-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="news"]) .nw-page-info {
    font-size: 12px;
    color: rgba(255,255,255,.3);
}
:where(body[data-page="news"]) .nw-pages {
    display: flex;
    gap: 4px;
}
:where(body[data-page="news"]) .nw-page-btn {
    min-width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 3px;
    color: rgba(255,255,255,.45);
    font-size: 12px;
    font-family: var(--font-heading);
    text-decoration: none;
}
:where(body[data-page="news"]) .nw-page-btn.active {
    background: #BD0917;
    border-color: #BD0917;
    color: #fff;
}
body:where([data-page="news"]) {
    background: #0e0d0b;
}
:where(body[data-page="news"]) .ns-wrap {
    padding-top: 96px;
}
:where(body[data-page="news"]) .ns-hero {
    background: linear-gradient(to bottom, rgba(8,7,5,.7), rgba(8,7,5,.97)), url('{{ item.image starts with 'http' or item.image starts with '/' ? item.image : '/' ~ item.image }}') no-repeat center / cover;
    padding: 100px 0 80px;
}
:where(body[data-page="news"]) .ns-hero-content {
    max-width: 760px;
}
:where(body[data-page="news"]) .ns-breadcrumb {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    align-items: center;
}
:where(body[data-page="news"]) .ns-breadcrumb a,:where(body[data-page="news"]) .ns-breadcrumb span {
    font-size: 11px;
    color: rgba(255,255,255,.4);
    text-decoration: none;
}
:where(body[data-page="news"]) .ns-hero-tag {
    display: inline-block;
    background: #BD0917;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 3px 12px;
    border-radius: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
:where(body[data-page="news"]) .ns-hero-content h1 {
    font-family: var(--font-heading);
    font-size: 42px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 16px;
}
:where(body[data-page="news"]) .ns-hero-meta {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
:where(body[data-page="news"]) .ns-meta-item {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 12px;
    color: rgba(255,255,255,.45);
}
:where(body[data-page="news"]) .ns-section {
    background: #111009;
    padding: 50px 0 70px;
}
:where(body[data-page="news"]) .ns-layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 30px;
    align-items: start;
}
:where(body[data-page="news"]) .ns-article,:where(body[data-page="news"]) .ns-sidebar-card {
    background: #181713;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    overflow: hidden;
}
:where(body[data-page="news"]) .ns-article-cover {
    width: min(calc(100% - 48px),560px);
    aspect-ratio: 560/307;
    margin: 28px auto;
    overflow: hidden;
    background: #0b0a08;
    border: 1px solid rgba(209,159,80,.18);
    border-radius: 3px;
}
:where(body[data-page="news"]) .ns-article-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
:where(body[data-page="news"]) .ns-article-body {
    padding: 36px;
}
:where(body[data-page="news"]) .ns-post-layout {
    display: grid;
    grid-template-columns: 170px minmax(0,1fr);
}
:where(body[data-page="news"]) .ns-post-author-panel {
    padding: 28px 18px;
    border-right: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.12);
    text-align: center;
}
:where(body[data-page="news"]) .ns-post-avatar {
    width: 104px;
    height: 104px;
    object-fit: cover;
    border: 2px solid rgba(189,9,23,.7);
    background: #0b0a08;
    padding: 4px;
    margin: 0 auto 14px;
}
:where(body[data-page="news"]) .ns-post-author-name {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 15px;
    letter-spacing: .5px;
    overflow-wrap: anywhere;
}
:where(body[data-page="news"]) .ns-post-author-signature {
    display: block;
    width: 132px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
:where(body[data-page="news"]) .ns-post-author-role {
    margin-top: 5px;
    color: rgba(255,255,255,.36);
    font-size: 10px;
    letter-spacing: .8px;
    line-height: 1.45;
    text-transform: uppercase;
}
:where(body[data-page="news"]) .ns-post-main {
    min-width: 0;
}
:where(body[data-page="news"]) .ns-post-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 18px 28px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.018);
    color: #d19f50;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: .7px;
}
:where(body[data-page="news"]) .ns-post-meta i {
    color: #BD0917;
    font-size: 12px;
}
:where(body[data-page="news"]) .ns-post-meta-label {
    color: rgba(255,255,255,.42);
    text-transform: uppercase;
}
:where(body[data-page="news"]) .ns-post-time {
    color: rgba(255,255,255,.78);
}
:where(body[data-page="news"]) .ns-content {
    color: rgba(255,255,255,.65);
    font-size: 15px;
    line-height: 1.85;
    overflow-wrap: break-word;
}
:where(body[data-page="news"]) .ns-content h2 {
    font-family: var(--font-heading);
    font-size: 20px;
    color: #fff;
    margin: 32px 0 14px;
    text-transform: uppercase;
}
:where(body[data-page="news"]) .ns-content h3 {
    font-family: var(--font-heading);
    font-size: 16px;
    color: rgba(255,255,255,.85);
    margin: 24px 0 10px;
}
:where(body[data-page="news"]) .ns-content p {
    margin-bottom: 18px;
}
:where(body[data-page="news"]) .ns-content ul {
    list-style: disc outside;
    padding-left: 24px;
    margin: 0 0 18px;
}
:where(body[data-page="news"]) .ns-content ol {
    list-style: decimal outside;
    padding-left: 24px;
    margin: 0 0 18px;
}
:where(body[data-page="news"]) .ns-content li {
    display: list-item;
    margin-bottom: 6px;
}
:where(body[data-page="news"]) .ns-content a {
    color: #BD0917;
}
:where(body[data-page="news"]) .ns-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 22px 0;
    border-radius: 3px;
}
:where(body[data-page="news"]) .ns-article-footer,:where(body[data-page="news"]) .ns-author-card {
    padding: 22px 36px;
    border-top: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="news"]) .ns-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}
:where(body[data-page="news"]) .ns-tag-pill {
    padding: 4px 12px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 50px;
    font-size: 11px;
    color: rgba(255,255,255,.45);
    text-decoration: none;
}
:where(body[data-page="news"]) .ns-sidebar-card {
    margin-bottom: 16px;
}
:where(body[data-page="news"]) .ns-sidebar-title {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 13px 18px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="news"]) .ns-sidebar-title h3 {
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    color: rgba(255,255,255,.4);
    text-transform: uppercase;
}
:where(body[data-page="news"]) .ns-recent-item {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 11px 18px;
    border-bottom: 1px solid rgba(255,255,255,.04);
    text-decoration: none;
}
:where(body[data-page="news"]) .ns-recent-img {
    width: 52px;
    height: 44px;
    object-fit: cover;
    border-radius: 2px;
}
:where(body[data-page="news"]) .ns-recent-tag {
    font-size: 9px;
    color: #BD0917;
    font-family: var(--font-heading);
    letter-spacing: 1px;
    text-transform: uppercase;
}
:where(body[data-page="news"]) .ns-recent-title {
    font-size: 12px;
    color: rgba(255,255,255,.65);
    line-height: 1.4;
}
body:where([data-page="ranking"]) {
    background: #0e0d0b;
}
:where(body[data-page="ranking"]) .rk-wrap {
    padding-top: 57px;
}
:where(body[data-page="ranking"]) .rk-hero {
    background: url('/images/hero-bg.webp') no-repeat center / cover;
    padding: 70px 0 60px;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="ranking"]) .rk-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,7,5,.88) 0%, rgba(8,7,5,.72) 50%, rgba(8,7,5,.96) 100%);
    pointer-events: none;
}
:where(body[data-page="ranking"]) .rk-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}
:where(body[data-page="ranking"]) .rk-eyebrow {
    display: block;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 5px;
    color: #BD0917;
    text-transform: uppercase;
    margin-bottom: 10px;
}
:where(body[data-page="ranking"]) .rk-hero-left h1 {
    font-family: var(--font-heading);
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
    text-shadow: 0 4px 30px rgba(0,0,0,.6);
}
:where(body[data-page="ranking"]) .rk-hero-left p {
    color: rgba(255,255,255,.5);
    font-size: 14px;
}
:where(body[data-page="ranking"]) .rk-season {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: rgba(189,9,23,.1);
    border: 1px solid rgba(189,9,23,.25);
    padding: 16px 28px;
    border-radius: 4px;
    text-align: center;
}
:where(body[data-page="ranking"]) .rk-season span {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
:where(body[data-page="ranking"]) .rk-season strong {
    font-family: var(--font-heading);
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
}
:where(body[data-page="ranking"]) .rk-season em {
    font-size: 11px;
    color: rgba(255,255,255,.3);
    font-style: normal;
    margin-top: 4px;
}
:where(body[data-page="ranking"]) .rk-stats-bar {
    background: #181713;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="ranking"]) .rk-stats-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}
:where(body[data-page="ranking"]) .rk-stat {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    border-right: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="ranking"]) .rk-stat:last-child {
    border-right: none;
}
:where(body[data-page="ranking"]) .rk-stat i {
    color: #BD0917;
    font-size: 14px;
}
:where(body[data-page="ranking"]) .rk-stat-body span {
    display: block;
    font-size: 10px;
    color: rgba(255,255,255,.3);
    letter-spacing: 1px;
    text-transform: uppercase;
}
:where(body[data-page="ranking"]) .rk-stat-body strong {
    font-family: var(--font-heading);
    font-size: 15px;
    color: #fff;
}
:where(body[data-page="ranking"]) .rk-section {
    background: #111009;
    padding: 50px 0 70px;
}
:where(body[data-page="ranking"]) .rk-filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 28px;
    background: #1b1a15;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 4px;
    padding: 6px 6px 6px 8px;
}
:where(body[data-page="ranking"]) .rk-tabs {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
:where(body[data-page="ranking"]) .rk-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 3px;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,.4);
    background: none;
    border: none;
    cursor: pointer;
    transition: all .2s ease;
}
:where(body[data-page="ranking"]) .rk-tab i {
    font-size: 13px;
}
:where(body[data-page="ranking"]) .rk-tab:hover {
    color: rgba(255,255,255,.75);
    background: rgba(255,255,255,.04);
}
:where(body[data-page="ranking"]) .rk-tab.active {
    background: #BD0917;
    color: #fff;
}
:where(body[data-page="ranking"]) .rk-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
:where(body[data-page="ranking"]) .rk-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
:where(body[data-page="ranking"]) .rk-search-wrap i {
    position: absolute;
    left: 10px;
    color: rgba(255,255,255,.25);
    font-size: 12px;
    pointer-events: none;
}
:where(body[data-page="ranking"]) #rkSearch {
    padding: 9px 12px 9px 30px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 3px;
    color: rgba(255,255,255,.75);
    font-size: 12px;
    font-family: 'Pretendard';
    width: 190px;
    outline: none;
    transition: border-color .2s;
}
:where(body[data-page="ranking"]) #rkSearch::placeholder {
    color: rgba(255,255,255,.25);
}
:where(body[data-page="ranking"]) #rkSearch:focus {
    border-color: rgba(189,9,23,.4);
}
:where(body[data-page="ranking"]) .rk-pane {
    display: none;
}
:where(body[data-page="ranking"]) .rk-pane.active {
    display: block;
}
:where(body[data-page="ranking"]) .rk-tab[data-tab="tab-bands"],:where(body[data-page="ranking"])  #tab-bands {
    display: none !important;
}
:where(body[data-page="ranking"]) .rk-table-wrap {
    overflow-x: auto;
}
:where(body[data-page="ranking"]) .rk-table {
    width: 100%;
    border-collapse: collapse;
}
:where(body[data-page="ranking"]) #tab-guilds .rk-table {
    table-layout: fixed;
}
:where(body[data-page="ranking"]) #tab-guilds .rk-table th:nth-child(1) {
    width: 50px;
}
:where(body[data-page="ranking"]) #tab-guilds .rk-table th:nth-child(4) {
    width: 140px;
}
:where(body[data-page="ranking"]) .rk-table thead tr {
    background: rgba(255,255,255,.03);
    border-bottom: 1px solid rgba(255,255,255,.08);
}
:where(body[data-page="ranking"]) .rk-table thead th {
    padding: 12px 16px;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
    font-weight: 400;
}
:where(body[data-page="ranking"]) .rk-table thead th.th-r,:where(body[data-page="ranking"])  .rk-table tbody td.th-r {
    text-align: right;
}
:where(body[data-page="ranking"]) .rk-table tbody tr {
    border-bottom: 1px solid rgba(255,255,255,.04);
    transition: background .15s ease;
}
:where(body[data-page="ranking"]) .rk-table tbody tr:hover {
    background: rgba(255,255,255,.03);
}
:where(body[data-page="ranking"]) .rk-table tbody tr.top-1 {
    background: rgba(255,215,0,.04);
}
:where(body[data-page="ranking"]) .rk-table tbody tr.top-1:hover {
    background: rgba(255,215,0,.06);
}
:where(body[data-page="ranking"]) .rk-table tbody tr.top-2 {
    background: rgba(192,192,192,.03);
}
:where(body[data-page="ranking"]) .rk-table tbody tr.top-3 {
    background: rgba(205,127,50,.03);
}
:where(body[data-page="ranking"]) .rk-table tbody tr.sep-row td {
    padding: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(189,9,23,.3), transparent);
}
:where(body[data-page="ranking"]) .rk-table tbody td {
    padding: 12px 16px;
    font-size: 13px;
    color: rgba(255,255,255,.72);
    vertical-align: middle;
    white-space: nowrap;
}
:where(body[data-page="ranking"]) .rk-table tbody td.td-r {
    text-align: right;
}
:where(body[data-page="ranking"]) .rk-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    font-family: var(--font-heading);
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}
:where(body[data-page="ranking"]) .rk-badge.b1 {
    background: linear-gradient(135deg,#FFD700,#FFA500);
    color: #1a0f00;
    box-shadow: 0 0 10px rgba(255,180,0,.35);
}
:where(body[data-page="ranking"]) .rk-badge.b2 {
    background: linear-gradient(135deg,#d4d4d4,#a0a0a0);
    color: #111;
}
:where(body[data-page="ranking"]) .rk-badge.b3 {
    background: linear-gradient(135deg,#cd7f32,#8B4513);
    color: #fff;
}
:where(body[data-page="ranking"]) .rk-badge.bn {
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.35);
    font-size: 12px;
}
:where(body[data-page="ranking"]) .rk-player {
    display: flex;
    align-items: center;
    gap: 12px;
}
:where(body[data-page="ranking"]) .rk-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,.12);
    flex-shrink: 0;
}
:where(body[data-page="ranking"]) .top-1 .rk-avatar {
    border-color: #FFD700;
}
:where(body[data-page="ranking"]) .top-2 .rk-avatar {
    border-color: #C0C0C0;
}
:where(body[data-page="ranking"]) .top-3 .rk-avatar {
    border-color: #CD7F32;
}
:where(body[data-page="ranking"]) .rk-player-name {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #fff;
    letter-spacing: .5px;
}
:where(body[data-page="ranking"]) .rk-player-sub {
    font-size: 10px;
    color: rgba(255,255,255,.3);
    letter-spacing: 1px;
    margin-top: 2px;
}
:where(body[data-page="ranking"]) .rk-guild-cell {
    display: flex;
    align-items: center;
    gap: 12px;
}
:where(body[data-page="ranking"]) .rk-guild-ico {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
:where(body[data-page="ranking"]) .rk-guild-name-cell {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #fff;
    letter-spacing: .5px;
}
:where(body[data-page="ranking"]) .rk-guild-sub {
    font-size: 10px;
    color: rgba(255,255,255,.3);
    margin-top: 2px;
    letter-spacing: 1px;
}
:where(body[data-page="ranking"]) .cls {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    white-space: nowrap;
}
:where(body[data-page="ranking"]) .cls-sk {
    background: rgba(120,50,220,.18);
    color: #b47fff;
}
:where(body[data-page="ranking"]) .cls-as {
    background: rgba(30,130,255,.18);
    color: #6eb8ff;
}
:where(body[data-page="ranking"]) .cls-br {
    background: rgba(189,9,23,.2);
    color: #ff6b6b;
}
:where(body[data-page="ranking"]) .cls-sc {
    background: rgba(255,200,0,.15);
    color: #ffd966;
}
:where(body[data-page="ranking"]) .cls-gl {
    background: rgba(50,180,100,.18);
    color: #6fde9b;
}
:where(body[data-page="ranking"]) .cls-mm {
    background: rgba(220,80,200,.18);
    color: #f08ee8;
}
:where(body[data-page="ranking"]) a.rk-guild-link {
    color: rgba(255,255,255,.55);
    transition: color .2s;
    text-decoration: none;
}
:where(body[data-page="ranking"]) a.rk-guild-link:hover {
    color: #BD0917;
}
:where(body[data-page="ranking"]) .val-gold {
    color: #FFD700;
    font-family: var(--font-heading);
    font-size: 12px;
}
:where(body[data-page="ranking"]) .val-red {
    color: #ff6b6b;
}
:where(body[data-page="ranking"]) .val-green {
    color: #6fde9b;
}
:where(body[data-page="ranking"]) .val-pts {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 13px;
}
:where(body[data-page="ranking"]) .kd-high {
    color: #6fde9b;
}
:where(body[data-page="ranking"]) .kd-mid {
    color: #ffd966;
}
:where(body[data-page="ranking"]) .kd-low {
    color: rgba(255,255,255,.55);
}
:where(body[data-page="ranking"]) .rk-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.06);
}
:where(body[data-page="ranking"]) .rk-page-info {
    font-size: 12px;
    color: rgba(255,255,255,.3);
}
:where(body[data-page="ranking"]) .rk-pages {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
:where(body[data-page="ranking"]) .rk-page-btn {
    min-width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 3px;
    color: rgba(255,255,255,.45);
    font-size: 12px;
    font-family: var(--font-heading);
    cursor: pointer;
    transition: all .2s ease;
    text-decoration: none;
}
:where(body[data-page="ranking"]) .rk-page-btn:hover {
    background: rgba(255,255,255,.08);
    color: #fff;
}
:where(body[data-page="ranking"]) .rk-page-btn.active {
    background: #BD0917;
    border-color: #BD0917;
    color: #fff;
}
:where(body[data-page="ranking"]) .rk-page-btn.nav-btn {
    font-size: 11px;
}
:where(body[data-page="ranking"]) .rk-page-btn.dots {
    cursor: default;
    border: none;
    background: none;
}
body:where([data-page="reset"]) {
    background: #0e0d0b;
}
:where(body[data-page="reset"]) .reset-wrap {
    padding-top: 57px;
}
:where(body[data-page="reset"]) .reset-hero {
    background: url('/images/hero-bg.webp') no-repeat center / cover;
    padding: 70px 0 55px;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="reset"]) .reset-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,7,5,.88) 0%, rgba(8,7,5,.7) 50%, rgba(8,7,5,.97) 100%);
    pointer-events: none;
}
:where(body[data-page="reset"]) .reset-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}
:where(body[data-page="reset"]) .reset-eyebrow {
    display: block;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 5px;
    color: #BD0917;
    text-transform: uppercase;
    margin-bottom: 18px;
}
:where(body[data-page="reset"]) .reset-hero-content h1 {
    font-family: var(--font-heading);
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 14px;
    text-shadow: 0 4px 40px rgba(0,0,0,.6);
}
:where(body[data-page="reset"]) .reset-divider {
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #BD0917, transparent);
    margin: 0 auto 22px;
}
:where(body[data-page="reset"]) .reset-section {
    background: #111009;
    padding: 70px 0 80px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
:where(body[data-page="reset"]) .reset-form-container {
    background: #151310;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    width: 100%;
    max-width: 500px;
    padding: 40px 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
:where(body[data-page="reset"]) .reset-title {
    text-align: center;
    margin-bottom: 30px;
}
:where(body[data-page="reset"]) .reset-title h2 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
:where(body[data-page="reset"]) .reset-line {
    text-align: center;
    margin-bottom: 15px;
}
:where(body[data-page="reset"]) .reset-line img {
    max-width: 100%;
    height: auto;
}
:where(body[data-page="reset"]) .reset-form-wrap form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
:where(body[data-page="reset"]) .input-flex {
    display: flex;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    overflow: hidden;
    transition: border-color .2s ease;
}
:where(body[data-page="reset"]) .input-flex:focus-within {
    border-color: rgba(189, 9, 23, 0.5);
}
:where(body[data-page="reset"]) .input-item-left {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}
:where(body[data-page="reset"]) .input-item-left i {
    color: rgba(255, 255, 255, 0.35);
    font-size: 14px;
}
:where(body[data-page="reset"]) .input-item-right {
    flex: 1;
}
:where(body[data-page="reset"]) .input-item-right input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding: 14px 18px;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-body);
}
:where(body[data-page="reset"]) .input-item-right input::placeholder {
    color: rgba(255, 255, 255, 0.25);
}
:where(body[data-page="reset"]) .input-submit button {
    width: 100%;
    background: #BD0917;
    border: none;
    outline: none;
    padding: 14px 20px;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    transition: background .2s ease, transform .2s ease;
}
:where(body[data-page="reset"]) .input-submit button:hover {
    background: #9e0813;
    transform: translateY(-1px);
}
:where(body[data-page="reset"]) .input-submit button:disabled {
    background: rgba(189, 9, 23, 0.5);
    cursor: not-allowed;
}
:where(body[data-page="reset"]) .reset-hero {
    display: none;
}
:where(body[data-page="reset"]) .reset-section {
    min-height: calc(100vh - 57px);
    padding: 80px 20px;
    background: linear-gradient(rgba(4,4,3,.88), rgba(4,4,3,.94)),
            url('/images/hero-bg.webp') center / cover no-repeat;
}
:where(body[data-page="reset"]) .reset-form-container {
    position: relative;
    max-width: 480px;
    padding: 34px 38px 38px;
    overflow: hidden;
    border: 1px solid rgba(209,159,80,.25);
    border-top: 2px solid rgba(189,9,23,.8);
    border-radius: 5px;
    background: linear-gradient(145deg,#1a1814,#11110e);
    box-shadow: 0 28px 90px rgba(0,0,0,.72);
}
:where(body[data-page="reset"]) .reset-title {
    margin: 0 0 30px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(209,159,80,.18);
    text-align: left;
}
:where(body[data-page="reset"]) .reset-title h2 {
    margin: 0;
    color: #f3f0ea;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 2px;
}
:where(body[data-page="reset"]) .reset-line {
    display: none;
}
:where(body[data-page="reset"]) .reset-form-wrap form {
    gap: 0;
}
:where(body[data-page="reset"]) .reset-form-container .input-flex {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    align-items: center;
    column-gap: 12px;
    min-height: 52px;
    margin-top: 11px;
    padding: 7px 13px;
    background: #0d0e0b;
}
:where(body[data-page="reset"]) .reset-form-container .input-item-left {
    width: auto;
    height: 32px;
    border: 0;
    border-right: 1px solid rgba(255,255,255,.08);
}
:where(body[data-page="reset"]) .reset-form-container .input-item-right input {
    min-height: 36px;
    padding: 0;
    color: #f3f0ea;
}
:where(body[data-page="reset"]) .reset-form-container .input-submit {
    margin-top: 18px;
}
:where(body[data-page="reset"]) .reset-form-container .input-submit button {
    height: 46px;
    background: linear-gradient(#c31321,#9f0713);
    border: 1px solid rgba(189,9,23,.9);
    box-shadow: 0 8px 22px rgba(189,9,23,.15);
}
:where(body[data-page="reset"]) .reset-back {
    display: block;
    margin-top: 18px;
    color: #d19f50;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: .5px;
    text-align: center;
}
:where(body[data-page="reset"]) .reset-back:hover {
    color: #f0c871;
}
body:where([data-page="itemshop"]) {
    background: #0e0d0b;
}
:where(body[data-page="itemshop"]) .is-wrap {
    padding-top: 57px;
}
:where(body[data-page="itemshop"]) .hero-middle ul li a.is-active,:where(body[data-page="itemshop"]) 
        .mobile-nav ul li a.is-active {
    color: #BD0917 !important;
}
:where(body[data-page="itemshop"]) .is-hero {
    background: url('/images/hero-bg.webp') no-repeat center / cover;
    padding: 70px 0 55px;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="itemshop"]) .is-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8, 7, 5, .88) 0%, rgba(8, 7, 5, .7) 50%, rgba(8, 7, 5, .97) 100%);
    pointer-events: none;
}
:where(body[data-page="itemshop"]) .is-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
:where(body[data-page="itemshop"]) .is-eyebrow {
    display: block;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 5px;
    color: #BD0917;
    text-transform: uppercase;
    margin-bottom: 10px;
}
:where(body[data-page="itemshop"]) .is-hero-content h1 {
    font-family: var(--font-heading);
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
    text-shadow: 0 4px 30px rgba(0, 0, 0, .6);
}
:where(body[data-page="itemshop"]) .is-hero-content p {
    color: rgba(255, 255, 255, .45);
    font-size: 14px;
}
:where(body[data-page="itemshop"]) .is-hero-coin {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255, 215, 0, .07);
    border: 1px solid rgba(255, 215, 0, .2);
    padding: 16px 28px;
    border-radius: 4px;
    text-align: center;
}
:where(body[data-page="itemshop"]) .is-hero-coin i {
    font-size: 28px;
    color: #FFD700;
    margin-bottom: 6px;
}
:where(body[data-page="itemshop"]) .is-hero-coin span {
    font-size: 10px;
    color: rgba(255, 255, 255, .35);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
:where(body[data-page="itemshop"]) .is-hero-coin strong {
    font-family: var(--font-heading);
    font-size: 24px;
    color: #FFD700;
}
:where(body[data-page="itemshop"]) .is-hero-coin em {
    font-size: 10px;
    color: rgba(255, 255, 255, .25);
    font-style: normal;
    margin-top: 4px;
}
:where(body[data-page="itemshop"]) .is-section {
    background: #111009;
    padding: 40px 0 70px;
}
:where(body[data-page="itemshop"]) .is-layout {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 24px;
    align-items: start;
}
:where(body[data-page="itemshop"]) .is-sidebar-title {
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 3px;
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
    padding: 0 4px;
    margin-bottom: 10px;
}
:where(body[data-page="itemshop"]) .is-cat-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}
:where(body[data-page="itemshop"]) .is-cat-list li {
    margin-bottom: 3px;
}
:where(body[data-page="itemshop"]) .is-cat-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 3px;
    color: rgba(255, 255, 255, .45);
    font-size: 12px;
    font-family: 'Pretendard';
    cursor: pointer;
    transition: all .2s ease;
    text-align: left;
}
:where(body[data-page="itemshop"]) .is-cat-btn .cat-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}
:where(body[data-page="itemshop"]) .is-cat-btn i {
    font-size: 13px;
    color: rgba(255, 255, 255, .25);
    width: 16px;
    text-align: center;
    transition: color .2s;
}
:where(body[data-page="itemshop"]) .is-cat-btn .cat-count {
    font-size: 10px;
    color: rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .06);
    padding: 1px 6px;
    border-radius: 10px;
}
:where(body[data-page="itemshop"]) .is-cat-btn:hover {
    background: rgba(255, 255, 255, .06);
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-cat-btn:hover i {
    color: rgba(255, 255, 255, .5);
}
:where(body[data-page="itemshop"]) .is-cat-btn.active {
    background: rgba(189, 9, 23, .12);
    border-color: rgba(189, 9, 23, .3);
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-cat-btn.active i {
    color: #BD0917;
}
:where(body[data-page="itemshop"]) .is-cat-btn.active .cat-count {
    background: rgba(189, 9, 23, .2);
    color: #ff6b6b;
}
:where(body[data-page="itemshop"]) .is-price-filter {
    margin-bottom: 24px;
}
:where(body[data-page="itemshop"]) .is-price-row {
    display: flex;
    gap: 8px;
}
:where(body[data-page="itemshop"]) .is-price-input {
    flex: 1;
    min-width: 0;
    width: 0;
    padding: 8px 10px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 3px;
    color: rgba(255, 255, 255, .65);
    font-size: 12px;
    font-family: 'Pretendard';
    outline: none;
    transition: border-color .2s;
}
:where(body[data-page="itemshop"]) .is-price-input:focus {
    border-color: rgba(189, 9, 23, .4);
}
:where(body[data-page="itemshop"]) .is-price-input::placeholder {
    color: rgba(255, 255, 255, .2);
}
:where(body[data-page="itemshop"]) .r-common {
    color: rgba(255, 255, 255, .45);
}
:where(body[data-page="itemshop"]) .r-uncommon {
    color: #6fde9b;
}
:where(body[data-page="itemshop"]) .r-rare {
    color: #6eb8ff;
}
:where(body[data-page="itemshop"]) .r-epic {
    color: #b47fff;
}
:where(body[data-page="itemshop"]) .r-legendary {
    color: #FFD700;
}
:where(body[data-page="itemshop"]) .is-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
}
:where(body[data-page="itemshop"]) .is-topbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
:where(body[data-page="itemshop"]) .is-result-count {
    font-size: 12px;
    color: rgba(255, 255, 255, .3);
}
:where(body[data-page="itemshop"]) .is-sort {
    padding: 8px 28px 8px 10px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 3px;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    font-family: 'Pretendard';
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(255,255,255,0.35)' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    outline: none;
}
:where(body[data-page="itemshop"]) .is-sort option {
    background: #1b1a15;
}
:where(body[data-page="itemshop"]) .is-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
:where(body[data-page="itemshop"]) .is-search-wrap i {
    position: absolute;
    left: 10px;
    color: rgba(255, 255, 255, .25);
    font-size: 12px;
    pointer-events: none;
}
:where(body[data-page="itemshop"]) .is-search {
    padding: 8px 12px 8px 30px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 3px;
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
    font-family: 'Pretendard';
    width: 200px;
    outline: none;
    transition: border-color .2s;
}
:where(body[data-page="itemshop"]) .is-search::placeholder {
    color: rgba(255, 255, 255, .25);
}
:where(body[data-page="itemshop"]) .is-search:focus {
    border-color: rgba(189, 9, 23, .4);
}
:where(body[data-page="itemshop"]) .is-view-btns {
    display: flex;
    gap: 4px;
}
:where(body[data-page="itemshop"]) .is-view-btn {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 3px;
    color: rgba(255, 255, 255, .35);
    cursor: pointer;
    transition: all .2s ease;
    font-size: 13px;
}
:where(body[data-page="itemshop"]) .is-view-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, .08);
}
:where(body[data-page="itemshop"]) .is-view-btn.active {
    background: rgba(189, 9, 23, .12);
    border-color: rgba(189, 9, 23, .3);
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 14px;
    margin-bottom: 30px;
}
:where(body[data-page="itemshop"]) .is-item-card {
    background: #181713;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: all .25s ease;
    position: relative;
    display: flex;
    flex-direction: column;
}
:where(body[data-page="itemshop"]) .is-item-card:hover {
    border-color: rgba(189, 9, 23, .35);
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .4);
}
:where(body[data-page="itemshop"]) .is-item-new-badge {
    position: absolute;
    top: 0;
    left: 0;
    background: #BD0917;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 3px 10px;
    text-transform: uppercase;
    border-radius: 0 0 3px 0;
    z-index: 2;
}
:where(body[data-page="itemshop"]) .is-item-sale-badge {
    position: absolute;
    top: 0;
    right: 0;
    background: #ffd966;
    color: #1a1000;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .5px;
    padding: 3px 8px;
    text-transform: uppercase;
    border-radius: 0 0 0 3px;
    z-index: 2;
}
:where(body[data-page="itemshop"]) .is-item-img {
    background: linear-gradient(180deg, #1a1814 0%, #0e0d0b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
:where(body[data-page="itemshop"]) .is-item-img:focus-visible {
    outline: 2px solid #d5ae65;
    outline-offset: -3px;
}
:where(body[data-page="itemshop"]) .is-item-img .is-item-icon {
    font-size: 48px;
    transition: transform .3s ease;
}
:where(body[data-page="itemshop"]) .is-item-img img.is-item-icon {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    object-fit: contain;
    position: relative;
    z-index: 1;
}
:where(body[data-page="itemshop"]) .is-item-card:hover .is-item-icon {
    transform: scale(1.1) translateY(-4px);
}
:where(body[data-page="itemshop"]) .is-item-img .is-glow {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
}
:where(body[data-page="itemshop"]) .is-item-card:hover .is-glow {
    opacity: 1;
}
:where(body[data-page="itemshop"]) .is-item-body {
    padding: 12px 14px 14px;
    display: flex;
    flex: 1;
    flex-direction: column;
}
:where(body[data-page="itemshop"]) .is-item-rarity {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
:where(body[data-page="itemshop"]) .r-label-premium {
    color: #FFD700;
}
:where(body[data-page="itemshop"]) .r-label-new {
    color: #6eb8ff;
}
:where(body[data-page="itemshop"]) .r-label-consumables {
    color: #4cff8b;
}
:where(body[data-page="itemshop"]) .r-label-enhancements {
    color: #b47fff;
}
:where(body[data-page="itemshop"]) .r-label-costumes {
    color: #ff8cc6;
}
:where(body[data-page="itemshop"]) .r-label-essentials {
    color: #5cb8ff;
}
:where(body[data-page="itemshop"]) .r-label-seasonal {
    color: #7ee7ff;
}
:where(body[data-page="itemshop"]) .r-label-common {
    color: #888;
}
:where(body[data-page="itemshop"]) .r-label-uncommon {
    color: #4cff8b;
}
:where(body[data-page="itemshop"]) .r-label-rare {
    color: #5cb8ff;
}
:where(body[data-page="itemshop"]) .r-label-epic {
    color: #b47fff;
}
:where(body[data-page="itemshop"]) .r-label-legendary {
    color: #FFD700;
}
:where(body[data-page="itemshop"]) .is-item-name {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 4px;
    line-height: 1.3;
    min-height: 34px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
:where(body[data-page="itemshop"]) .is-item-desc {
    font-size: 11px;
    color: rgba(255, 255, 255, .3);
    margin-bottom: 10px;
    line-height: 1.5;
    min-height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
:where(body[data-page="itemshop"]) .is-item-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: auto;
}
:where(body[data-page="itemshop"]) .is-item-price {
    display: flex;
    align-items: center;
    gap: 6px;
}
:where(body[data-page="itemshop"]) .is-item-price i {
    color: #FFD700;
    font-size: 12px;
}
:where(body[data-page="itemshop"]) .is-item-price .price-new {
    font-family: var(--font-heading);
    font-size: 14px;
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-item-price .price-old {
    font-size: 11px;
    color: rgba(255, 255, 255, .25);
    text-decoration: line-through;
}
:where(body[data-page="itemshop"]) .is-buy-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    background: rgba(189, 9, 23, .15);
    border: 1px solid rgba(189, 9, 23, .3);
    border-radius: 3px;
    color: #ff8f8f;
    font-size: 10px;
    font-family: var(--font-heading);
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s ease;
}
:where(body[data-page="itemshop"]) .is-buy-btn:hover {
    background: #BD0917;
    border-color: #BD0917;
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-gift-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    background: rgba(209, 159, 80, .08);
    border: 1px solid rgba(209, 159, 80, .25);
    border-radius: 3px;
    color: #d19f50;
    font-size: 10px;
    font-family: var(--font-heading);
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s ease;
}
:where(body[data-page="itemshop"]) .is-gift-btn:hover {
    background: #d19f50;
    border-color: #d19f50;
    color: #15120d;
}
:where(body[data-page="itemshop"]) .is-shop-modal {
    padding: 24px 0;
    overflow: hidden;
}
:where(body[data-page="itemshop"]) .is-shop-modal .modal-box-hf {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    margin: 0 auto !important;
    padding-top: 18px;
    box-sizing: border-box;
    background: #171410;
    border: 1px solid rgba(209,159,80,.18);
    border-radius: 5px;
    box-shadow: 0 24px 80px rgba(0,0,0,.65);
}
:where(body[data-page="itemshop"]) .is-shop-modal .modal-close-hf {
    top: 8px;
    right: 8px;
    z-index: 5;
}
:where(body[data-page="itemshop"]) .modal-close-hf span {
    display: block;
    color: #fff;
    font: 400 28px/1 Arial, sans-serif;
    transform: translateY(-1px);
}
:where(body[data-page="itemshop"]) .is-shop-modal .login-title {
    flex: 0 0 auto;
    padding: 0 20px;
}
:where(body[data-page="itemshop"]) .is-shop-modal-body {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    padding: 0 !important;
}
:where(body[data-page="itemshop"]) .is-shop-modal-scroll {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 20px 18px;
    scrollbar-color: rgba(209,159,80,.45) rgba(255,255,255,.04);
    scrollbar-width: thin;
}
:where(body[data-page="itemshop"]) .is-shop-modal-scroll::-webkit-scrollbar {
    width: 9px;
}
:where(body[data-page="itemshop"]) .is-shop-modal-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04);
}
:where(body[data-page="itemshop"]) .is-shop-modal-scroll::-webkit-scrollbar-thumb {
    background: rgba(209,159,80,.4);
    border: 2px solid #171410;
    border-radius: 8px;
}
:where(body[data-page="itemshop"]) .is-shop-modal-actions {
    flex: 0 0 auto;
    padding: 12px 20px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
    background: #171410;
    box-shadow: 0 -10px 24px rgba(0,0,0,.28);
}
:where(body[data-page="itemshop"]) .is-nochar-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0 0 20px;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(189,9,23,.16), rgba(209,159,80,.07));
    border: 1px solid rgba(209,159,80,.28);
    border-left: 3px solid #BD0917;
    border-radius: 4px;
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
    color: rgba(255,255,255,.68);
}
:where(body[data-page="itemshop"]) .is-nochar-notice > i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #d19f50;
    font-size: 20px;
}
:where(body[data-page="itemshop"]) .is-nochar-notice div {
    min-width: 0;
}
:where(body[data-page="itemshop"]) .is-nochar-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
:where(body[data-page="itemshop"]) .is-nochar-notice span {
    display: block;
    font-size: 13px;
    line-height: 1.6;
}
:where(body[data-page="itemshop"]) .is-buy-btn.is-buy-btn-disabled,:where(body[data-page="itemshop"])  .is-buy-btn:disabled {
    cursor: not-allowed;
    opacity: .42;
    filter: grayscale(.5);
}
:where(body[data-page="itemshop"]) .is-buy-btn.is-buy-btn-disabled:hover,:where(body[data-page="itemshop"])  .is-buy-btn:disabled:hover {
    background: rgba(189,9,23,.15);
    border-color: rgba(189,9,23,.3);
    color: #ff8f8f;
}
:where(body[data-page="itemshop"]) .is-item-actions {
    display: flex;
    gap: 6px;
}
:where(body[data-page="itemshop"]) .is-item-variant {
    display: grid;
    grid-template-columns: 1fr minmax(76px, 96px);
    align-items: center;
    gap: 12px;
    min-height: 42px;
    margin: 0 0 14px;
    padding: 8px 10px 8px 12px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 4px;
}
:where(body[data-page="itemshop"]) .is-item-variant label {
    margin: 0;
    color: rgba(255,255,255,.58);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
:where(body[data-page="itemshop"]) .is-variant-select {
    width: 100%;
    min-height: 34px;
    padding: 6px 30px 6px 10px;
    appearance: none;
    -webkit-appearance: none;
    background-color: #0f0f0d;
    background-image: linear-gradient(45deg, transparent 50%, #d5ae65 50%), linear-gradient(135deg, #d5ae65 50%, transparent 50%);
    background-position: calc(100% - 15px) 14px, calc(100% - 10px) 14px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    border: 1px solid rgba(209,174,101,.28);
    border-radius: 3px;
    color: #fff;
    font: 700 13px var(--font-body);
    cursor: pointer;
}
:where(body[data-page="itemshop"]) .is-variant-select:focus-visible {
    outline: 2px solid rgba(213,174,101,.65);
    outline-offset: 2px;
}
:where(body[data-page="itemshop"]) .is-card-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: auto;
}
:where(body[data-page="itemshop"]) .is-card-actions .is-buy-btn,:where(body[data-page="itemshop"]) 
        .is-card-actions .is-detail-btn {
    width: 100%;
    min-height: 40px;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
}
:where(body[data-page="itemshop"]) .is-detail-btn-wrapper {
    margin-top: 8px;
}
:where(body[data-page="itemshop"]) .is-detail-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    width: 100%;
    padding: 5px 10px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 3px;
    color: rgba(255, 255, 255, .45);
    font-size: 10px;
    font-family: var(--font-heading);
    letter-spacing: .5px;
    cursor: pointer;
    transition: all .2s ease;
}
:where(body[data-page="itemshop"]) .is-detail-btn:hover {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(189, 9, 23, .3);
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-preview-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: rgba(180, 127, 255, .12);
    border: 1px solid rgba(180, 127, 255, .25);
    border-radius: 3px;
    color: #c9aaff;
    font-size: 11px;
    font-family: var(--font-heading);
    letter-spacing: .5px;
    cursor: pointer;
    transition: all .2s ease;
    text-transform: uppercase;
}
:where(body[data-page="itemshop"]) .is-preview-btn:hover {
    background: rgba(180, 127, 255, .2);
    border-color: rgba(180, 127, 255, .4);
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-preview-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    background: #0e0d0b;
    border-radius: 4px;
    overflow: hidden;
}
:where(body[data-page="itemshop"]) .is-preview-wrap img,:where(body[data-page="itemshop"]) 
        .is-preview-wrap canvas {
    max-width: 100%;
    max-height: 400px;
    border-radius: 4px;
}
:where(body[data-page="itemshop"]) .is-preview-placeholder {
    color: rgba(255, 255, 255, .25);
    font-size: 12px;
    text-align: center;
    padding: 40px;
}
:where(body[data-page="itemshop"]) .detail-field {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}
:where(body[data-page="itemshop"]) .detail-field:last-child {
    border-bottom: none;
}
:where(body[data-page="itemshop"]) .detail-label {
    flex: 0 0 100px;
    font-size: 11px;
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
    letter-spacing: 1px;
}
:where(body[data-page="itemshop"]) .detail-value {
    flex: 1;
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
    line-height: 1.6;
}
:where(body[data-page="itemshop"]) .ic-common {
    color: rgba(255, 255, 255, .4);
}
:where(body[data-page="itemshop"]) .ic-uncommon {
    color: #6fde9b;
}
:where(body[data-page="itemshop"]) .ic-rare {
    color: #6eb8ff;
}
:where(body[data-page="itemshop"]) .ic-epic {
    color: #b47fff;
}
:where(body[data-page="itemshop"]) .ic-legendary {
    color: #FFD700;
}
:where(body[data-page="itemshop"]) .glow-uncommon {
    background: radial-gradient(circle, rgba(111, 222, 155, .12) 0%, transparent 70%);
}
:where(body[data-page="itemshop"]) .glow-rare {
    background: radial-gradient(circle, rgba(110, 184, 255, .14) 0%, transparent 70%);
}
:where(body[data-page="itemshop"]) .glow-epic {
    background: radial-gradient(circle, rgba(180, 127, 255, .16) 0%, transparent 70%);
}
:where(body[data-page="itemshop"]) .glow-legendary {
    background: radial-gradient(circle, rgba(255, 215, 0, .18) 0%, transparent 70%);
}
:where(body[data-page="itemshop"]) .is-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}
:where(body[data-page="itemshop"]) .is-page-info {
    font-size: 12px;
    color: rgba(255, 255, 255, .3);
}
:where(body[data-page="itemshop"]) .is-pages {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
:where(body[data-page="itemshop"]) .is-page-btn {
    min-width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 3px;
    color: rgba(255, 255, 255, .45);
    font-size: 12px;
    font-family: var(--font-heading);
    cursor: pointer;
    transition: all .2s ease;
    text-decoration: none;
    border: none;
}
:where(body[data-page="itemshop"]) .is-page-btn:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-page-btn.active {
    background: #BD0917;
    color: #fff;
}
:where(body[data-page="itemshop"]) .is-page-btn.dots {
    cursor: default;
    background: none;
}
:where(body[data-page="itemshop"]) .is-layout > * {
    min-width: 0;
}
:where(body[data-page="itemshop"]) .is-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
    align-items: stretch;
}
:where(body[data-page="itemshop"]) .is-item-card {
    min-width: 0;
}
:where(body[data-page="itemshop"]) .is-card-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}
:where(body[data-page="itemshop"]) .is-card-actions .is-buy-btn,:where(body[data-page="itemshop"]) 
        .is-card-actions .is-detail-btn,:where(body[data-page="itemshop"]) 
        .is-card-actions .is-gift-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 7px 5px;
    box-sizing: border-box;
    white-space: nowrap;
}
html:where(:has(body[data-page="status"])),body:where([data-page="status"]) {
    max-width: 100%;
    overflow-x: hidden
}
body:where([data-page="status"]) {
    background: #090a08
}
:where(body[data-page="status"]) .hf-status-page {
    min-height: 70vh;
    padding: 150px 20px 90px;
    background: #090a08 url('/images/hero-bg.png') center/cover fixed;
    color: #ddd;
    position: relative
}
:where(body[data-page="status"]) .hf-status-page:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(6,7,5,.88)
}
:where(body[data-page="status"]) .hf-status-shell {
    position: relative;
    z-index: 1
}
:where(body[data-page="status"]) .hf-status-shell {
    width: min(860px,100%);
    margin: auto
}
:where(body[data-page="status"]) .hf-status-title {
    text-align: center;
    margin-bottom: 34px
}
:where(body[data-page="status"]) .hf-status-title h1 {
    color: #fff;
    font-family: var(--font-heading);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 38px
}
:where(body[data-page="status"]) .hf-status-title p {
    color: #8e8e8e;
    margin-top: 10px
}
:where(body[data-page="status"]) .hf-status-panel {
    background: rgba(17,18,15,.96);
    border: 1px solid rgba(189,9,23,.32);
    box-shadow: 0 18px 50px rgba(0,0,0,.4);
    padding: 12px 28px
}
:where(body[data-page="status"]) .hf-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 25px 4px;
    border-bottom: 1px solid rgba(255,255,255,.07)
}
:where(body[data-page="status"]) .hf-status-row:last-child {
    border-bottom: 0
}
:where(body[data-page="status"]) .hf-status-row div {
    display: flex;
    align-items: center;
    gap: 14px
}
:where(body[data-page="status"]) .hf-status-row strong {
    font-size: 18px;
    color: #f1f1f1
}
:where(body[data-page="status"]) .hf-status-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 12px currentColor
}
:where(body[data-page="status"]) .hf-status-dot--online {
    color: #26e673;
    background: #26e673
}
:where(body[data-page="status"]) .hf-status-dot--offline {
    color: #e05252;
    background: #e05252
}
:where(body[data-page="status"]) .hf-status-pill {
    min-width: 92px;
    text-align: center;
    padding: 7px 14px;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px
}
:where(body[data-page="status"]) .hf-status-pill--online {
    color: #26e673;
    background: rgba(38,230,115,.1);
    border: 1px solid rgba(38,230,115,.28)
}
:where(body[data-page="status"]) .hf-status-pill--offline {
    color: #e05252;
    background: rgba(224,82,82,.1);
    border: 1px solid rgba(224,82,82,.28)
}
:where(body[data-page="status"]) .hf-status-checked {
    text-align: center;
    color: #777;
    font-size: 13px;
    margin-top: 18px
}
body:where([data-page="verify"]) {
    background: #0e0d0b;
}
:where(body[data-page="verify"]) .verify-wrap {
    padding-top: 57px;
}
:where(body[data-page="verify"]) .verify-hero {
    background: url('/images/hero-bg.webp') no-repeat center / cover;
    padding: 70px 0 55px;
    position: relative;
    overflow: hidden;
}
:where(body[data-page="verify"]) .verify-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,7,5,.88) 0%, rgba(8,7,5,.7) 50%, rgba(8,7,5,.97) 100%);
    pointer-events: none;
}
:where(body[data-page="verify"]) .verify-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}
:where(body[data-page="verify"]) .verify-eyebrow {
    display: block;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 5px;
    color: #BD0917;
    text-transform: uppercase;
    margin-bottom: 18px;
}
:where(body[data-page="verify"]) .verify-hero-content h1 {
    font-family: var(--font-heading);
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 14px;
    text-shadow: 0 4px 40px rgba(0,0,0,.6);
}
:where(body[data-page="verify"]) .verify-divider {
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #BD0917, transparent);
    margin: 0 auto 22px;
}
:where(body[data-page="verify"]) .verify-section {
    background: #111009;
    padding: 70px 0 80px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
:where(body[data-page="verify"]) .verify-card-container {
    background: #151310;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    width: 100%;
    max-width: 500px;
    padding: 50px 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    text-align: center;
}
:where(body[data-page="verify"]) .verify-title {
    margin-bottom: 30px;
}
:where(body[data-page="verify"]) .verify-title h2 {
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
:where(body[data-page="verify"]) .verify-line {
    margin-bottom: 15px;
}
:where(body[data-page="verify"]) .verify-line img {
    max-width: 100%;
    height: auto;
}
:where(body[data-page="verify"]) .verify-status-icon {
    font-size: 64px;
    margin: 20px 0;
    transition: transform 0.3s ease;
}
:where(body[data-page="verify"]) .verify-status-icon.loading {
    color: #d19f50;
}
:where(body[data-page="verify"]) .verify-status-icon.success {
    color: #2ecc71;
}
:where(body[data-page="verify"]) .verify-status-icon.error {
    color: #e74c3c;
}
:where(body[data-page="verify"]) .verify-message {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255,255,255,.7);
    margin: 20px 0 30px;
}
:where(body[data-page="verify"]) .verify-action-btn {
    display: inline-block;
    background: #BD0917;
    color: #fff;
    padding: 14px 30px;
    text-decoration: none;
    font-family: var(--font-heading);
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 3px;
    transition: background .2s ease, transform .2s ease;
}
:where(body[data-page="verify"]) .verify-action-btn:hover {
    background: #9e0813;
    transform: translateY(-1px);
}
:root {
    --hf-surface: #151411;
    --hf-base: #100f0e;
    --hf-ink: #eee7db;
    --hf-muted: #b7b0a4;
    --hf-line: #d9b77a26;
    --hf-gold: #d9b77a;
    --hf-red: #c80b1c;
}
html body,html body :is(.hf-site-main,.section-wrapper20-area,.ns-section,.gs-wrap,.social-midea-area,.dl-drivers) {
    background-image: none!important;
    background-color: var(--hf-base)!important;
}
html body :is(.ac-sidebar-card,.ac-content-card,.ns-sidebar-card,.ns-post-author-panel,.gs-article,.is-preview-wrap) {
    background: var(--hf-surface)!important;
    border: 1px solid var(--hf-line)!important;
    border-radius: 5px!important;
    box-shadow: none!important;
    transform: none!important;
}
html body :is(.ac-card-header,.ac-content-card-header,.dl-card-top,.dl-sysreq-head) {
    background: #1b1915!important;
    border-bottom: 1px solid var(--hf-line)!important;
}
html body :is(.ac-hero h1,.ns-title,.gs-title) {
    font-family: Cinzel,Georgia,serif!important;
    font-weight: 400!important;
    letter-spacing: .025em!important;
}
html body :is(.ac-save-btn,.gd-reset,.is-preview-btn,.dl-drv-btn,.input-submit button) {
    background: var(--hf-red)!important;
    border-radius: 4px!important;
    box-shadow: none!important;
    text-shadow: none!important;
    transform: none!important;
}
html body :is(.hf-account-drawer,.hf-drawer-panel,.hf-drawer-links),html body.hf-drawer-collapsed .hf-account-drawer,html body.hf-drawer-collapsed .hf-drawer-links a,html body.hf-drawer-collapsed a.hf-drawer-panel {
    background: #141310!important;
    box-shadow: none!important;
    border-color: var(--hf-line)!important;
}
html body .hf-account-drawer::before,html body :is(.nw-hero,.rk-hero,.dl-hero,.gd-hero,.ac-hero,.is-hero)>.container::after,html body .dl-title::after {
    display: none!important;
}
html body :is(.gd-wrap,.ac-wrap,.is-wrap) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html body :is(.gd-wrap,.ac-wrap,.is-wrap) select,html body .ac-wrap textarea,html body #rkSearch {
    background: #100f0e!important;
    box-shadow: none!important;
}
html body {
    background-color: var(--hf-base);
    color: var(--hf-ink);
    font-family: Inter,Arial,sans-serif;
    line-height: 1.6;
}
html body .container {
    width: 100%!important;
    max-width: 1328px!important;
    margin-inline: auto!important;
    padding-inline: 40px!important;
    box-sizing: border-box;
}
html body .menu20-fixed {
    height: 80px!important;
    background: #100f0e!important;
    border-bottom: 1px solid var(--hf-line)!important;
    box-shadow: none!important;
    backdrop-filter: none!important;
}
html body .menu20-fixed .hero-main.menu20 {
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 24px;
    height: 80px!important;
    min-height: 80px!important;
    padding: 0!important;
    margin: 0!important;
    background: none!important;
}
html body .menu20-fixed .nav-brand {
    position: static!important;
    transform: none!important;
    display: flex!important;
    flex: 0 0 150px!important;
    margin: 0!important;
    width: 150px!important;
}
html body .menu20-fixed .nav-brand img {
    width: 150px!important;
    height: 72px!important;
    max-height: 72px!important;
    object-fit: contain!important;
    transform: none!important;
    filter: none!important;
}
html body .menu20-fixed .hero-left {
    display: none!important;
}
html body .menu20-fixed .hero-middle {
    flex: 1;
    min-width: 0;
}
html body .menu20-fixed .hero-middle ul {
    display: flex;
    justify-content: center;
    gap: clamp(12px,1.5vw,28px)!important;
    margin: 0!important;
    padding: 0!important;
}
html body .menu20-fixed .hero-middle li {
    margin: 0!important;
    padding: 0!important;
}
html body .menu20-fixed .hero-middle a {
    font: 600 11px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .04em!important;
    padding: 12px 0!important;
    color: #ded8ce!important;
    background: none!important;
    text-shadow: none!important;
    white-space: nowrap;
}
html body .menu20-fixed .hero-middle a::before,html body .menu20-fixed .hero-middle a::after {
    display: none!important;
}
html body .menu20-fixed .hero-middle a:is(:hover,.active,[aria-current="page"]) {
    color: var(--hf-gold)!important;
}
html body .menu20-fixed .hero-middle a:is(.active,[aria-current="page"]) {
    border-bottom: 1px solid var(--hf-gold)!important;
}
html body .menu20-fixed .hero-right {
    flex: 0 0 auto;
}
html body .menu20-fixed .hero-right ul {
    gap: 10px!important;
    margin: 0!important;
    padding: 0!important;
}
html body .menu20-fixed .hero-right .hf-guest-only button {
    min-width: 110px!important;
    width: auto!important;
    height: 42px!important;
    padding: 0 24px!important;
    border: 1px solid #df2432!important;
    border-radius: 4px!important;
    background: var(--hf-red)!important;
    box-shadow: none!important;
    font: 600 12px Inter,Arial,sans-serif!important;
    letter-spacing: .04em;
    color: white!important;
}
html body .menu20-fixed :is(.user-pill,.lang-pill) {
    border-radius: 4px!important;
    box-shadow: none!important;
    background: #1b1915!important;
    border-color: var(--hf-line)!important;
}
html body :is(.nw-wrap,.rk-wrap,.dl-wrap,.is-wrap,.ac-wrap,.gd-wrap,.ah-wrap) {
    padding-top: 80px!important;
}
html body :is(.nw-hero,.rk-hero,.dl-hero,.is-hero,.gd-hero,.ah-hero) {
    padding: 54px 0 40px!important;
    border-bottom: 1px solid var(--hf-line)!important;
}
html body :is(.nw-hero,.rk-hero,.dl-hero,.is-hero,.gd-hero,.ah-hero) h1 {
    font-family: Cinzel,Georgia,serif!important;
    font-size: clamp(30px,3.4vw,44px)!important;
    font-weight: 400!important;
    line-height: 1.25!important;
    letter-spacing: .025em!important;
    color: var(--hf-ink)!important;
    text-shadow: none!important;
    margin-bottom: 14px!important;
}
html body :is(.nw-hero,.rk-hero,.dl-hero,.is-hero,.gd-hero,.ah-hero) p {
    font: 400 14px/1.75 Inter,Arial,sans-serif!important;
    color: #c5bdb0!important;
    letter-spacing: 0!important;
}
html body :is(.nw-eyebrow,.rk-eyebrow,.dl-eyebrow,.is-eyebrow,.gd-kicker) {
    color: var(--hf-gold)!important;
    font: 500 10px/1.6 Inter,Arial,sans-serif!important;
    letter-spacing: .15em!important;
}
html body :is(.nw-section,.rk-section,.dl-section,.is-section,.ac-section,.gd-section,.ah-section) {
    background: var(--hf-base)!important;
    padding-block: 40px 56px!important;
}
html body :is(.nw-card,.nw-side-card,.dl-card,.dl-sysreq,.dl-drv,.is-card,.is-sidebar,.ac-card,.gd-filter,.gd-table-wrap,.rk-table-wrap) {
    background: var(--hf-surface)!important;
    border: 1px solid var(--hf-line)!important;
    border-radius: 5px!important;
    box-shadow: none!important;
}
html body :is(.nw-card,.nw-side-card,.dl-card,.dl-drv,.is-card):hover {
    border-color: #d9b77a65!important;
    box-shadow: none!important;
    transform: none!important;
}
html body :is(.nw-card-body,.ac-card-body) {
    padding: 22px!important;
}
html body :is(.nw-card h3,.nw-side-card h3,.nw-side-card h4,.dl-card h3,.ac-card h3,.gd-filter-title) {
    font-family: Cinzel,Georgia,serif!important;
    font-weight: 400!important;
    letter-spacing: .01em!important;
    line-height: 1.4!important;
    color: var(--hf-ink)!important;
}
html body :is(.nw-card-body p,.nw-side-card-body p,.ac-card p,.dl-drv p) {
    font: 400 13px/1.7 Inter,Arial,sans-serif!important;
    color: var(--hf-muted)!important;
}
html body :is(.nw-card-tag,.nw-side-tag,.nw-read-more,.gd-read) {
    color: var(--hf-gold)!important;
    letter-spacing: .04em!important;
}
html body :is(.nw-card-date,.nw-page-info,.dl-card-meta) {
    color: #b4ac9e!important;
}
html body :is(.nw-filter-bar,.rk-filter-bar,.ac-tabs-nav) {
    background: #141310!important;
    border-color: var(--hf-line)!important;
    box-shadow: none!important;
}
html body :is(.nw-cat-tab,.rk-tab,.ac-nav-tab,.gd-category,.gd-map-option,.is-cat-btn,.dl-req-tab) {
    font-family: Inter,Arial,sans-serif!important;
    font-weight: 500!important;
    letter-spacing: .01em!important;
    border-radius: 4px!important;
    box-shadow: none!important;
}
html body :is(.nw-cat-tab,.rk-tab,.ac-nav-tab,.gd-category,.gd-map-option,.is-cat-btn,.dl-req-tab).active {
    background: #d9b77a12!important;
    color: #e5c487!important;
    border-color: #d9b77a55!important;
    box-shadow: none!important;
}
html body :is(.nw-search,.is-search,.gd-search-box,input[type="search"]) {
    background: #0f0e0c!important;
    border-color: #d9b77a35!important;
    border-radius: 4px!important;
    color: var(--hf-ink)!important;
    box-shadow: none!important;
}
html body :is(.gd-table,.rk-table,.ac-table) th {
    font: 600 10px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .07em!important;
    color: #cabfae!important;
    background: #1b1915!important;
}
html body :is(.gd-table,.rk-table,.ac-table) td {
    font-family: Inter,Arial,sans-serif!important;
    font-size: 13px!important;
    border-color: #ffffff0c!important;
}
html body :is(.nw-page-btn,.is-page-btn,.dl-drv-btn,.gd-reset) {
    border-radius: 4px!important;
    box-shadow: none!important;
}
html body .footer-area {
    background: #0b0a09!important;
    border-top: 1px solid var(--hf-line)!important;
    padding: 36px 0!important;
}
html body .footer-main ul {
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: center;
    gap: 14px 24px!important;
}
html body .footer-main li:has(>img) {
    display: none!important;
}
html body .footer-main a {
    font: 500 11px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .04em!important;
    color: #c4bcaf!important;
}
html body .copyright-item p {
    font: 400 11px/1.7 Inter,Arial,sans-serif!important;
    color: #958c7f!important;
}
html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body select:focus-visible,html body textarea:focus-visible {
    outline: 2px solid #e5c487!important;
    outline-offset: 3px;
}
html body .admin-wrap {
    max-width: 1328px;
    padding: 48px 40px;
}
html body .nw-featured-main {
    border: 1px solid var(--hf-line);
    background: var(--hf-surface);
}
html body .nw-featured-main img {
    height: auto!important;
    aspect-ratio: 2.3/1;
    object-fit: cover;
}
html body .nw-featured-main-overlay {
    position: static!important;
    background: var(--hf-surface)!important;
    padding: 20px!important;
}
html body .nw-featured-main-overlay h2 {
    font: 400 25px/1.35 Cinzel,Georgia,serif!important;
    letter-spacing: .01em!important;
}
html body .nw-featured-main-overlay p {
    color: var(--hf-muted)!important;
}
html body .nw-featured-meta {
    display: flex;
    gap: 16px;
    font-size: 11px;
    color: var(--hf-muted);
    margin-top: 14px;
}
html body .nw-tag {
    color: var(--hf-gold)!important;
}
html body .nw-featured {
    gap: 28px!important;
}
html body .nw-side-card h3 {
    font-size: 18px!important;
}
html body .dl-title,html body .rk-section h2 {
    font: 400 28px/1.3 Cinzel,Georgia,serif!important;
    letter-spacing: .02em!important;
}
html body .admin-header h1 {
    font: 400 30px/1.3 Cinzel,Georgia,serif;
    letter-spacing: .025em;
    color: var(--hf-ink);
}
html body .admin-table-wrapper {
    overflow-x: auto;
    border: 1px solid var(--hf-line);
    border-radius: 5px;
}
html body .admin-table {
    background: var(--hf-surface);
}
html body .admin-table th {
    color: #cabfae;
    font-family: Inter,Arial,sans-serif;
    letter-spacing: .06em;
}
html body .admin-table td {
    color: #d0c8ba;
}
html body .admin-btn {
    font-family: Inter,Arial,sans-serif;
    letter-spacing: .03em;
    border-radius: 4px;
}
html body .admin-form label,html body .admin-field-help {
    color: #b7b0a4;
}
html body .admin-form :is(input,select,textarea) {
    font-family: Inter,Arial,sans-serif;
    border-color: var(--hf-line);
}
html body[data-page="home"] .news-area > .container {
    max-width: 1328px!important;
    padding-inline: 40px!important;
}
html body[data-page="home"] .news-area {
    padding: 48px 0 56px!important;
}
html body[data-page="home"] .news-section-heading {
    margin-bottom: 20px!important;
}
html body[data-page="home"] .news-section-heading h2 {
    font-size: clamp(22px,2.3vw,30px)!important;
}
html body[data-page="home"] .news-area .tab-container,html body[data-page="home"] .news-area .tab-content,html body[data-page="home"] .news-area .tab-pane {
    width: 100%!important;
    max-width: none!important;
    margin: 0!important;
    padding: 0!important;
}
html body[data-page="home"] .news-area .tab-buttons {
    margin-bottom: 18px!important;
}
html body[data-page="home"] .news-main {
    grid-template-columns: minmax(0,1.22fr) minmax(0,1fr)!important;
    gap: 28px!important;
    align-items: start!important;
}
html body[data-page="home"] .news-left-img img {
    aspect-ratio: 2.3/1!important;
    border-radius: 0!important;
}
html body[data-page="home"] .news-left-cnt {
    padding: 18px 20px!important;
}
html body[data-page="home"] .news-title,html body[data-page="home"] .news-title a {
    font-size: 25px!important;
}
html body[data-page="home"] .news-right {
    gap: 0!important;
}
html body[data-page="home"] .news-flex {
    grid-template-columns: 108px minmax(0,1fr)!important;
    gap: 18px!important;
    padding: 18px 0!important;
    flex: 0 0 auto!important;
    min-height: 116px!important;
}
html body[data-page="home"] .news-flex:first-child {
    padding-top: 0!important;
}
html body[data-page="home"] .news-col-left img {
    aspect-ratio: 1.45/1!important;
    border-radius: 3px!important;
}
html body[data-page="home"] .news-col-right h4,html body[data-page="home"] .news-col-right h4 a {
    font-size: 19px!important;
}
html body[data-page="home"] :is(.mage-area,.player-area,.social-area) {
    padding-block: 48px!important;
}
html body[data-page="home"] :is(.mage-area,.player-area,.social-area) h2 {
    font-size: 30px!important;
    font-weight: 400!important;
    letter-spacing: .025em!important;
}
@media(prefers-reduced-motion:reduce) {
html body [data-aos] {
    transition: none!important;
    transform: none!important;
    opacity: 1!important;
}
html body {
    scroll-behavior: auto;
}
}
html body[data-page="home"] .social-midea-main {
    width: 100%!important;
    max-width: none!important;
    margin: 0!important;
    padding: 0!important;
}
html body[data-page="home"] .hf-home-rank-level {
    justify-content: flex-start!important;
    text-align: left!important;
}
html body[data-page="home"] .phase-accordion .accordion-body {
    padding: 0!important;
}
html body[data-page="home"] .phase-accordion .accordion-item.active .accordion-header h3 {
    color: #e5c487!important;
}
html body[data-page="home"] :is(.mage-area,.player-area,.social-midea-area) {
    padding: 48px 0!important;
    background: #100f0e!important;
    border-top: 1px solid #d9b77a18;
}
html body[data-page="home"] :is(.mage-area,.player-area,.social-midea-area) .news-section-heading {
    margin: 0 0 26px!important;
}
html body[data-page="home"] :is(.mage-area,.player-area,.social-midea-area) h2 {
    font: 400 clamp(22px,2.3vw,30px)/1.3 Cinzel,Georgia,serif!important;
    letter-spacing: .025em!important;
    color: #eee7db!important;
    text-shadow: none!important;
}
html body[data-page="home"] :is(.mage-area,.player-area,.social-midea-area) .heading-line {
    display: none!important;
}
html body[data-page="home"] .phase-layout {
    display: grid!important;
    grid-template-columns: minmax(0,1.65fr) minmax(0,1fr)!important;
    gap: 48px!important;
    align-items: center!important;
    margin: 0!important;
}
html body[data-page="home"] .phase-left {
    width: 100%!important;
    max-width: none!important;
}
html body[data-page="home"] .phase-accordion {
    width: 100%!important;
}
html body[data-page="home"] .phase-accordion .accordion-item {
    background: #151411!important;
    border: 1px solid #d9b77a26!important;
    border-radius: 5px!important;
    box-shadow: none!important;
    margin-bottom: 14px!important;
    overflow: hidden;
}
html body[data-page="home"] .phase-accordion .accordion-item.active {
    border-color: #d9b77a60!important;
}
html body[data-page="home"] .phase-accordion .accordion-header {
    padding: 20px 24px!important;
    background: none!important;
    cursor: pointer;
}
html body[data-page="home"] .phase-avatar {
    width: 44px!important;
    height: 44px!important;
    object-fit: cover;
    border: 1px solid #d9b77a45!important;
    box-shadow: none!important;
}
html body[data-page="home"] .phase-accordion h3 {
    font: 400 23px/1.3 Cinzel,Georgia,serif!important;
    color: #eee7db!important;
    letter-spacing: .03em!important;
    margin: 0 0 5px!important;
}
html body[data-page="home"] .phase-subtitle,html body[data-page="home"] .phase-subtitle strong {
    font: 400 12px/1.5 Inter,Arial,sans-serif!important;
    color: #b7b0a4!important;
}
html body[data-page="home"] .accordion-header>i {
    font-size: 12px!important;
    color: #d9b77a!important;
}
html body[data-page="home"] .phase-grid {
    display: grid!important;
    grid-template-columns: 1fr 1fr!important;
    gap: 0!important;
    padding: 0 24px 20px!important;
}
html body[data-page="home"] .phase-stat {
    background: none!important;
    border: 0!important;
    border-top: 1px solid #d9b77a20!important;
    border-radius: 0!important;
    padding: 16px 0!important;
    box-shadow: none!important;
}
html body[data-page="home"] .phase-stat span {
    display: block;
    font: 500 10px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .1em!important;
    color: #b7b0a4!important;
    margin-bottom: 5px;
}
html body[data-page="home"] .phase-stat strong {
    font: 500 14px/1.5 Inter,Arial,sans-serif!important;
    color: #eee7db!important;
}
html body[data-page="home"] .phase-right {
    width: 100%!important;
    height: 380px!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    opacity: .8;
}
html body[data-page="home"] .phase-right img {
    position: static!important;
    max-width: 100%!important;
    max-height: 380px!important;
    width: auto!important;
    height: auto!important;
    object-fit: contain!important;
    transform: none!important;
    filter: none!important;
}
html body[data-page="home"] .hf-home-player-main,html body[data-page="home"] .player-item {
    display: block!important;
    width: 100%!important;
    max-width: none!important;
    padding: 0!important;
    margin: 0!important;
    background: none!important;
}
html body[data-page="home"] .hf-home-rank-panel {
    padding: 0!important;
    background: #151411!important;
    border: 1px solid #d9b77a26!important;
    border-radius: 5px!important;
    box-shadow: none!important;
    overflow: hidden;
}
html body[data-page="home"] .hf-home-rank-row {
    display: grid!important;
    grid-template-columns: 48px minmax(0,1.5fr) minmax(0,1fr) minmax(120px,.65fr)!important;
    align-items: center;
    gap: 20px!important;
    padding: 18px 24px!important;
    border-bottom: 1px solid #ffffff0c!important;
    background: none!important;
}
html body[data-page="home"] .hf-home-rank-head {
    background: #1b1915!important;
    color: #b7b0a4!important;
    font: 500 10px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .08em!important;
    text-transform: uppercase;
}
html body[data-page="home"] .hf-home-rank-player {
    display: flex;
    align-items: center;
    gap: 14px!important;
    min-width: 0;
}
html body[data-page="home"] .hf-home-rank-player strong {
    font: 600 14px/1.5 Inter,Arial,sans-serif!important;
    color: #eee7db!important;
}
html body[data-page="home"] .hf-home-rank-player span {
    display: block;
    font: 400 11px/1.5 Inter,Arial,sans-serif!important;
    color: #b7b0a4!important;
}
html body[data-page="home"] .hf-home-rank-avatar {
    width: 38px!important;
    height: 38px!important;
    box-shadow: none!important;
    border: 1px solid #d9b77a40!important;
}
html body[data-page="home"] .hf-home-rank-badge {
    background: none!important;
    border: 1px solid #d9b77a30!important;
    border-radius: 4px!important;
    box-shadow: none!important;
    color: #c3bbae!important;
    font: 500 14px/1 Inter,Arial,sans-serif!important;
    width: 30px!important;
    height: 30px!important;
}
html body[data-page="home"] .hf-home-rank-badge.b1 {
    background: #d9b77a18!important;
    color: #e5c487!important;
    border-color: #d9b77a65!important;
}
html body[data-page="home"] .hf-home-rank-level,html body[data-page="home"] .hf-home-rank-level strong {
    font: 400 13px/1.5 Inter,Arial,sans-serif!important;
    color: #ded6c9!important;
}
html body[data-page="home"] .hf-home-rank-exp {
    font: 500 11px/1.5 Inter,Arial,sans-serif!important;
    color: #d9b77a!important;
    letter-spacing: .025em!important;
    text-align: right;
}
html body[data-page="home"] .player-btn {
    padding: 16px 24px!important;
    margin: 0!important;
    text-align: right!important;
}
html body[data-page="home"] .player-btn a {
    display: inline-block!important;
    width: auto!important;
    padding: 0!important;
    background: none!important;
    border: 0!important;
    box-shadow: none!important;
    font: 500 12px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .03em!important;
    color: #d9b77a!important;
}
html body[data-page="home"] .social-midea-main {
    display: grid!important;
    grid-template-columns: repeat(4,minmax(0,1fr))!important;
    gap: 18px!important;
}
html body[data-page="home"] .social-midea-item {
    width: auto!important;
    padding: 0!important;
    margin: 0!important;
    background: none!important;
    border: 0!important;
    box-shadow: none!important;
}
html body[data-page="home"] .social-midea-item a {
    display: flex!important;
    align-items: center;
    gap: 16px!important;
    padding: 24px!important;
    min-height: 104px;
    box-sizing: border-box;
    background: #151411!important;
    border: 1px solid #d9b77a26!important;
    border-radius: 5px!important;
    text-decoration: none;
    transition: border-color .15s ease;
}
html body[data-page="home"] .social-midea-item a:hover {
    border-color: #d9b77a75!important;
}
html body[data-page="home"] .social-midea-item a::after {
    content: '↗';
    margin-left: auto;
    color: #d9b77a;
    font-size: 18px;
}
html body[data-page="home"] .social-midea-item img {
    width: 32px!important;
    height: 32px!important;
    object-fit: contain!important;
    margin: 0!important;
    filter: none!important;
}
html body[data-page="home"] .midea-img {
    width: 32px!important;
    height: 32px!important;
    padding: 0!important;
    margin: 0!important;
    background: none!important;
}
html body[data-page="home"] .social-midea-item h4 {
    font: 500 12px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .06em!important;
    color: #eee7db!important;
    margin: 0!important;
}
html body .is-item-card {
    background: #151411!important;
    border: 1px solid #d9b77a30!important;
    border-radius: 6px!important;
    box-shadow: none!important;
    overflow: hidden;
}
html body .is-item-img {
    background: radial-gradient(ellipse at 50% 80%,#d9b77a18,transparent 70%),#100f0e!important;
    border-bottom: 1px solid #d9b77a18;
}
html body .is-item-body {
    padding: 20px!important;
}
html body .is-item-name {
    font: 400 19px/1.4 Cinzel,Georgia,serif!important;
    color: #eee7db!important;
    letter-spacing: .01em!important;
}
html body .is-item-desc {
    font: 400 13px/1.7 Inter,Arial,sans-serif!important;
    color: #b7b0a4!important;
}
html body .is-item-variant label {
    font: 500 10px/1.5 Inter,Arial,sans-serif!important;
    color: #c9bfad!important;
    letter-spacing: .05em!important;
}
html body .is-item-price .price-new {
    font: 600 21px/1.4 Inter,Arial,sans-serif!important;
    color: #e5c487!important;
}
html body .is-card-actions button {
    font: 500 11px/1.4 Inter,Arial,sans-serif!important;
    border-radius: 4px!important;
}
html body .is-buy-btn {
    background: #c80b1c!important;
    border: 1px solid #e52b39!important;
    color: #fff!important;
}
html body .is-item-card:hover {
    border-color: #d9b77a75!important;
    box-shadow: 0 8px 24px #0003!important;
}
html body :is(.nw-card,.nw-side-card,.social-midea-item a,.hf-drawer-links a) {
    transition: border-color .18s ease,background-color .18s ease!important;
}
html body :is(.nw-card,.nw-side-card):hover {
    border-color: #d9b77a75!important;
    background-color: #1b1813!important;
}
html body[data-page="home"] .pix-hero-actions .cta-primary {
    background: linear-gradient(180deg,#df1225,#b00818)!important;
    border: 1px solid #f1434f!important;
    box-shadow: 0 7px 24px #b0081838,inset 0 1px #ffffff26!important;
    border-radius: 4px!important;
}
html body[data-page="home"] .pix-hero-actions .cta-primary:hover {
    background: linear-gradient(180deg,#ed2032,#c50b1d)!important;
    box-shadow: 0 8px 28px #c80b1c55!important;
}
html body[data-page="home"] .pix-hero-actions .cta-secondary:hover {
    background: #d9b77a18!important;
    border-color: #e5c487!important;
}
html body[data-page="home"] .news-read-more:hover,html body[data-page="home"] .player-btn a:hover {
    color: #fff0d1!important;
    text-decoration: underline;
    text-underline-offset: 5px;
}
html body .dl-title h2 {
    font: 400 28px/1.3 Cinzel,Georgia,serif!important;
    letter-spacing: .025em!important;
}
html body .dl-card-info p,html body .dl-card-meta {
    color: #b7b0a4!important;
}
@media(prefers-reduced-motion:reduce) {
html body :is(.nw-card,.nw-side-card,.social-midea-item a,.hf-drawer-links a,.is-item-card) {
    transition: none!important;
}
}
html body[data-page="home"] .phase-layout {
    grid-template-columns: 1fr!important;
    gap: 0!important;
}
html body[data-page="home"] .phase-right {
    display: none!important;
}
html body[data-page="home"] .phase-accordion {
    display: grid!important;
    grid-template-columns: minmax(0,1.6fr) minmax(0,1fr)!important;
    gap: 24px;
    align-items: start;
}
html body[data-page="home"] .phase-accordion .accordion-item {
    margin: 0!important;
    border-color: #d9b77a26!important;
}
html body[data-page="home"] .phase-accordion .accordion-header {
    padding: 18px 20px!important;
}
html body[data-page="home"] .phase-accordion .accordion-header h3 {
    font-size: 20px!important;
    color: #eee7db!important;
    background: none!important;
    -webkit-text-fill-color: #eee7db!important;
}
html body[data-page="home"] .phase-grid {
    padding: 0 20px 8px!important;
}
html body[data-page="home"] .phase-stat {
    padding: 13px 0!important;
}
html body[data-page="home"] .phase-subtitle {
    letter-spacing: 0!important;
    text-transform: none!important;
}
html body .hf-account-drawer {
    padding: 64px 20px 24px!important;
    border-left-color: #d9b77a26!important;
}
html body .hf-drawer-collapse {
    width: 30px;
    height: 30px;
    top: 18px;
    right: 20px;
    border-radius: 4px;
    border-color: #d9b77a30!important;
    box-shadow: none!important;
    font-size: 20px;
}
html body .hf-drawer-profile {
    gap: 12px;
    padding: 0 0 24px!important;
    margin-bottom: 18px;
    border-bottom: 1px solid #d9b77a20;
}
html body .hf-drawer-avatar {
    width: 44px!important;
    height: 44px!important;
    border-color: #d9b77a35!important;
    box-shadow: none!important;
}
html body .hf-drawer-profile-copy strong {
    font: 400 21px/1.4 Cinzel,Georgia,serif!important;
    color: #eee7db;
}
html body .hf-drawer-profile-copy span {
    font: 400 12px/1.5 Inter,Arial,sans-serif!important;
    color: #b7b0a4!important;
}
html body a.hf-drawer-panel {
    grid-template-columns: 24px minmax(0,1fr) auto auto;
    gap: 12px;
    padding: 14px!important;
    margin-bottom: 10px;
    border-color: #d9b77a20!important;
}
html body .hf-drawer-panel-copy small {
    font: 500 10px/1.5 Inter,Arial,sans-serif!important;
    color: #b7b0a4!important;
    letter-spacing: .07em!important;
}
html body .hf-drawer-panel-copy strong {
    font: 500 21px/1.4 Inter,Arial,sans-serif!important;
    color: #e5c487!important;
}
html body .hf-drawer-support .hf-drawer-panel-copy strong {
    font-size: 13px!important;
    color: #eee7db!important;
}
html body .hf-drawer-icon {
    width: 22px!important;
    height: 22px!important;
    color: #c8b58e!important;
    filter: none!important;
}
html body .hf-drawer-links {
    border: 0!important;
    margin-top: 20px;
}
html body .hf-drawer-links a {
    grid-template-columns: 24px minmax(0,1fr) auto;
    gap: 12px;
    padding: 10px 12px;
    min-height: 44px;
    font: 500 13px/1.5 Inter,Arial,sans-serif!important;
    color: #ded6c9!important;
    border-bottom-color: #ffffff0b!important;
}
html body .hf-drawer-logout button {
    background: none!important;
    border: 1px solid #ffffff12!important;
    min-height: 42px;
    font: 500 12px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: 0!important;
    color: #ce8c86!important;
}
html body .hf-drawer-logout button:hover {
    background: #c80b1c12!important;
    border-color: #c80b1c60!important;
}
html body.hf-drawer-collapsed .hf-account-drawer {
    padding: 64px 12px 18px!important;
}
html body.hf-drawer-collapsed a.hf-drawer-panel,html body.hf-drawer-collapsed .hf-drawer-links a {
    padding: 0!important;
    border-color: transparent!important;
    min-height: 52px!important;
}
html body.hf-drawer-collapsed [data-rail-label]::after {
    font: 500 8px/1.4 Inter,Arial,sans-serif!important;
    color: #b7b0a4!important;
    letter-spacing: 0!important;
}
html body.hf-drawer-collapsed .hf-drawer-profile {
    padding-bottom: 16px!important;
    margin-bottom: 8px!important;
}
@media(min-width:1101px) and (max-width:1450px) {
html body a.hf-drawer-panel,html body .hf-drawer-links a {
    padding: 0!important;
    border-color: transparent!important;
}
html body .hf-account-drawer [data-rail-label]::after {
    font: 500 8px/1.4 Inter,Arial,sans-serif!important;
    color: #b7b0a4!important;
    letter-spacing: 0!important;
}
}
html body[data-page="home"] .hero-area {
    position: relative;
    isolation: isolate;
}
html body[data-page="home"] .hf-fire-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
    mix-blend-mode: screen;
    border-radius: inherit;
}
html body[data-page="home"] .pix-hero-cta {
    z-index: 5!important;
}
html body[data-page="home"] .hero-area {
    background: #190d08!important;
}
html body[data-page="home"] .hero-area::before {
    content: '';
    display: block!important;
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(9,8,8,.79),rgba(25,8,2,.12) 55%,rgba(9,8,8,.03)),url('/images/hero-bg.webp') center/cover no-repeat!important;
    filter: saturate(1.6) contrast(1.12) brightness(1.18);
}
html body[data-page="home"] .hero-area::after {
    content: '';
    display: block!important;
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: radial-gradient(ellipse at 61% 17%,rgba(255,177,39,.23),transparent 37%),radial-gradient(ellipse at 78% 103%,rgba(255,72,0,.35),transparent 53%);
    mix-blend-mode: screen;
}
html body[data-page="home"] .hero-logo-right img {
    filter: saturate(1.35) contrast(1.1) brightness(1.12) drop-shadow(0 8px 26px rgba(255,86,0,.14))!important;
}
html body[data-page="home"] .hf-fire-canvas {
    mask-image: linear-gradient(90deg,rgba(0,0,0,.2),#000 48%);
}
@media(prefers-reduced-motion:reduce) {
html body[data-page="home"] .hf-fire-canvas {
    display: none;
}
}
html body[data-page="home"] .news-area,html body[data-page="home"] .mage-area,html body[data-page="home"] .player-area,html body[data-page="home"] .social-midea-area {
    background: radial-gradient(ellipse at 40% 0,rgba(146,52,19,.13),transparent 48%),#100f0e!important;
}
html body[data-page="home"] .news-main {
    grid-template-columns: 1.18fr 1fr!important;
    gap: 24px!important;
    align-items: stretch!important;
}
html body[data-page="home"] .news-left {
    position: relative!important;
    min-height: 420px;
    border: 1px solid #d9b77a38!important;
    border-radius: 5px!important;
    overflow: hidden;
    background: #17120e!important;
}
html body[data-page="home"] .news-left-img {
    position: absolute!important;
    inset: 0!important;
    height: 100%!important;
}
html body[data-page="home"] .news-left-img a {
    display: block;
    height: 100%;
}
html body[data-page="home"] .news-left-img img {
    width: 100%!important;
    height: 100%!important;
    aspect-ratio: auto!important;
    object-fit: cover!important;
}
html body[data-page="home"] .news-left-cnt {
    position: relative!important;
    margin-top: 210px!important;
    padding: 60px 24px 24px!important;
    background: linear-gradient(transparent,rgba(13,11,9,.94) 35%)!important;
}
html body[data-page="home"] .news-left-cnt p {
    color: #d0c7bb!important;
}
html body[data-page="home"] .news-right {
    display: flex!important;
    flex-direction: column;
    gap: 12px!important;
}
html body[data-page="home"] .news-flex,html body[data-page="home"] .news-flex:first-child {
    display: grid!important;
    grid-template-columns: 145px minmax(0,1fr)!important;
    padding: 12px!important;
    gap: 17px!important;
    min-height: 130px!important;
    flex: 1!important;
    background: linear-gradient(110deg,#1c1711,#11100e)!important;
    border: 1px solid #d9b77a30!important;
    border-radius: 4px!important;
}
html body[data-page="home"] .news-col-left,html body[data-page="home"] .news-col-left a {
    height: 100%;
    display: block;
}
html body[data-page="home"] .news-col-left img {
    width: 100%!important;
    height: 100%!important;
    max-height: 150px;
    aspect-ratio: auto!important;
    object-fit: cover;
}
html body[data-page="home"] .news-col-right p {
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font: 400 12px/1.6 Inter,Arial,sans-serif!important;
    color: #bdb4a7!important;
    margin: 8px 0 0!important;
}
html body[data-page="home"] .news-col-right h4 a {
    font-size: 20px!important;
}
html body[data-page="home"] .news-area .tab-container[data-set="set1"] .tab-buttons ul {
    gap: 8px!important;
}
html body[data-page="home"] .news-area .tab-container[data-set="set1"] .tab-buttons ul li a {
    padding: 11px 25px!important;
    border: 1px solid #d9b77a30!important;
    border-radius: 3px!important;
    background: #1b1813!important;
}
html body[data-page="home"] .news-area .tab-container[data-set="set1"] .tab-buttons ul li a.active {
    background: linear-gradient(#b51321,#8e0d19)!important;
    color: #fff!important;
    border-color: #df3340!important;
}
html body[data-page="home"] .phase-accordion {
    grid-template-columns: 1.4fr 1fr!important;
}
html body[data-page="home"] .phase-accordion .accordion-item {
    background: linear-gradient(90deg,#11100ebf,#11100ef5 60%),url('/images/artwork/alpha-temple-courtyard.webp') left center/cover!important;
    min-height: 112px;
}
html body[data-page="home"] .phase-accordion .accordion-item:nth-child(2) {
    background: linear-gradient(90deg,#11100ee8,#11100ebf),url('/images/artwork/beta-mountain-temple.webp') center/cover!important;
}
html body[data-page="home"] .phase-accordion .accordion-item.active {
    border-color: #d1ae6599!important;
    box-shadow: inset 0 2px #b9985055!important;
}
html body[data-page="home"] .phase-accordion .phase-stat {
    padding: 12px 0!important;
}
html body[data-page="home"] .hf-home-rank-panel {
    background: transparent!important;
    border: 0!important;
}
html body[data-page="home"] .hf-home-rank-row {
    padding: 14px 18px!important;
}
html body[data-page="home"] .hf-home-rank-head {
    background: #191610!important;
    border-top: 1px solid #d9b77a40!important;
}
html body[data-page="home"] .social-midea-item a {
    background: linear-gradient(130deg,#211a13,#11100e)!important;
}
html body[data-page="home"] .hero-area::before {
    filter: saturate(1.35) contrast(1.08) brightness(1.12)!important;
}
.hf-v2-notice {
    position: relative;
    padding: 10px 24px;
    background: #261a10;
    border-top: 1px solid #d9b77a40;
    color: #dbc7a7;
    text-align: center;
    font: 400 12px/1.5 Inter,Arial,sans-serif;
}
.hf-v2-notice a {
    color: #f0d3a0;
    text-decoration: underline;
}
:root {
    --v2-panel: #17130f;
    --v2-border: #d9b77a38;
    --v2-ink: #eee7db;
    --v2-muted: #bfb5a7;
    --v2-gold: #d9b77a;
}
html body .modal-hf input:-webkit-autofill,html body .modal-hf input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #100e0b inset!important;
    box-shadow: 0 0 0 1000px #100e0b inset!important;
    -webkit-text-fill-color: #eee7db!important;
    caret-color: #eee7db;
}
html body .modal-hf[data-modal="loanModal"] .input-submit button,html body .modal-hf[data-modal="loanModal2"] .input-submit button,html body .modal-hf[data-modal="loanModal3"] .input-submit button {
    width: 100%!important;
}
html body :is(.nw-section,.rk-section,.dl-section,.is-section,.ac-section,.gd-section,.ns-section,.gs-wrap) {
    background: radial-gradient(ellipse at 40% 0,#92341318,transparent 48%),#100f0e!important;
}
html body :is(.nw-card,.nw-side-card,.is-item-card,.ac-sidebar-card,.ac-content-card,.gd-filter,.gd-table-wrap,.ns-sidebar-card,.ns-post-author-panel,.gs-article,.dl-card,.dl-sysreq,.admin-table-wrapper) {
    background: linear-gradient(120deg,#1c1711,#11100e)!important;
    border: 1px solid var(--v2-border)!important;
    border-radius: 5px!important;
    box-shadow: none!important;
}
html body :is(.nw-hero,.rk-hero,.dl-hero,.is-hero,.ac-hero,.gd-hero) {
    box-shadow: none!important;
    border-bottom: 1px solid var(--v2-border)!important;
}
html body :is(.ac-card-header,.ac-content-card-header,.dl-sysreq-head,.dl-card-top) {
    background: linear-gradient(100deg,#30201699,#17130f)!important;
    border-bottom: 1px solid var(--v2-border)!important;
}
html body .modal-hf {
    background: rgba(4,3,2,.86)!important;
    backdrop-filter: blur(6px);
}
html body .modal-hf .modal-box-hf {
    background: radial-gradient(ellipse at 25% 0,#8f371329,transparent 45%),#17130f!important;
    border: 1px solid #d9b77a55!important;
    border-top: 2px solid #b49459!important;
    border-radius: 6px!important;
    box-shadow: 0 24px 80px #000b!important;
    color: var(--v2-ink)!important;
}
html body .modal-hf .login-item {
    background: none!important;
}
html body .modal-hf .login-title {
    background: none!important;
    text-align: left!important;
    margin-bottom: 22px!important;
}
html body .modal-hf .login-title h2 {
    font: 400 clamp(22px,3vw,28px)/1.3 Cinzel,Georgia,serif!important;
    letter-spacing: .02em!important;
    color: var(--v2-ink)!important;
    text-shadow: none!important;
    padding-right: 32px;
}
html body .modal-hf .login-line {
    display: none!important;
}
html body .modal-hf .modal-close-hf {
    width: 34px!important;
    height: 34px!important;
    top: 12px!important;
    right: 12px!important;
    background: #211c16!important;
    color: #dfc7a0!important;
    border: 1px solid var(--v2-border)!important;
    border-radius: 4px!important;
    box-shadow: none!important;
    font-size: 18px!important;
}
html body .modal-hf .modal-close-hf:hover {
    background: #3b211b!important;
    color: #fff!important;
}
html body .modal-hf :is(.admin-form label,.is-item-variant label) {
    font: 500 11px/1.5 Inter,Arial,sans-serif!important;
    color: #c6baa8!important;
    letter-spacing: .05em!important;
}
html body .modal-hf :is(.admin-field-help,.admin-title-help,.sign-btm h4) {
    color: var(--v2-muted)!important;
    font: 400 12px/1.6 Inter,Arial,sans-serif!important;
}
html body .modal-hf :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea) {
    background-color: #100e0b!important;
    border-color: #d9b77a35!important;
    color: #eee7db!important;
    border-radius: 4px!important;
    font-family: Inter,Arial,sans-serif!important;
    box-shadow: none!important;
}
html body .modal-hf input::placeholder,html body .modal-hf textarea::placeholder {
    color: #a79b89!important;
}
html body .modal-hf .input-flex {
    background: #100e0b!important;
    border: 1px solid #d9b77a35!important;
    border-radius: 4px!important;
}
html body .modal-hf .input-flex input {
    border: 0!important;
    background: none!important;
}
html body .modal-hf :is(.admin-modal-actions,.is-shop-modal-actions) {
    background: #17130f!important;
    border-top: 1px solid var(--v2-border)!important;
    box-shadow: none!important;
}
html body .modal-hf :is(.input-submit button,.is-buy-btn,.is-preview-btn) {
    background: linear-gradient(#c71728,#990d1c)!important;
    border: 1px solid #dc3544!important;
    border-radius: 4px!important;
    color: #fff!important;
    box-shadow: none!important;
    font: 500 12px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .035em!important;
}
html body .modal-hf button:disabled {
    opacity: .5!important;
    cursor: not-allowed!important;
}
html body .modal-hf :is(.admin-modal-scroll,.is-shop-modal-scroll) {
    scrollbar-color: #897044 #17130f;
}
html body .modal-hf .ql-toolbar.ql-snow {
    background: #211b14!important;
    border-color: var(--v2-border)!important;
}
html body .modal-hf .ql-container.ql-snow {
    background: #100e0b!important;
    border-color: var(--v2-border)!important;
}
html body .modal-hf .ql-editor {
    color: #eee7db!important;
}
html body .admin-view-tab {
    font-family: Inter,Arial,sans-serif!important;
    letter-spacing: .035em!important;
}
html body .admin-view-tab.active {
    color: #e5c487!important;
    border-bottom-color: #d9b77a!important;
}
html body :is(.ns-title,.gs-title) {
    font-weight: 400!important;
    line-height: 1.3!important;
}
html body :is(.ns-content,.gs-content) {
    color: #d3c9b9;
    font-family: Inter,Arial,sans-serif;
    line-height: 1.8;
}
html body .modal-hf[data-modal="loanModal"] .modal-box-hf {
    background: linear-gradient(110deg,rgba(15,12,10,.86),rgba(15,12,10,.63)),url('/images/artwork/login-mountain-temple.webp') center/cover!important;
    border-color: #796039!important;
}
html body .modal-hf[data-modal="loanModal"] .login-item {
    padding: 38px 42px!important;
}
html body .modal-hf[data-modal="loanModal"] .login-title h2 {
    font-size: clamp(24px,3vw,32px)!important;
    line-height: 1.2!important;
    padding-right: 20px;
}
html body .modal-hf[data-modal="loanModal"] .login-title {
    margin-bottom: 26px!important;
}
html body .modal-hf[data-modal="loanModal"] .input-flex {
    background: rgba(12,10,8,.86)!important;
}
html body .modal-hf[data-modal="loanModal"] .hf-login-submit {
    display: flex!important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    overflow: hidden;
    min-height: 54px;
    letter-spacing: .08em;
}
html body .modal-hf[data-modal="loanModal"] .hf-login-submit:disabled {
    opacity: 1!important;
    cursor: wait;
}
.hf-login-spinner {
    display: none;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff4dc;
    border-radius: 50%;
}
.hf-login-submit[aria-busy="true"] .hf-login-spinner {
    display: inline-block;
    animation: hf-login-spin .8s linear infinite;
}
.hf-login-submit[aria-busy="true"]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg,transparent,rgba(255,213,147,.18),transparent);
    transform: translateX(-100%);
    animation: hf-login-sheen 1.8s ease-in-out infinite;
    pointer-events: none;
}
.hf-login-submit > span {
    position: relative;
    z-index: 1;
}
html body .modal-hf[data-modal="loanModal"] .input-flex input:-webkit-autofill,
html body .modal-hf[data-modal="loanModal"] .input-flex input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #100e0b inset!important;
    box-shadow: 0 0 0 1000px #100e0b inset!important;
    -webkit-text-fill-color: #eee7db!important;
    caret-color: #eee7db;
}
.hf-login-feedback {
    margin: 0 0 14px;
    padding: 11px 14px;
    border: 1px solid #94443b;
    border-radius: 4px;
    background: rgba(65,19,16,.85);
    color: #ffd0c7;
    font-size: 13px;
    line-height: 1.5;
}
@keyframes hf-login-spin {
to {
    transform: rotate(360deg);
}
}
@keyframes hf-login-sheen {
to {
    transform: translateX(100%);
}
}
@media(prefers-reduced-motion:reduce) {
.hf-login-submit[aria-busy="true"] .hf-login-spinner {
    animation: none;
}
.hf-login-submit[aria-busy="true"]::after {
    animation: none;
}
}
html body .modal-hf:not([data-modal="loanModal"]) .modal-box-hf {
    background: linear-gradient(110deg,rgba(15,12,10,.94),rgba(15,12,10,.84)),url('/images/artwork/account-lantern-courtyard.webp') center/cover!important;
}
html body .modal-hf:is([data-modal="loanModal2"],[data-modal="loanModal3"],[data-modal="rules"]) .modal-box-hf {
    background: linear-gradient(110deg,rgba(15,12,10,.86),rgba(15,12,10,.7)),url('/images/artwork/account-lantern-courtyard.webp') center/cover!important;
}
html body .modal-hf .input-flex {
    background: rgba(12,10,8,.9)!important;
}
html body .modal-hf[data-modal] .input-flex input:not([type="checkbox"]):not([type="radio"]) {
    box-shadow: 0 0 0 1000px #100e0b inset!important;
    -webkit-box-shadow: 0 0 0 1000px #100e0b inset!important;
    -webkit-text-fill-color: #eee7db!important;
}
html body .modal-hf .input-flex input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #100e0b inset!important;
    -webkit-text-fill-color: #eee7db!important;
}
html body .modal-hf .hf-login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 12px 0 20px;
}
html body .modal-hf .hf-remember-label {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    cursor: pointer;
    font: 400 13px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: 0!important;
    color: #ded3c2!important;
}
html body .modal-hf .hf-remember-label input {
    width: 17px!important;
    height: 17px!important;
    accent-color: #bf1627;
    cursor: pointer;
    margin: 0!important;
    flex: 0 0 17px;
}
html body .modal-hf button.hf-auth-link {
    background: none!important;
    border: 0!important;
    box-shadow: none!important;
    padding: 8px 0!important;
    min-height: 40px;
    width: auto!important;
    color: #e4bf7d!important;
    font: 500 13px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: 0!important;
    cursor: pointer;
}
html body .modal-hf button.hf-auth-link:hover {
    color: #ffe4ad!important;
    text-decoration: underline;
    text-underline-offset: 4px;
}
html body .modal-hf :is(button,input):focus-visible {
    outline: 2px solid #e4bf7d!important;
    outline-offset: 4px;
}
html body .modal-hf .hf-signup-prompt {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin: 18px 0 0;
    border-top: 1px solid #c5a26630;
    padding-top: 12px;
    color: #c7bdac;
    font: 400 13px/1.5 Inter,Arial,sans-serif;
}
html body .modal-hf[data-modal="loanModal"] .hf-login-submit {
    min-height: 54px!important;
    font: 600 14px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .06em!important;
}
html body .modal-hf[data-modal="loanModal"] .input-submit {
    margin: 0!important;
}
html body .menu20-fixed .hero-right :is(.hf-login-link,.hf-guest-only>button) {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    box-sizing: border-box!important;
    min-width: 110px!important;
    min-height: 42px!important;
    height: 42px!important;
    width: auto!important;
    padding: 0 24px!important;
    border: 1px solid #df2432!important;
    border-radius: 4px!important;
    background: #c80b1c!important;
    box-shadow: none!important;
    color: #fff!important;
    font: 600 12px/1.5 Inter,Arial,sans-serif!important;
    letter-spacing: .04em!important;
    text-decoration: none!important;
}
html body .menu20-fixed .hero-right :is(.hf-login-link,.hf-guest-only>button):hover {
    background: #df1729!important;
    transform: none!important;
}
@media(prefers-reduced-motion:reduce) {
html body .hf-account-mobile-dock a {
    transition: none;
}
}
.hf-password-field,.hf-password-control {
    position: relative;
}
.hf-password-input {
    padding-right: 30px;
}
.hf-password-control .hf-pw-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #a99b87;
    cursor: pointer;
    font-size: 14px;
    padding: 4px;
}
.hf-rules-link {
    text-decoration: underline;
    cursor: pointer;
    color: #bd0917;
    font-weight: 600;
}
.hf-switch {
    cursor: pointer;
}
.hf-rules-box {
    max-width: 600px;
}
.hf-rules-layout {
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}
.hf-rules-heading {
    flex-shrink: 0;
}
html body .hf-stat-label {
    font-family: var(--font-heading);
    font-size: 13px;
    color: var(--pix-muted);
    display: flex;
    align-items: center;
    gap: 8px;
}
html body .hf-text-gold {
    color: var(--pix-gold);
}
html body .hf-space-after-small {
    margin-bottom: 8px;
}
html body .hf-stat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 8px;
}
html body .hf-stat-value {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}
html body .hf-empty-wide {
    text-align: center;
    color: rgba(255,255,255,.3);
    padding: 40px;
    width: 100%;
}
html body .hf-position-relative {
    position: relative;
}
html body .hf-field-with-toggle {
    padding-right: 40px;
}
html body .hf-field-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: rgba(255,255,255,.35);
}
html body .hf-filter-toolbar {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
html body .hf-cell-padding {
    padding: 0 8px;
}
html body .hf-table-help {
    color: rgba(255,255,255,.4);
    font-size: 11px;
}
html body .hf-empty-state {
    text-align: center;
    padding: 40px;
    color: rgba(255,255,255,.3);
}
html body .hf-dialog-compact {
    max-width: 440px;
}
html body .hf-muted-note {
    color: rgba(255,255,255,.45);
    font-size: 14px;
}
html body .hf-space-after-medium {
    margin-bottom: 14px;
}
html body .hf-center-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
html body .hf-support-link {
    color: #d19f50;
    text-decoration: underline;
}
html body .hf-inline-choice {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
html body .hf-filter-search {
    width: min(340px,100%);
    background: #191817;
    color: #ddd;
    border: 1px solid rgba(255,255,255,.1);
    padding: 9px 11px;
}
html body .hf-filter-control {
    background: #191817;
    color: #ddd;
    border: 1px solid rgba(255,255,255,.1);
    padding: 9px;
}
html body .hf-dialog-wide {
    max-width: 840px;
}
html body .hf-action-full {
    width: 100%;
    padding: 12px;
}
html body .hf-inline-actions {
    display: flex;
    gap: 10px;
}
html body .hf-text-white {
    color: #fff;
}
html body .hf-table-width-40 {
    width: 40px;
}
html body .hf-table-width-50 {
    width: 50px;
}
html body .hf-table-width-80 {
    width: 80px;
}
html body .hf-table-width-100 {
    width: 100px;
}
html body .hf-table-width-140 {
    width: 140px;
}
html body .hf-table-width-percent-15 {
    width: 15%;
}
html body .menu-btn {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}
.hf-logout-form {
    margin: 0;
}