/* Generated by tools/build-secret-theme.cjs. Isolated CMS components. */ :where(.secret-cms) {--bg: #06080c; --panel: rgba(13, 17, 25, .88); --panel-2: rgba(24, 28, 38, .82); --line: rgba(223, 176, 93, .24); --gold: #dfb05d; --gold-2: #ffd991; --text: #efe7d9; --muted: #a99f8f; --danger: #d66b6b; --ok: #89d68b;} :where(.secret-cms) * {box-sizing: border-box;} :where(.secret-cms) {scroll-behavior: smooth;} .secret-cms {margin: 0px; min-width: 320px; font-family: Arial, Helvetica, sans-serif; color: var(--text); background: radial-gradient(circle at 20% 0%, rgba(119, 55, 33, 0.25), transparent 34rem), radial-gradient(circle at 80% 18%, rgba(62, 88, 113, 0.2), transparent 30rem), linear-gradient(rgb(7, 9, 16) 0%, rgb(9, 11, 16) 45%, rgb(3, 4, 5) 100%);} :where(.secret-cms) a {color: inherit; text-decoration: none;} :where(.secret-cms) button, :where(.secret-cms) input, :where(.secret-cms) textarea {font: inherit;} :where(.secret-cms) .shell {min-height: 100vh; overflow: hidden;} :where(.secret-cms) .nav {position: fixed; z-index: 20; top: 0px; left: 0px; right: 0px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; min-height: 78px; padding: 0px clamp(18px, 4vw, 64px); border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: rgba(4, 6, 10, 0.74); backdrop-filter: blur(16px);} :where(.secret-cms) .brand {display: inline-flex; align-items: center; gap: 12px; font-weight: 700;} :where(.secret-cms) .brand__mark {display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--line); color: var(--gold-2); background: linear-gradient(145deg, rgba(223, 176, 93, 0.18), rgba(255, 255, 255, 0.04));} :where(.secret-cms) .brand__text {text-transform: uppercase; letter-spacing: 0px;} :where(.secret-cms) .nav__menu {display: flex; justify-content: center; align-items: center; gap: clamp(16px, 2vw, 32px);} :where(.secret-cms) .nav__menu a, :where(.secret-cms) .link {color: var(--muted); font-size: 13px; text-transform: uppercase;} :where(.secret-cms) .nav__menu a:hover, :where(.secret-cms) .link:hover {color: var(--gold-2);} :where(.secret-cms) .nav__actions {display: flex; align-items: center; justify-content: flex-end; gap: 14px;} :where(.secret-cms) .nav__toggle {display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid var(--line); background: rgba(0, 0, 0, 0.2);} :where(.secret-cms) .nav__toggle span {display: block; height: 2px; margin: 5px 0px; background: var(--text);} :where(.secret-cms) .button {display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0px 24px; border: 1px solid rgba(255, 217, 145, 0.38); color: rgb(26, 18, 8); background: linear-gradient(rgb(255, 217, 145), rgb(185, 119, 43)); font-weight: 700; text-transform: uppercase; letter-spacing: 0px; box-shadow: rgba(174, 105, 38, 0.24) 0px 12px 30px; cursor: pointer;} :where(.secret-cms) .button:hover {filter: brightness(1.08);} :where(.secret-cms) .button--ghost {color: var(--text); background: rgba(255, 255, 255, 0.06); box-shadow: none;} :where(.secret-cms) .button--small {min-height: 38px; padding: 0px 16px; font-size: 12px;} :where(.secret-cms) .flash {position: fixed; z-index: 30; top: 92px; right: 24px; max-width: 420px; padding: 14px 18px; border: 1px solid var(--line); background: rgba(10, 14, 20, 0.95);} :where(.secret-cms) .flash--success {border-color: rgba(137, 214, 139, 0.45);} :where(.secret-cms) .hero {position: relative; min-height: 820px; display: grid; grid-template-columns: minmax(0px, 1fr) 360px; align-items: center; gap: clamp(24px, 6vw, 84px); padding: 120px clamp(18px, 6vw, 96px) 72px;} :where(.secret-cms) .hero__video, :where(.secret-cms) .hero__shade {position: absolute; inset: 0px; width: 100%; height: 100%;} :where(.secret-cms) .hero__video {object-fit: cover; opacity: 0.32; filter: saturate(0.9) contrast(1.15);} :where(.secret-cms) .hero__shade {background: linear-gradient(90deg, rgba(5,7,11,.95), rgba(5,7,11,.62) 45%, rgba(5,7,11,.9)), linear-gradient(180deg, transparent 62%, var(--bg));} :where(.secret-cms) .hero__content, :where(.secret-cms) .server-card {position: relative; z-index: 1;} :where(.secret-cms) .eyebrow {margin: 0px 0px 14px; color: var(--gold); font-size: 12px; font-weight: 700; text-transform: uppercase;} :where(.secret-cms) h1, :where(.secret-cms) h2, :where(.secret-cms) h3 {margin: 0px; line-height: 1.14;} :where(.secret-cms) h1 {font-family: Georgia, "Times New Roman", serif; font-size: clamp(46px, 9vw, 112px);} :where(.secret-cms) h2 {font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 4vw, 48px);} :where(.secret-cms) h3 {font-size: 18px;} :where(.secret-cms) .lead {max-width: 650px; color: rgb(213, 200, 184); font-size: clamp(18px, 2vw, 24px); line-height: 1.55;} :where(.secret-cms) .hero__buttons {display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px;} :where(.secret-cms) .server-card, :where(.secret-cms) .page-card, :where(.secret-cms) .news-card, :where(.secret-cms) .download-panel, :where(.secret-cms) .download-item, :where(.secret-cms) .stat-box {border: 1px solid var(--line); background: var(--panel); box-shadow: rgba(0, 0, 0, 0.35) 0px 24px 80px;} :where(.secret-cms) .server-card {padding: 28px;} :where(.secret-cms) .server-card__status {color: var(--ok); font-size: 12px; font-weight: 700; margin-bottom: 16px;} :where(.secret-cms) .server-card__count {margin: 22px 0px 14px; color: var(--gold-2); font-size: 42px; font-weight: 700;} :where(.secret-cms) .server-card__count span {color: var(--muted); font-size: 18px;} :where(.secret-cms) .progress {height: 10px; background: rgba(255, 255, 255, 0.08); overflow: hidden;} :where(.secret-cms) .progress span {display: block; height: 100%; background: linear-gradient(90deg, #8ad26c, var(--gold));} :where(.secret-cms) .server-card__meta {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px;} :where(.secret-cms) .server-card__meta span {padding: 7px 10px; background: rgba(255, 255, 255, 0.06); color: var(--muted); font-size: 12px;} :where(.secret-cms) .section, :where(.secret-cms) .page-card {width: min(1180px, 100% - 36px); margin: 0px auto 80px;} :where(.secret-cms) .section__head {margin-bottom: 26px;} :where(.secret-cms) .grid--news {display: grid; grid-template-columns: 280px minmax(0px, 1fr); gap: 36px;} :where(.secret-cms) .news-list {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;} :where(.secret-cms) .news-card {padding: 22px; min-height: 230px; display: flex; flex-direction: column;} :where(.secret-cms) .news-card__tag {color: var(--gold); font-size: 12px; text-transform: uppercase; margin-bottom: 14px;} :where(.secret-cms) .news-card p, :where(.secret-cms) .download-item p, :where(.secret-cms) .page-card p {color: var(--muted); line-height: 1.65;} :where(.secret-cms) .news-card__bar {display: flex; justify-content: space-between; gap: 18px; margin-top: auto; color: var(--gold-2); font-size: 13px;} :where(.secret-cms) .split {display: grid; grid-template-columns: minmax(0px, 1.4fr) minmax(320px, 0.6fr); gap: 28px; align-items: start;} :where(.secret-cms) .download-panel, :where(.secret-cms) .page-card {padding: clamp(22px, 4vw, 42px);} :where(.secret-cms) .download-item {padding: 22px; margin-top: 16px;} :where(.secret-cms) .table-wrap {overflow-x: auto; border: 1px solid var(--line); background: rgba(0, 0, 0, 0.22);} :where(.secret-cms) table {width: 100%; border-collapse: collapse; min-width: 620px;} :where(.secret-cms) th, :where(.secret-cms) td {padding: 14px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); text-align: left;} :where(.secret-cms) th {color: var(--gold); font-size: 12px; text-transform: uppercase;} :where(.secret-cms) td {color: rgb(216, 208, 196);} :where(.secret-cms) .auth-card {display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(320px, 1fr); gap: 34px; margin-top: 132px;} :where(.secret-cms) .form {display: grid; gap: 16px;} :where(.secret-cms) .form label {display: grid; gap: 8px; color: var(--muted); font-size: 13px; text-transform: uppercase;} :where(.secret-cms) input, :where(.secret-cms) textarea {width: 100%; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(0, 0, 0, 0.28); color: var(--text); min-height: 46px; padding: 0px 14px; outline: none;} :where(.secret-cms) textarea {min-height: 110px; padding-top: 12px; resize: vertical;} :where(.secret-cms) input:focus, :where(.secret-cms) textarea:focus {border-color: rgba(255, 217, 145, 0.54);} :where(.secret-cms) .account-grid {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; margin: 24px 0px;} :where(.secret-cms) .stat-box {padding: 20px;} :where(.secret-cms) .stat-box span {display: block; color: var(--muted); font-size: 12px; text-transform: uppercase; margin-bottom: 10px;} :where(.secret-cms) .stat-box strong {color: var(--gold-2); font-size: 24px;} :where(.secret-cms) .actions-row, :where(.secret-cms) .tabs {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px;} :where(.secret-cms) .tabs a {padding: 12px 16px; border: 1px solid var(--line); color: var(--muted);} :where(.secret-cms) .tabs a.is-active {color: var(--gold-2); background: rgba(255, 255, 255, 0.06);} :where(.secret-cms) .downloads-grid {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;} :where(.secret-cms) .admin-form {display: grid; gap: 16px; margin: 18px 0px 38px;} :where(.secret-cms) .admin-row {display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; padding: 14px; background: rgba(255, 255, 255, 0.035);} :where(.secret-cms) .admin-row textarea {grid-column: 1 / -1;} :where(.secret-cms) .admin-row--downloads {grid-template-columns: repeat(3, minmax(0px, 1fr));} :where(.secret-cms) .footer {display: flex; justify-content: space-between; gap: 24px; width: min(1180px, 100% - 36px); margin: 0px auto; padding: 34px 0px 48px; border-top: 1px solid rgba(255, 255, 255, 0.08); color: var(--muted);} :where(.secret-cms) .footer strong {display: block; color: var(--text); margin-bottom: 6px;} :where(.secret-cms) .footer__links {display: flex; gap: 18px;} @media (max-width: 920px) { :where(.secret-cms) .nav {grid-template-columns: auto auto 1fr;} :where(.secret-cms) .nav__toggle {display: block; order: 2;} :where(.secret-cms) .nav__menu {display: none; position: absolute; left: 18px; right: 18px; top: 86px; padding: 20px; background: rgba(6, 8, 12, 0.96); border: 1px solid var(--line); flex-direction: column; align-items: flex-start;} :where(.secret-cms) .nav__menu.is-open {display: flex;} :where(.secret-cms) .nav__actions {order: 3;} :where(.secret-cms) .hero {grid-template-columns: 1fr; min-height: 760px;} :where(.secret-cms) .grid--news, :where(.secret-cms) .split, :where(.secret-cms) .auth-card {grid-template-columns: 1fr;} :where(.secret-cms) .news-list, :where(.secret-cms) .downloads-grid, :where(.secret-cms) .account-grid {grid-template-columns: 1fr;} } @media (max-width: 620px) { :where(.secret-cms) .nav {min-height: 68px; gap: 12px;} :where(.secret-cms) .brand__text {display: none;} :where(.secret-cms) .hero {padding-top: 102px;} :where(.secret-cms) .hero__buttons .button, :where(.secret-cms) .form .button {width: 100%;} :where(.secret-cms) .admin-row, :where(.secret-cms) .admin-row--downloads {grid-template-columns: 1fr;} :where(.secret-cms) .footer {flex-direction: column;} } :where(.secret-cms) .cms-flash {position: fixed; z-index: 120; top: 104px; left: 50%; max-width: min(560px, -32px + 100vw); transform: translateX(-50%); padding: 14px 22px; border: 1px solid rgba(217, 184, 123, 0.38); background: rgba(16, 18, 24, 0.92); color: rgb(244, 231, 201); text-align: center; font-family: Intro, Arial, sans-serif; letter-spacing: 0px;} :where(.secret-cms) .admin-body {margin: 0px; min-width: 320px; background: rgb(229, 229, 229); color: rgb(47, 53, 66); font-family: Arial, Helvetica, sans-serif;} :where(.secret-cms) .admin-body::before {display: none;} :where(.secret-cms) .admin-shell {display: grid; grid-template-columns: 235px minmax(0px, 1fr); min-height: 100vh; background: rgb(229, 229, 229);} :where(.secret-cms) .admin-shell--login {display: flex; min-height: 100vh; align-items: center; justify-content: center; background: rgb(229, 229, 229);} :where(.secret-cms) .admin-sidebar {position: sticky; top: 0px; height: 100vh; overflow-y: auto; padding: 0px; border: 0px; background: rgb(51, 51, 51); color: rgb(216, 216, 216);} :where(.secret-cms) .admin-brand {display: grid; gap: 4px; margin: 0px; padding: 18px 15px; background: rgb(43, 43, 43); color: rgb(255, 179, 0); text-decoration: none; text-transform: uppercase;} :where(.secret-cms) .admin-brand span {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700;} :where(.secret-cms) .admin-brand small {color: rgb(170, 170, 170); font-size: 11px; letter-spacing: 0px;} :where(.secret-cms) .admin-side-nav {display: grid; gap: 0px;} :where(.secret-cms) .admin-side-group {display: grid; gap: 0px; padding: 11px 15px 14px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.07); border-image: none; background: transparent;} :where(.secret-cms) .admin-side-group strong {margin-bottom: 8px; color: rgb(245, 245, 245); font-size: 14px; font-weight: 700; text-transform: none;} :where(.secret-cms) .admin-side-group a, :where(.secret-cms) .admin-sidebar-footer a {padding: 6px 0px 6px 18px; color: rgb(169, 169, 169); text-decoration: none; font-size: 14px;} :where(.secret-cms) .admin-side-group a:hover, :where(.secret-cms) .admin-sidebar-footer a:hover {color: rgb(255, 255, 255);} :where(.secret-cms) .admin-sidebar-footer {display: grid; gap: 4px; margin: 0px; padding: 15px; border-top: 1px solid rgba(255, 255, 255, 0.07);} :where(.secret-cms) .admin-main {min-width: 0px; padding: 0px; color: rgb(47, 53, 66); box-sizing: border-box;} :where(.secret-cms) .admin-topbar {display: flex; min-height: 45px; align-items: center; gap: 20px; padding: 0px 16px; background: rgb(243, 243, 243); border-bottom: 1px solid rgb(215, 215, 215); color: rgb(119, 119, 119); font-size: 14px;} :where(.secret-cms) .admin-topbar a {color: rgb(119, 119, 119); text-decoration: none;} :where(.secret-cms) .admin-topbar a:hover {color: rgb(68, 68, 68);} :where(.secret-cms) .admin-version {padding: 3px 7px; border-radius: 7px; background: rgb(71, 183, 114); color: rgb(255, 255, 255); font-weight: 700;} :where(.secret-cms) .admin-user {margin-left: auto; color: rgb(85, 85, 85); font-weight: 700;} :where(.secret-cms) .admin-subbar {display: flex; min-height: 54px; align-items: center; gap: 28px; padding: 0px 16px; background: rgb(222, 222, 222); border-bottom: 1px solid rgb(210, 210, 210); color: rgb(119, 119, 119);} :where(.secret-cms) .admin-subbar a, :where(.secret-cms) .admin-subbar span {color: rgb(119, 119, 119); text-decoration: none; font-size: 14px;} :where(.secret-cms) .admin-main .page-card {width: auto; min-height: calc(-99px + 100vh); max-width: none; margin: 0px; padding: 10px; border: 0px; background: rgb(229, 229, 229); color: rgb(47, 53, 66); box-shadow: none;} :where(.secret-cms) .admin-main .auth-card {width: min(430px, -28px + 100vw); max-width: 430px; min-height: auto; margin: 0px; padding: 28px; border: 1px solid rgb(215, 215, 215); background: rgb(255, 255, 255); color: rgb(47, 53, 66); box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 36px;} :where(.secret-cms) .admin-login-card {grid-template-columns: 1fr;} :where(.secret-cms) .admin-login-card h1, :where(.secret-cms) .admin-main .page-card h1, :where(.secret-cms) .admin-main .page-card h2, :where(.secret-cms) .admin-main .page-card h3 {color: rgb(52, 73, 94); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; text-transform: none;} :where(.secret-cms) .admin-login-card p, :where(.secret-cms) .admin-main .page-card p {color: rgb(108, 116, 125);} :where(.secret-cms) .admin-main .section__head {margin: 0px 0px 14px; padding: 12px; border: 1px solid rgb(210, 210, 210); background: rgb(247, 247, 247);} :where(.secret-cms) .admin-main .section__head h1 {font-size: 23px;} :where(.secret-cms) .admin-main .eyebrow {color: rgb(119, 119, 119); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px;} :where(.secret-cms) .admin-main .account-grid {display: grid; grid-template-columns: repeat(5, minmax(140px, 1fr)); gap: 14px; margin: 10px 0px 24px;} :where(.secret-cms) .admin-main .stat-box {min-height: 88px; padding: 15px; border: 0px; background: rgb(139, 195, 74); color: rgb(255, 255, 255);} :where(.secret-cms) .admin-main .stat-box:nth-child(2) {background: rgb(85, 191, 230);} :where(.secret-cms) .admin-main .stat-box:nth-child(3) {background: rgb(233, 107, 107);} :where(.secret-cms) .admin-main .stat-box:nth-child(4) {background: rgb(155, 98, 222);} :where(.secret-cms) .admin-main .stat-box:nth-child(5) {background: rgb(240, 161, 58);} :where(.secret-cms) .admin-main .stat-box span {color: rgba(255, 255, 255, 0.9); font-size: 13px; text-transform: uppercase;} :where(.secret-cms) .admin-main .stat-box strong {display: block; margin-top: 10px; color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 400;} :where(.secret-cms) .admin-tabs {display: flex; flex-wrap: wrap; gap: 0px; margin: 0px 0px 18px; border-bottom: 1px solid rgb(207, 207, 207);} :where(.secret-cms) .admin-tabs a {padding: 10px 14px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(207, 207, 207) rgb(207, 207, 207) currentcolor; border-image: none; background: rgb(247, 247, 247); color: rgb(85, 85, 85); text-decoration: none; font-size: 14px;} :where(.secret-cms) .admin-tabs a:hover {background: rgb(255, 255, 255); color: rgb(34, 34, 34);} :where(.secret-cms) .admin-form, :where(.secret-cms) .admin-search, :where(.secret-cms) .admin-vip-form {margin: 12px 0px 24px;} :where(.secret-cms) .admin-form {display: grid; gap: 12px; padding: 12px; border: 1px solid rgb(210, 210, 210); background: rgb(247, 247, 247);} :where(.secret-cms) .admin-help {padding: 10px; border-left: 4px solid rgb(85, 191, 230); background: rgb(255, 255, 255); color: rgb(95, 104, 112);} :where(.secret-cms) .admin-main input, :where(.secret-cms) .admin-main select, :where(.secret-cms) .admin-main textarea {width: 100%; min-height: 34px; padding: 7px 10px; border: 1px solid rgb(207, 207, 207); background: rgb(255, 255, 255); color: rgb(51, 51, 51); box-sizing: border-box;} :where(.secret-cms) .admin-main textarea {min-height: 96px;} :where(.secret-cms) .admin-main label {color: rgb(52, 73, 94); font-size: 13px; font-weight: 700;} :where(.secret-cms) .admin-server-extra__grid {display: grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: 12px;} :where(.secret-cms) .admin-row {display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; padding: 12px; background: rgb(255, 255, 255); border: 1px solid rgb(215, 215, 215);} :where(.secret-cms) .admin-row textarea {grid-column: 1 / -1;} :where(.secret-cms) .admin-servers-head, :where(.secret-cms) .admin-server-row {display: grid; grid-template-columns: 45px 55px 70px 1.3fr 1fr 90px 90px 75px 90px 70px 70px 1.2fr; gap: 6px; align-items: center;} :where(.secret-cms) .admin-servers-head {color: rgb(103, 112, 122); font-size: 12px; font-weight: 700;} :where(.secret-cms) .admin-server-row {padding: 10px; border: 1px solid rgb(210, 210, 210); background: rgb(255, 255, 255);} :where(.secret-cms) .admin-server-extra {grid-column: 1 / -1; padding: 10px; border: 1px solid rgb(221, 221, 221); background: rgb(250, 250, 250);} :where(.secret-cms) .admin-table {border: 1px solid rgb(210, 210, 210); background: rgb(255, 255, 255);} :where(.secret-cms) .admin-table table, :where(.secret-cms) .table-wrap table {width: 100%; border-collapse: collapse;} :where(.secret-cms) .admin-table th, :where(.secret-cms) .admin-table td {padding: 10px 12px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(52, 73, 94); text-align: left;} :where(.secret-cms) .admin-table th {background: rgb(239, 239, 239); color: rgb(52, 73, 94); font-weight: 700;} :where(.secret-cms) .admin-table a, :where(.secret-cms) .admin-main .link {color: rgb(41, 128, 185);} :where(.secret-cms) .admin-split {display: grid; grid-template-columns: 1fr 1fr; gap: 18px;} :where(.secret-cms) .admin-chip-list {display: flex; flex-wrap: wrap; gap: 8px;} :where(.secret-cms) .button, :where(.secret-cms) .admin-main .button {min-height: 34px; padding: 8px 14px; border: 0px; border-radius: 3px; background: rgb(79, 195, 247); color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; text-decoration: none;} :where(.secret-cms) .button:hover, :where(.secret-cms) .admin-main .button:hover {background: rgb(45, 174, 230);} :where(.secret-cms) .button--danger, :where(.secret-cms) .admin-main .button--danger {background: rgb(239, 108, 91);} :where(.secret-cms) .button--small {min-height: 28px; padding: 5px 9px; font-size: 12px;} :where(.secret-cms) .pill {display: inline-block; padding: 3px 7px; border-radius: 3px; background: rgb(221, 221, 221); color: rgb(85, 85, 85); font-size: 12px;} :where(.secret-cms) .pill--ok {background: rgb(128, 199, 107); color: rgb(255, 255, 255);} :where(.secret-cms) .pill--danger {background: rgb(239, 108, 91); color: rgb(255, 255, 255);} :where(.secret-cms) .pill--offline {background: rgb(239, 108, 91); color: rgb(255, 255, 255);} :where(.secret-cms) .muted {color: rgb(122, 130, 138);} :where(.secret-cms) .admin-main .cms-flash {position: sticky; top: 0px; z-index: 10; margin: 0px; border-radius: 0px;} @media (max-width: 980px) { :where(.secret-cms) .admin-shell {grid-template-columns: 1fr;} :where(.secret-cms) .admin-sidebar {position: relative; height: auto;} :where(.secret-cms) .admin-topbar, :where(.secret-cms) .admin-subbar {flex-wrap: wrap; padding: 10px;} :where(.secret-cms) .admin-main .account-grid, :where(.secret-cms) .admin-server-extra__grid, :where(.secret-cms) .admin-split {grid-template-columns: 1fr;} :where(.secret-cms) .admin-servers-head {display: none;} :where(.secret-cms) .admin-server-row, :where(.secret-cms) .admin-row {grid-template-columns: 1fr;} } :where(.secret-cms) .cms-flash_success {border-color: rgba(131, 202, 124, 0.45);} :where(.secret-cms) .cms-flash_error {border-color: rgba(225, 94, 84, 0.55);} :where(.secret-cms) .page .fp, :where(.secret-cms) .page .swiper-wrapper, :where(.secret-cms) .page .fp__swiper-slide {display: block; width: 100%; height: auto; transform: none;} :where(.secret-cms) .page .fp {opacity: 1 !important; overflow: visible !important;} :where(.secret-cms) .page [data-slider-wrapper="fp"] {display: block !important; height: auto !important; transform: none !important;} :where(.secret-cms) .page .fp__swiper-slide {opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; overflow: visible !important;} :where(.secret-cms) .page .fp__section {min-height: 100vh; position: relative; height: auto !important;} :where(.secret-cms) [data-section-bg] {min-height: 100vh; background-position: center center; background-repeat: no-repeat; position: absolute !important; inset: 0px !important; z-index: 0 !important; height: 100% !important; opacity: 1 !important; visibility: visible !important; background-size: cover !important;} :where(.secret-cms) .fp__container, :where(.secret-cms) .hero, :where(.secret-cms) .news, :where(.secret-cms) .resources {position: relative; z-index: 2;} :where(.secret-cms) .hero, :where(.secret-cms) .news, :where(.secret-cms) .resources {min-height: 100vh !important; height: auto !important; opacity: 1 !important; visibility: visible !important;} :where(.secret-cms) [data-fp-parallax], :where(.secret-cms) [data-swiper-parallax-y], :where(.secret-cms) [data-swiper-parallax-opacity], :where(.secret-cms) [data-swiper-parallax-scale] {opacity: 1 !important; visibility: visible !important; transform: none !important;} .secret-cms.body_home {overflow: hidden;} .secret-cms.body_home .page {height: 100vh; overflow: hidden;} .secret-cms.body_home .fp, .secret-cms.body_home [data-slider-wrapper="fp"] {position: relative; width: 100%; display: block !important; height: 100vh !important; overflow: hidden !important; transform: none !important;} .secret-cms.body_home .fp__swiper-slide {position: absolute; inset: 0px; display: block; width: 100%; transform: translate3d(0px, 46px, 0px) scale(1.015); transition: opacity 0.72s, transform 0.86s cubic-bezier(0.22, 0.84, 0.22, 1), visibility 0.72s; will-change: opacity, transform; height: 100vh !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow: hidden !important;} .secret-cms.body_home .fp__swiper-slide.is-moving-up {transform: translate3d(0px, -46px, 0px) scale(1.015);} .secret-cms.body_home .fp__swiper-slide.is-active {z-index: 2; transform: translate3d(0px, 0px, 0px) scale(1); opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;} .secret-cms.body_home .fp__swiper-slide.is-leaving {z-index: 1;} .secret-cms.body_home .fp__section {min-height: 100vh; overflow: hidden; height: 100vh !important;} .secret-cms.body_home [data-section-bg] {transform: scale(1.04); transition: transform 1.1s cubic-bezier(0.22, 0.84, 0.22, 1);} .secret-cms.body_home .fp__swiper-slide.is-active [data-section-bg] {transform: scale(1);} @media (max-width: 1199px) { .secret-cms.body_home {overflow: auto;} .secret-cms.body_home .page, .secret-cms.body_home .fp, .secret-cms.body_home [data-slider-wrapper="fp"], .secret-cms.body_home .fp__swiper-slide, .secret-cms.body_home .fp__section {position: relative; min-height: 100vh; height: auto !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important;} } :where(.secret-cms) .progress__load {width: 0px; transition: width 0.45s;} :where(.secret-cms) .menu_open {pointer-events: auto;} :where(.secret-cms) .page_inner {min-height: 100vh;} :where(.secret-cms) .legacyx-cms-section {min-height: 100vh; padding: 150px 0px 80px; overflow: hidden;} :where(.secret-cms) .legacyx-cms-section [data-section-bg] {position: absolute; inset: 0px; background-position: center center; background-size: cover; opacity: 0.95;} :where(.secret-cms) .legacyx-cms-container {position: relative; z-index: 2;} :where(.secret-cms) .legacyx-cms-page {width: min(1120px, 100%); margin: 0px auto; color: rgb(232, 220, 197); font-family: Intro, Arial, sans-serif;} :where(.secret-cms) .page-card, :where(.secret-cms) .auth-card, :where(.secret-cms) .download-panel {border: 1px solid rgba(214, 177, 111, 0.22); background: rgba(10, 12, 18, 0.74); box-shadow: rgba(0, 0, 0, 0.34) 0px 26px 70px; padding: 34px;} :where(.secret-cms) .page-card h1, :where(.secret-cms) .page-card h2, :where(.secret-cms) .auth-card h1, :where(.secret-cms) .download-panel h2 {margin: 0px 0px 18px; color: rgb(245, 217, 157); font-family: TrajanPro3, Georgia, serif; font-size: 34px; letter-spacing: 0px;} :where(.secret-cms) .page-card p, :where(.secret-cms) .auth-card p, :where(.secret-cms) .download-panel p {color: rgba(232, 220, 197, 0.82); line-height: 1.65;} :where(.secret-cms) .invite__desc {line-height: 1.45;} :where(.secret-cms) .invite__desc p, :where(.secret-cms) .register-copy p {margin: 0px 0px 0.65rem;} :where(.secret-cms) .invite__desc p:last-child, :where(.secret-cms) .register-copy p:last-child {margin-bottom: 0px;} :where(.secret-cms) .register-copy {max-width: 34rem;} :where(.secret-cms) .eyebrow {margin: 0px 0px 10px; color: rgb(188, 141, 70); text-transform: uppercase;} :where(.secret-cms) .form {display: grid; gap: 18px;} :where(.secret-cms) .form label {display: grid; gap: 8px; color: rgb(244, 231, 201);} :where(.secret-cms) .form input, :where(.secret-cms) .form textarea, :where(.secret-cms) .form select {width: 100%; box-sizing: border-box; border: 1px solid rgba(214, 177, 111, 0.24); background: rgba(0, 0, 0, 0.34); color: rgb(255, 243, 215); padding: 13px 15px; outline: none;} :where(.secret-cms) .form input:focus, :where(.secret-cms) .form textarea:focus, :where(.secret-cms) .form select:focus {border-color: rgba(245, 217, 157, 0.7);} :where(.secret-cms) .auth-card {display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(320px, 1fr); gap: 34px; align-items: start;} :where(.secret-cms) .auth-card--register {position: relative; overflow: hidden; grid-template-columns: minmax(330px, 0.9fr) minmax(410px, 1.1fr); gap: 42px; padding: 42px 46px; border-color: rgba(214, 177, 111, 0.34); background: linear-gradient(90deg, rgba(4, 7, 12, 0.94) 0%, rgba(8, 10, 15, 0.78) 46%, rgba(34, 23, 14, 0.42) 100%), rgba(8, 10, 14, 0.82);} :where(.secret-cms) .auth-card--register::before, :where(.secret-cms) .auth-card--register::after {content: ""; position: absolute; pointer-events: none;} :where(.secret-cms) .auth-card--register::before {inset: 14px; border: 1px solid rgba(214, 177, 111, 0.12);} :where(.secret-cms) .auth-card--register::after {left: 46px; right: 46px; top: 0px; height: 1px; background: linear-gradient(90deg, transparent, rgba(245, 217, 157, 0.42), transparent);} :where(.secret-cms) .register-info, :where(.secret-cms) .register-form {position: relative; z-index: 1;} :where(.secret-cms) .auth-card--register h1 {margin-bottom: 24px; font-size: clamp(36px, 3.2vw, 52px);} :where(.secret-cms) .register-copy {max-width: 39rem; padding: 18px 20px; border-left: 1px solid rgba(214, 177, 111, 0.44); background: linear-gradient(90deg, rgba(214, 177, 111, 0.08), rgba(0, 0, 0, 0));} :where(.secret-cms) .register-copy p {font-size: 0.96rem;} :where(.secret-cms) .register-steps {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin-top: 22px;} :where(.secret-cms) .register-step {min-height: 112px; box-sizing: border-box; padding: 14px 13px; border: 1px solid rgba(214, 177, 111, 0.26); background: linear-gradient(rgba(214, 177, 111, 0.08), rgba(0, 0, 0, 0.22)), rgba(0, 0, 0, 0.2);} :where(.secret-cms) .register-step span {display: block; margin-bottom: 8px; color: rgb(188, 141, 70); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em;} :where(.secret-cms) .register-step strong {display: block; color: rgb(245, 217, 157); font-family: TrajanPro3, Georgia, serif; font-size: 1.02rem; line-height: 1.2;} :where(.secret-cms) .register-step p {margin: 7px 0px 0px; color: rgba(232, 220, 197, 0.72); font-size: 0.82rem; line-height: 1.35;} :where(.secret-cms) .register-form {gap: 15px; padding: 24px; border: 1px solid rgba(214, 177, 111, 0.24); background: linear-gradient(rgba(5, 6, 10, 0.68), rgba(5, 6, 10, 0.38)); box-shadow: rgba(255, 232, 180, 0.04) 0px 0px 0px 1px inset;} :where(.secret-cms) .register-form__head {display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 6px; color: rgb(188, 141, 70); font-size: 0.78rem; font-weight: 700; text-transform: uppercase;} :where(.secret-cms) .register-form__head strong {color: rgb(245, 217, 157); font-family: TrajanPro3, Georgia, serif; font-size: 1rem; text-transform: none;} :where(.secret-cms) .register-form label {gap: 7px;} :where(.secret-cms) .register-form label > span {color: rgb(245, 217, 157); font-size: 0.92rem; font-weight: 700;} :where(.secret-cms) .register-form input {min-height: 46px; border-color: rgba(214, 177, 111, 0.34); background: rgba(0, 0, 0, 0.42);} :where(.secret-cms) .register-form .button {min-height: 50px; margin-top: 4px;} :where(.secret-cms) .table-wrap {width: 100%; overflow-x: auto;} :where(.secret-cms) .table-wrap table, :where(.secret-cms) .table {width: 100%; border-collapse: collapse; overflow: hidden;} :where(.secret-cms) .table-wrap th, :where(.secret-cms) .table-wrap td, :where(.secret-cms) .table th, :where(.secret-cms) .table td {padding: 14px 16px; border-bottom: 1px solid rgba(214, 177, 111, 0.16); color: rgb(232, 220, 197); text-align: left;} :where(.secret-cms) .table-wrap th, :where(.secret-cms) .table th {color: rgb(245, 217, 157); text-transform: uppercase; font-size: 12px;} :where(.secret-cms) .tabs, :where(.secret-cms) .footer__links, :where(.secret-cms) .admin-grid, :where(.secret-cms) .download-list, :where(.secret-cms) .downloads-grid, :where(.secret-cms) .account-grid, :where(.secret-cms) .actions-row, :where(.secret-cms) .user-panel {display: flex; gap: 14px; flex-wrap: wrap;} :where(.secret-cms) .tabs a, :where(.secret-cms) .link {color: rgb(245, 217, 157); text-decoration: none; border-bottom: 1px solid rgba(245, 217, 157, 0.35);} :where(.secret-cms) .link:hover {color: rgb(255, 243, 199); border-bottom-color: rgba(255, 243, 199, 0.86);} :where(.secret-cms) .tabs a.is-active {color: rgb(255, 255, 255);} :where(.secret-cms) .button {display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0px 26px; border: 1px solid rgba(214, 177, 111, 0.45); background: rgba(188, 141, 70, 0.22); color: rgb(255, 243, 215); text-decoration: none; cursor: pointer;} :where(.secret-cms) .button--small {min-height: 38px; padding: 0px 18px;} :where(.secret-cms) .button--ghost {background: transparent;} :where(.secret-cms) .download-item, :where(.secret-cms) .stat-card, :where(.secret-cms) .stat-box, :where(.secret-cms) .admin-card {border: 1px solid rgba(214, 177, 111, 0.18); background: rgba(0, 0, 0, 0.2); padding: 22px;} :where(.secret-cms) .stat-box {min-width: 180px;} :where(.secret-cms) .stat-box span {display: block; margin-bottom: 8px; color: rgba(232, 220, 197, 0.7);} :where(.secret-cms) .stat-box strong {color: rgb(245, 217, 157); font-size: 24px;} :where(.secret-cms) .admin-form {display: grid; gap: 18px; margin: 18px 0px 34px;} :where(.secret-cms) .admin-help {border: 1px solid rgba(214, 177, 111, 0.16); background: rgba(0, 0, 0, 0.22); color: rgba(232, 220, 197, 0.72); font-size: 12px; line-height: 1.45; margin: 0px; padding: 12px 14px;} :where(.secret-cms) .admin-row {display: grid; grid-template-columns: 0.7fr 1.2fr 0.7fr 1fr; gap: 10px; padding: 16px; border: 1px solid rgba(214, 177, 111, 0.14); background: rgba(0, 0, 0, 0.18);} :where(.secret-cms) .admin-row textarea, :where(.secret-cms) .admin-row input {min-width: 0px; border: 1px solid rgba(214, 177, 111, 0.24); background: rgba(0, 0, 0, 0.34); color: rgb(255, 243, 215); padding: 12px 13px; outline: none;} :where(.secret-cms) .admin-row textarea {grid-column: 1 / -1; min-height: 84px; resize: vertical;} :where(.secret-cms) .admin-servers-head, :where(.secret-cms) .admin-server-row {display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 8px; align-items: center;} :where(.secret-cms) .admin-servers-head {display: none;} :where(.secret-cms) .admin-server-row {padding: 12px; border: 1px solid rgba(214, 177, 111, 0.14); background: rgba(0, 0, 0, 0.18);} :where(.secret-cms) .admin-server-row label {display: flex; justify-content: center; align-items: center;} :where(.secret-cms) .admin-server-row .admin-check {justify-content: flex-start; gap: 8px; color: rgba(245, 217, 157, 0.84); font-size: 12px;} :where(.secret-cms) .admin-server-row input[type="text"], :where(.secret-cms) .admin-server-row input[type="number"], :where(.secret-cms) .admin-server-row input[type="password"], :where(.secret-cms) .admin-server-row select, :where(.secret-cms) .admin-server-row input:not([type]) {min-width: 0px; width: 100%; box-sizing: border-box; border: 1px solid rgba(214, 177, 111, 0.24); background: rgba(0, 0, 0, 0.34); color: rgb(255, 243, 215); padding: 11px 12px; outline: none;} :where(.secret-cms) .admin-server-row input[type="checkbox"] {width: 18px; height: 18px; accent-color: rgb(201, 155, 78);} :where(.secret-cms) .admin-server-extra {grid-column: 1 / -1; width: 100%; border: 1px solid rgba(214, 177, 111, 0.14); background: rgba(0, 0, 0, 0.18);} :where(.secret-cms) .admin-server-extra summary {cursor: pointer; padding: 12px 14px; color: rgb(245, 217, 157); text-transform: uppercase; font-size: 12px;} :where(.secret-cms) .admin-server-extra__grid {display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 12px; padding: 0px 14px 14px;} :where(.secret-cms) .admin-server-extra__grid label {display: grid; justify-content: stretch; gap: 7px; color: rgba(232, 220, 197, 0.74); font-size: 12px;} :where(.secret-cms) .admin-server-extra__grid input[type="checkbox"] {justify-self: start;} :where(.secret-cms) .admin-tabs {display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0px 18px;} :where(.secret-cms) .admin-tabs a {border: 1px solid rgba(214, 177, 111, 0.24); background: rgba(0, 0, 0, 0.24); color: rgb(245, 217, 157); padding: 10px 14px; text-decoration: none;} :where(.secret-cms) .admin-search, :where(.secret-cms) .inline-form, :where(.secret-cms) .admin-vip-form {display: flex; gap: 10px; align-items: center; flex-wrap: wrap;} :where(.secret-cms) .admin-search {margin: 16px 0px 24px;} :where(.secret-cms) .admin-actions, :where(.secret-cms) .admin-row-actions {display: flex; gap: 10px; align-items: center; flex-wrap: wrap;} :where(.secret-cms) .admin-actions {margin: 12px 0px 10px;} :where(.secret-cms) .admin-search input, :where(.secret-cms) .admin-vip-form input, :where(.secret-cms) .admin-vip-form select, :where(.secret-cms) .inline-form input, :where(.secret-cms) .inline-form select {min-width: 0px; border: 1px solid rgba(214, 177, 111, 0.24); background: rgba(0, 0, 0, 0.34); color: rgb(255, 243, 215); padding: 12px 13px; outline: none;} :where(.secret-cms) .inline-form label {display: grid; gap: 5px; color: rgb(52, 73, 94); font-size: 12px; font-weight: 700;} :where(.secret-cms) .admin-search input {flex: 1 1 260px;} :where(.secret-cms) .admin-vip-form {display: grid; grid-template-columns: minmax(180px, 1fr) 160px minmax(220px, 1fr) auto;} :where(.secret-cms) .inline-form input[type="number"] {width: 74px;} :where(.secret-cms) .inline-form select {min-width: 150px;} :where(.secret-cms) .admin-table {margin: 12px 0px 34px; border: 1px solid rgba(214, 177, 111, 0.14);} :where(.secret-cms) .admin-table form {margin: 0px;} :where(.secret-cms) .admin-split {display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(280px, 0.8fr); gap: 22px; margin-bottom: 34px;} :where(.secret-cms) .admin-split h3 {margin: 0px 0px 12px; color: rgb(245, 217, 157); font-family: Intro, Arial, sans-serif; font-size: 16px;} :where(.secret-cms) .admin-ban-tools {border: 1px solid rgba(214, 177, 111, 0.14); background: rgba(0, 0, 0, 0.18); padding: 18px;} :where(.secret-cms) .admin-chip-list {display: flex; flex-wrap: wrap; gap: 8px;} :where(.secret-cms) .admin-chip-list button {border: 1px solid rgba(214, 177, 111, 0.24); background: rgba(0, 0, 0, 0.28); color: rgb(244, 231, 201); padding: 8px 10px; cursor: pointer;} :where(.secret-cms) .pill {display: inline-flex; align-items: center; min-height: 24px; margin: 2px 4px 2px 0px; padding: 0px 9px; border: 1px solid rgba(214, 177, 111, 0.2); color: rgba(232, 220, 197, 0.8); font-size: 12px;} :where(.secret-cms) .pill--ok {border-color: rgba(103, 190, 114, 0.42); color: rgb(184, 239, 189); background: rgba(19, 96, 42, 0.18);} :where(.secret-cms) .pill--danger, :where(.secret-cms) .pill--offline, :where(.secret-cms) .button--danger {border-color: rgba(225, 94, 84, 0.58);} :where(.secret-cms) .pill--danger, :where(.secret-cms) .pill--offline {color: rgb(255, 143, 134); background: rgba(122, 30, 26, 0.24);} :where(.secret-cms) .button--danger {background: rgba(133, 34, 30, 0.32);} :where(.secret-cms) .muted {color: rgba(232, 220, 197, 0.58);} :where(.secret-cms) .character-profile__grid {display: grid; grid-template-columns: minmax(220px, 0.42fr) minmax(0px, 1fr); gap: 22px; margin: 20px 0px 34px;} :where(.secret-cms) .character-card, :where(.secret-cms) .character-stats > div, :where(.secret-cms) .equipment-slot {border: 1px solid rgba(214, 177, 111, 0.18); background: rgba(0, 0, 0, 0.22);} :where(.secret-cms) .character-card {display: grid; align-content: center; justify-items: start; gap: 10px; min-height: 190px; padding: 24px; position: relative; overflow: hidden; isolation: isolate;} :where(.secret-cms) .character-card::before {content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.08) 52%, rgba(0, 0, 0, 0.58)), radial-gradient(circle at 84% 48%, rgba(230, 190, 114, 0.18), transparent 34%);} :where(.secret-cms) .character-card__class {position: relative; z-index: 3; color: rgb(245, 217, 157); font-family: TrajanPro3, Georgia, serif; font-size: 25px; line-height: 1.15; max-width: 100%;} :where(.secret-cms) .character-card__short {position: relative; z-index: 3; color: rgba(232, 220, 197, 0.62); text-transform: uppercase; letter-spacing: 2px;} :where(.secret-cms) .character-card .pill {position: relative; z-index: 3;} :where(.secret-cms) .character-card__avatar {position: absolute; right: 0px; bottom: 0px; z-index: 0; width: 48%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: right center; opacity: 0.36; mix-blend-mode: screen; pointer-events: none; filter: saturate(0.82) contrast(1.08) brightness(0.78) drop-shadow(rgba(0, 0, 0, 0.8) 0px 16px 28px); mask-image: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 100%);} :where(.secret-cms) .character-stats {display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)); gap: 10px;} :where(.secret-cms) .character-stats > div {padding: 16px;} :where(.secret-cms) .character-stats span {display: block; color: rgba(232, 220, 197, 0.62); font-size: 12px; text-transform: uppercase;} :where(.secret-cms) .character-stats strong {color: rgb(255, 243, 215); font-size: 20px;} :where(.secret-cms) .equipment-grid {display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px;} :where(.secret-cms) .equipment-slot {display: grid; justify-items: center; align-content: start; gap: 8px; min-height: 190px; padding: 14px; position: relative; text-align: center;} :where(.secret-cms) .equipment-slot__label {color: rgba(245, 217, 157, 0.72); font-size: 12px; text-transform: uppercase;} :where(.secret-cms) .equipment-slot img {width: 64px; height: 64px; object-fit: contain; image-rendering: auto;} :where(.secret-cms) .equipment-slot strong {color: rgb(245, 217, 157); font-size: 14px;} :where(.secret-cms) .equipment-item {display: grid; justify-items: center; gap: 8px; outline: none; position: relative;} :where(.secret-cms) .equipment-item:hover, :where(.secret-cms) .equipment-item:focus-visible {z-index: 30;} :where(.secret-cms) .item-tooltip {background: linear-gradient(rgba(75, 75, 75, 0.98), rgba(55, 55, 55, 0.98)); border: 6px solid rgb(245, 245, 245); box-shadow: rgba(0, 0, 0, 0.72) 0px 16px 42px, rgba(0, 0, 0, 0.55) 0px 0px 0px 1px inset; color: rgb(242, 242, 242); display: grid; gap: 8px; left: 50%; max-width: min(310px, -28px + 100vw); min-width: 270px; opacity: 0; padding: 10px 12px 12px; pointer-events: none; position: absolute; text-align: center; top: calc(100% + 14px); transform: translate(-50%, 8px); transition: opacity 0.16s, transform 0.16s; visibility: hidden; z-index: 50;} :where(.secret-cms) .equipment-item:hover .item-tooltip, :where(.secret-cms) .equipment-item:focus-visible .item-tooltip {opacity: 1; transform: translate(-50%, 0px); visibility: visible;} :where(.secret-cms) .equipment-slot:nth-child(4n+1) .item-tooltip {left: 0px; transform: translate(0px, 8px);} :where(.secret-cms) .equipment-slot:nth-child(4n+1) .equipment-item:hover .item-tooltip, :where(.secret-cms) .equipment-slot:nth-child(4n+1) .equipment-item:focus-visible .item-tooltip {transform: translate(0px, 0px);} :where(.secret-cms) .equipment-slot:nth-child(4n) .item-tooltip {left: auto; right: 0px; transform: translate(0px, 8px);} :where(.secret-cms) .equipment-slot:nth-child(4n) .equipment-item:hover .item-tooltip, :where(.secret-cms) .equipment-slot:nth-child(4n) .equipment-item:focus-visible .item-tooltip {transform: translate(0px, 0px);} :where(.secret-cms) .item-tooltip::before {border-width: 9px; border-style: solid; border-color: transparent transparent rgb(245, 245, 245); border-image: none; content: ""; left: 50%; position: absolute; top: -23px; transform: translateX(-50%);} :where(.secret-cms) .item-tooltip.is-fixed-tooltip {max-height: calc(-24px + 100vh); overflow: visible; position: fixed; z-index: 9999; transform: none !important;} :where(.secret-cms) .item-tooltip.is-fixed-tooltip.is-above::before {border-bottom-color: transparent; border-top-color: rgb(245, 245, 245); bottom: -23px; top: auto;} :where(.secret-cms) .item-tooltip__title {color: rgb(246, 223, 156); font-size: 13px; font-weight: 700; line-height: 1.25;} :where(.secret-cms) .item-tooltip__title--excellent {color: rgb(0, 255, 102);} :where(.secret-cms) .item-tooltip__title--ancient {color: rgb(126, 240, 255);} :where(.secret-cms) .equipment-slot .item-tooltip__image {height: 74px; justify-self: center; object-fit: contain; width: 74px;} :where(.secret-cms) .item-tooltip__meta, :where(.secret-cms) .item-tooltip__options {color: rgb(143, 188, 255); font-family: Arial, sans-serif; font-size: 12px; line-height: 1.25;} :where(.secret-cms) .item-tooltip__meta {display: grid; gap: 2px;} :where(.secret-cms) .item-tooltip__options {display: grid; gap: 3px; list-style: none; margin: 2px 0px 0px; padding: 0px;} :where(.secret-cms) .item-tooltip__options li:nth-child(1), :where(.secret-cms) .item-tooltip__options li:nth-child(2) {color: rgb(255, 255, 255);} :where(.secret-cms) .item-tooltip__options .item-tooltip__option--excellent {color: rgb(56, 255, 114); text-shadow: rgba(56, 255, 114, 0.25) 0px 0px 7px;} :where(.secret-cms) .item-tooltip__options .item-tooltip__option--additional, :where(.secret-cms) .item-tooltip__options li.item-tooltip__option--additional {color: rgb(114, 185, 255); text-shadow: rgba(114, 185, 255, 0.25) 0px 0px 7px;} :where(.secret-cms) .item-tooltip__options .item-tooltip__option--socket, :where(.secret-cms) .item-tooltip__options li.item-tooltip__option--socket {color: rgb(185, 133, 255); text-shadow: rgba(185, 133, 255, 0.34) 0px 0px 8px;} :where(.secret-cms) .item-tooltip__options .item-tooltip__option--ancient, :where(.secret-cms) .item-tooltip__options li.item-tooltip__option--ancient {color: rgb(233, 197, 102); text-shadow: rgba(233, 197, 102, 0.28) 0px 0px 8px;} :where(.secret-cms) .item-tooltip code {color: rgba(255, 255, 255, 0.55); font-size: 10px; overflow-wrap: anywhere;} :where(.secret-cms) .equipment-slot small, :where(.secret-cms) .equipment-slot code {color: rgba(232, 220, 197, 0.62); font-size: 11px; line-height: 1.35;} :where(.secret-cms) .equipment-slot code {max-width: 100%; overflow-wrap: anywhere;} :where(.secret-cms) .equipment-slot--empty {opacity: 0.62;} :where(.secret-cms) .admin-body {min-width: 320px; margin: 0px; background: rgb(7, 9, 13); color: rgb(232, 220, 197); font-family: Intro, Arial, sans-serif;} :where(.secret-cms) .admin-body::before {content: ""; position: fixed; inset: 0px; z-index: -1; background: linear-gradient(90deg, rgba(5, 7, 10, 0.98), rgba(5, 7, 10, 0.9) 26%, rgba(5, 7, 10, 0.72)), url("../../legacyx/images/content/bg.jpg") center center / cover no-repeat;} :where(.secret-cms) .admin-shell {display: grid; grid-template-columns: 280px minmax(0px, 1fr); min-height: 100vh;} :where(.secret-cms) .admin-shell--login {display: flex; align-items: center; justify-content: center;} :where(.secret-cms) .admin-sidebar {position: sticky; top: 0px; height: 100vh; overflow-y: auto; border-right: 1px solid rgba(214, 177, 111, 0.2); background: rgba(4, 5, 8, 0.92); padding: 24px 18px; box-sizing: border-box;} :where(.secret-cms) .admin-brand {display: grid; gap: 3px; margin-bottom: 24px; color: rgb(245, 217, 157); text-decoration: none; text-transform: uppercase;} :where(.secret-cms) .admin-brand span {font-family: TrajanPro3, Georgia, serif; font-size: 24px;} :where(.secret-cms) .admin-brand small {color: rgba(232, 220, 197, 0.6); letter-spacing: 2px;} :where(.secret-cms) .admin-side-nav, :where(.secret-cms) .admin-side-group {display: grid; gap: 8px;} :where(.secret-cms) .admin-side-nav {gap: 18px;} :where(.secret-cms) .admin-side-group {border: 1px solid rgba(214, 177, 111, 0.12); background: rgba(0, 0, 0, 0.2); padding: 14px;} :where(.secret-cms) .admin-side-group strong {color: rgb(245, 217, 157); font-size: 13px; text-transform: uppercase;} :where(.secret-cms) .admin-side-group a, :where(.secret-cms) .admin-sidebar-footer a {color: rgba(232, 220, 197, 0.78); text-decoration: none;} :where(.secret-cms) .admin-side-group a:hover, :where(.secret-cms) .admin-sidebar-footer a:hover {color: rgb(255, 243, 215);} :where(.secret-cms) .admin-sidebar-footer {display: flex; gap: 14px; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(214, 177, 111, 0.14);} :where(.secret-cms) .admin-main {min-width: 0px; padding: 28px; box-sizing: border-box;} :where(.secret-cms) .admin-shell--login .admin-main {width: min(920px, -32px + 100vw);} :where(.secret-cms) .admin-main .page-card, :where(.secret-cms) .admin-main .auth-card {width: 100%; max-width: none; box-sizing: border-box;} :where(.secret-cms) .admin-main .page-card {min-height: calc(-56px + 100vh);} :where(.secret-cms) .admin-main .cms-flash {position: sticky; top: 0px; left: auto; max-width: none; transform: none; margin-bottom: 16px;} :where(.secret-cms) .download-item {flex: 1 1 260px;} :where(.secret-cms) .news__tab {display: block !important; opacity: 1 !important;} :where(.secret-cms) .notification__content .bbImage {width: 34px; height: 34px; object-fit: contain; vertical-align: middle; margin-right: 8px;} @media (min-width: 1200px) { .secret-cms.body_home {overflow: hidden;} :where(.secret-cms) .page:not(.page_inner) {height: 100vh; min-height: 100vh; overflow: hidden;} :where(.secret-cms) .page:not(.page_inner) .fp {height: 100vh !important; overflow: hidden !important;} :where(.secret-cms) .page:not(.page_inner) [data-slider-wrapper="fp"] {height: 100% !important; display: block !important;} :where(.secret-cms) .page:not(.page_inner) .fp__swiper-slide {display: none !important; height: 100vh !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;} :where(.secret-cms) .page:not(.page_inner) .fp__swiper-slide.is-active, :where(.secret-cms) .page:not(.page_inner) .fp__swiper-slide.swiper-slide-active {display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;} :where(.secret-cms) .page:not(.page_inner) .fp__section {overflow: hidden; height: 100vh !important; min-height: 100vh !important;} :where(.secret-cms) .page:not(.page_inner) .fp__box {min-height: 100vh !important; height: 100vh !important; overflow: visible !important;} :where(.secret-cms) .page:not(.page_inner) .news__wrap {max-width: 76rem;} :where(.secret-cms) .servers-desktop {right: 0px; top: 50%; z-index: 30; transform: translateY(-50%); pointer-events: none; display: block !important; position: fixed !important;} :where(.secret-cms) .server-list {pointer-events: auto;} .secret-cms.body_home [data-section="footer"] {left: 0px; right: 0px; bottom: 0px; z-index: 28; pointer-events: none; position: fixed !important;} .secret-cms.body_home [data-section="footer"] .btn, .secret-cms.body_home [data-section="footer"] a {pointer-events: auto;} .secret-cms.body_inner [data-section="footer"] {z-index: 4; pointer-events: auto; margin-top: 0px; position: relative !important;} } @media (max-width: 760px) { :where(.secret-cms) .legacyx-cms-section {padding-top: 120px;} :where(.secret-cms) .auth-card {grid-template-columns: 1fr; padding: 24px;} :where(.secret-cms) .page-card, :where(.secret-cms) .download-panel {padding: 24px;} :where(.secret-cms) .page-card h1, :where(.secret-cms) .auth-card h1 {font-size: 27px;} :where(.secret-cms) .admin-row {grid-template-columns: 1fr;} :where(.secret-cms) .admin-servers-head {display: none;} :where(.secret-cms) .admin-server-row {grid-template-columns: 1fr;} :where(.secret-cms) .admin-server-extra__grid {grid-template-columns: 1fr;} :where(.secret-cms) .admin-split, :where(.secret-cms) .admin-vip-form {grid-template-columns: 1fr;} :where(.secret-cms) .character-profile__grid, :where(.secret-cms) .character-stats, :where(.secret-cms) .equipment-grid {grid-template-columns: 1fr;} :where(.secret-cms) .equipment-slot:nth-child(n) .item-tooltip {left: 50%; right: auto; transform: translate(-50%, 8px);} :where(.secret-cms) .equipment-slot:nth-child(n) .equipment-item:hover .item-tooltip, :where(.secret-cms) .equipment-slot:nth-child(n) .equipment-item:focus-visible .item-tooltip {transform: translate(-50%, 0px);} :where(.secret-cms) .admin-shell {grid-template-columns: 1fr;} :where(.secret-cms) .admin-sidebar {position: relative; height: auto;} :where(.secret-cms) .admin-main {padding: 16px;} } .secret-cms.admin-body {background: rgb(229, 229, 229) !important; color: rgb(47, 53, 66) !important; font-family: Arial, Helvetica, sans-serif !important;} .secret-cms.admin-body::before {display: none !important;} .secret-cms.admin-body .admin-shell {display: grid !important; grid-template-columns: 235px minmax(0px, 1fr) !important; min-height: 100vh !important; background: rgb(229, 229, 229) !important;} .secret-cms.admin-body .admin-shell--login {display: flex !important; align-items: center !important; justify-content: center !important;} .secret-cms.admin-body .admin-sidebar {position: sticky !important; top: 0px !important; height: 100vh !important; padding: 0px !important; border: 0px !important; background: rgb(51, 51, 51) !important;} .secret-cms.admin-body .admin-brand {margin: 0px !important; padding: 18px 15px !important; background: rgb(43, 43, 43) !important; color: rgb(255, 179, 0) !important;} .secret-cms.admin-body .admin-brand span {font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important;} .secret-cms.admin-body .admin-side-group {padding: 11px 15px 14px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.07) !important; border-image: none !important; background: transparent !important;} .secret-cms.admin-body .admin-side-group strong {color: rgb(245, 245, 245) !important; font-size: 14px !important; text-transform: none !important;} .secret-cms.admin-body .admin-side-group a, .secret-cms.admin-body .admin-sidebar-footer a {padding: 6px 0px 6px 18px !important; color: rgb(170, 170, 170) !important; font-size: 14px !important;} .secret-cms.admin-body .admin-main {padding: 0px !important; color: rgb(47, 53, 66) !important;} .secret-cms.admin-body .admin-topbar {display: flex !important; min-height: 45px !important; align-items: center !important; gap: 20px !important; padding: 0px 16px !important; background: rgb(243, 243, 243) !important; border-bottom: 1px solid rgb(215, 215, 215) !important; color: rgb(119, 119, 119) !important;} .secret-cms.admin-body .admin-subbar {display: flex !important; min-height: 54px !important; align-items: center !important; gap: 28px !important; padding: 0px 16px !important; background: rgb(222, 222, 222) !important; border-bottom: 1px solid rgb(210, 210, 210) !important;} .secret-cms.admin-body .admin-version {padding: 3px 7px !important; border-radius: 7px !important; background: rgb(71, 183, 114) !important; color: rgb(255, 255, 255) !important; font-weight: 700 !important;} .secret-cms.admin-body .admin-main .page-card {width: auto !important; min-height: calc(-99px + 100vh) !important; max-width: none !important; margin: 0px !important; padding: 10px !important; border: 0px !important; background: rgb(229, 229, 229) !important; color: rgb(47, 53, 66) !important; box-shadow: none !important;} .secret-cms.admin-body .admin-main .auth-card {width: min(430px, -28px + 100vw) !important; max-width: 430px !important; min-height: auto !important; padding: 28px !important; border: 1px solid rgb(215, 215, 215) !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 36px !important;} .secret-cms.admin-body .admin-main h1, .secret-cms.admin-body .admin-main h2, .secret-cms.admin-body .admin-main h3 {color: rgb(52, 73, 94) !important; font-family: Arial, Helvetica, sans-serif !important; letter-spacing: 0px !important; text-transform: none !important;} .secret-cms.admin-body .admin-main .section__head {margin: 0px 0px 14px !important; padding: 12px !important; border: 1px solid rgb(210, 210, 210) !important; background: rgb(247, 247, 247) !important;} .secret-cms.admin-body .admin-main .account-grid {display: grid !important; grid-template-columns: repeat(5, minmax(140px, 1fr)) !important; gap: 14px !important; margin: 10px 0px 24px !important;} .secret-cms.admin-body .admin-main .stat-box {min-height: 88px !important; padding: 15px !important; border: 0px !important; background: rgb(139, 195, 74) !important; color: rgb(255, 255, 255) !important;} .secret-cms.admin-body .admin-main .stat-box:nth-child(2) {background: rgb(85, 191, 230) !important;} .secret-cms.admin-body .admin-main .stat-box:nth-child(3) {background: rgb(233, 107, 107) !important;} .secret-cms.admin-body .admin-main .stat-box:nth-child(4) {background: rgb(155, 98, 222) !important;} .secret-cms.admin-body .admin-main .stat-box:nth-child(5) {background: rgb(240, 161, 58) !important;} .secret-cms.admin-body .admin-main .stat-box span, .secret-cms.admin-body .admin-main .stat-box strong {color: rgb(255, 255, 255) !important; font-family: Arial, Helvetica, sans-serif !important;} .secret-cms.admin-body .admin-main .stat-box strong {font-size: 32px !important; font-weight: 400 !important;} .secret-cms.admin-body .admin-tabs {display: flex !important; flex-wrap: wrap !important; gap: 0px !important; border-bottom: 1px solid rgb(207, 207, 207) !important;} .secret-cms.admin-body .admin-tabs a {padding: 10px 14px !important; border-width: 1px 1px 0px !important; border-style: solid solid none !important; border-color: rgb(207, 207, 207) rgb(207, 207, 207) currentcolor !important; border-image: none !important; background: rgb(247, 247, 247) !important; color: rgb(85, 85, 85) !important; font-size: 14px !important;} .secret-cms.admin-body .admin-form {padding: 12px !important; border: 1px solid rgb(210, 210, 210) !important; background: rgb(247, 247, 247) !important;} .secret-cms.admin-body input, .secret-cms.admin-body select, .secret-cms.admin-body textarea {border: 1px solid rgb(207, 207, 207) !important; background: rgb(255, 255, 255) !important; color: rgb(51, 51, 51) !important;} .secret-cms.admin-body .admin-server-extra__grid {grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;} .secret-cms.admin-body .admin-table {border: 1px solid rgb(210, 210, 210) !important; background: rgb(255, 255, 255) !important;} .secret-cms.admin-body .admin-table th {background: rgb(239, 239, 239) !important; color: rgb(52, 73, 94) !important;} .secret-cms.admin-body .admin-table td {color: rgb(52, 73, 94) !important;} .secret-cms.admin-body .admin-mini-card, .secret-cms.admin-body .admin-mini-card p, .secret-cms.admin-body .admin-main .muted, .secret-cms.admin-body .admin-table .muted {color: rgb(52, 73, 94) !important;} .secret-cms.admin-body .pill--ok {color: rgb(31, 107, 43) !important;} .secret-cms.admin-body .pill--danger, .secret-cms.admin-body .pill--offline {color: rgb(138, 43, 36) !important;} @media (max-width: 980px) { .secret-cms.admin-body .admin-shell {grid-template-columns: 1fr !important;} .secret-cms.admin-body .admin-sidebar {position: relative !important; height: auto !important;} .secret-cms.admin-body .admin-main .account-grid, .secret-cms.admin-body .admin-server-extra__grid, .secret-cms.admin-body .admin-split {grid-template-columns: 1fr !important;} } .secret-cms.admin-body .admin-panel-section[hidden] {display: none !important;} .secret-cms.admin-body .admin-panel-section {display: block;} .secret-cms.admin-body .admin-sidebar a.is-active, .secret-cms.admin-body .admin-tabs a.is-active, .secret-cms.admin-body .admin-topbar a.is-active, .secret-cms.admin-body .admin-subbar a.is-active {color: rgb(255, 255, 255) !important; background: rgba(79, 195, 247, 0.18) !important;} .secret-cms.admin-body .admin-tabs a.is-active {color: rgb(34, 34, 34) !important; background: rgb(255, 255, 255) !important;} .secret-cms.admin-body .admin-shell--login .admin-main {width: auto !important; min-width: 0px !important; display: flex !important; justify-content: center !important; align-items: center !important;} .secret-cms.admin-body .admin-login-card {display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important;} .secret-cms.admin-body .admin-login-card .form {display: grid !important; gap: 14px !important;} .secret-cms.admin-body .admin-login-card input {width: 100% !important;} .secret-cms.admin-body .admin-topbar {background: rgb(38, 49, 58) !important; border-bottom-color: rgb(29, 37, 44) !important; color: rgb(232, 237, 242) !important;} .secret-cms.admin-body .admin-topbar a, .secret-cms.admin-body .admin-user {color: rgb(232, 237, 242) !important;} .secret-cms.admin-body .admin-topbar a:hover {color: rgb(255, 255, 255) !important;} .secret-cms.admin-body .admin-subbar {background: rgb(245, 247, 249) !important; color: rgb(47, 59, 69) !important;} .secret-cms.admin-body .admin-subbar a, .secret-cms.admin-body .admin-subbar span {color: rgb(47, 59, 69) !important;} .secret-cms.admin-body .admin-main label, .secret-cms.admin-body .admin-form label, .secret-cms.admin-body .admin-server-extra__grid label {color: rgb(36, 49, 61) !important; font-weight: 700 !important;} .secret-cms.admin-body input[type="checkbox"] {accent-color: rgb(22, 135, 217); width: 18px !important; height: 18px !important; min-height: 18px !important; padding: 0px !important;} .secret-cms.admin-body .admin-ranking-form .admin-server-extra__grid {align-items: end; grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;} .secret-cms.admin-body .admin-ranking-form .admin-server-extra__grid label {display: grid !important; gap: 6px !important;} .secret-cms.admin-body .admin-class-grid {display: grid !important; grid-template-columns: repeat(4, minmax(180px, 1fr)) !important; gap: 10px !important; padding: 12px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(210, 210, 210) !important;} .secret-cms.admin-body .admin-class-grid label {display: flex !important; align-items: center !important; gap: 8px !important; min-height: 34px !important;} .secret-cms.admin-body .admin-account-info {padding: 9px 11px; border: 1px solid rgb(199, 217, 231); background: rgb(238, 247, 255); color: rgb(31, 77, 107); font-weight: 700;} .secret-cms.admin-body .admin-file-button {align-items: center; justify-content: center; min-height: 40px; padding: 0px 14px; font-weight: 700; cursor: pointer; display: inline-flex !important; border: 1px solid rgb(47, 127, 166) !important; background: rgb(73, 189, 234) !important; color: rgb(255, 255, 255) !important;} .secret-cms.admin-body .admin-file-button input {display: none;} :where(.secret-cms) .legacyx-logo {display: inline-flex; align-items: center; width: 150px; max-width: 150px; text-decoration: none;} :where(.secret-cms) .legacyx-logo img {display: block; width: 100%; height: auto; object-fit: contain;} :where(.secret-cms) .legacyx-preload-logo {display: block; width: min(320px, 70vw); height: auto; object-fit: contain;} :where(.secret-cms) .legacyx-invite-logo {display: block; width: min(260px, 80%); height: auto; object-fit: contain; margin: 0px auto 18px;} :where(.secret-cms) .preload__progress {display: none !important;} :where(.secret-cms) .legacyx-preload-logo {width: min(106px, 24vw) !important; max-width: 106px !important;} :where(.secret-cms) .preload__items {display: flex !important; gap: 10px !important; margin-top: 18px !important;} :where(.secret-cms) .preload__item {opacity: 0.2; animation: 1.05s ease-in-out 0s infinite normal none running legacyx-preload-dot; width: 9px !important; height: 9px !important; border-radius: 50% !important; background: rgb(203, 166, 95) !important;} :where(.secret-cms) .preload__item:nth-child(2) {animation-delay: 0.16s;} :where(.secret-cms) .preload__item:nth-child(3) {animation-delay: 0.32s;} @keyframes legacyx-preload-dot { 0%, 100% { opacity: 0.18; transform: translateY(0px) scale(0.8); } 45% { opacity: 1; transform: translateY(-4px) scale(1.15); } } :where(.secret-cms) .legacyx-logo {position: relative;} :where(.secret-cms) .legacyx-logo::before, :where(.secret-cms) .legacyx-logo::after {content: ""; position: absolute; inset: -8px -18px; border-left: 1px solid rgba(204, 164, 91, 0); border-right: 1px solid rgba(204, 164, 91, 0); opacity: 0; pointer-events: none;} :where(.secret-cms) .legacyx-logo:hover::before, :where(.secret-cms) .legacyx-logo:hover::after {animation: 0.9s ease-out 0s infinite normal none running legacyx-logo-wave;} :where(.secret-cms) .legacyx-logo:hover::after {animation-delay: 0.22s;} @keyframes legacyx-logo-wave { 0% { opacity: 0.9; transform: scaleX(0.72); border-color: rgba(204, 164, 91, 0.75); } 100% { opacity: 0; transform: scaleX(1.35); border-color: rgba(204, 164, 91, 0); } } .secret-cms.admin-body .admin-servers-head, .secret-cms.admin-body .admin-server-row {grid-template-columns: 42px 50px 62px minmax(150px, 1.2fr) minmax(100px, 0.8fr) 80px 80px 70px 80px 70px 70px 70px minmax(150px, 1fr) !important;} :where(.secret-cms) .vip-badge {display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; color: rgb(255, 179, 71); text-shadow: rgba(255, 179, 71, 0.8) 0px 0px 8px; font-size: 18px;} :where(.secret-cms) .vip-cell {text-align: center; vertical-align: middle;} :where(.secret-cms) .rank-status {font-weight: 700;} :where(.secret-cms) .rank-status.is-online {color: rgb(0, 216, 74);} :where(.secret-cms) .rank-status.is-offline {color: rgb(255, 43, 43);} :where(.secret-cms) .ranking-table th, :where(.secret-cms) .ranking-table td {white-space: nowrap;} :where(.secret-cms) .download-item__icon {width: 36px; height: 36px; object-fit: contain; margin-bottom: 10px;} :where(.secret-cms) .usercp-character-grid {display: grid; gap: 14px;} :where(.secret-cms) .usercp-character {border: 1px solid rgba(214, 177, 111, 0.22); background: rgba(0, 0, 0, 0.22); padding: 16px;} :where(.secret-cms) .usercp-character__head {display: flex; justify-content: space-between; gap: 14px; margin-bottom: 12px;} :where(.secret-cms) .usercp-character__head strong {display: block; color: rgb(248, 221, 161); font-size: 20px;} :where(.secret-cms) .usercp-character__head span, :where(.secret-cms) .usercp-character__stats {color: rgba(255, 255, 255, 0.68);} :where(.secret-cms) .usercp-action {display: grid; grid-template-columns: repeat(4, minmax(90px, 1fr)); gap: 8px; margin-top: 8px;} :where(.secret-cms) .usercp-action input, :where(.secret-cms) .usercp-action select {min-width: 0px;} @media (max-width: 900px) { :where(.secret-cms) .usercp-action {grid-template-columns: 1fr;} } :where(.secret-cms) .vip-name {font-weight: 900; text-shadow: rgba(255, 178, 55, 0.9) 0px 0px 7px, rgba(111, 62, 12, 0.9) 0px 0px 18px; border-bottom: 1px solid rgba(255, 216, 120, 0.65); filter: drop-shadow(rgba(204, 164, 91, 0.45) 0px 0px 5px); color: rgb(255, 216, 120) !important;} :where(.secret-cms) .ranking-search {display: grid; grid-template-columns: minmax(180px, 360px) auto; gap: 10px; margin: 16px 0px; align-items: center;} :where(.secret-cms) .ranking-search input {min-width: 0px;} :where(.secret-cms) .ranking-search .button {min-height: 44px; padding: 0px 22px; width: auto; justify-self: start;} :where(.secret-cms) .usercp-action {align-items: center;} :where(.secret-cms) .usercp-action--vip {grid-template-columns: 1fr auto auto; margin: 18px 0px; padding: 14px; border: 1px solid rgba(214, 177, 111, 0.22); background: rgba(0, 0, 0, 0.2);} :where(.secret-cms) .usercp-privacy {display: grid; gap: 8px; margin-top: 12px;} :where(.secret-cms) .usercp-privacy form {display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center;} @media (max-width: 900px) { :where(.secret-cms) .ranking-search, :where(.secret-cms) .usercp-action--vip, :where(.secret-cms) .usercp-privacy form {grid-template-columns: 1fr;} } :where(.secret-cms) .lx-timer {width: min(620px, 100%); margin-top: 26px; padding: 18px 20px; border: 1px solid rgba(204, 164, 91, 0.42); background: linear-gradient(90deg, rgba(13, 10, 8, 0.72), rgba(47, 31, 14, 0.48)); box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 32px inset, rgba(177, 123, 42, 0.14) 0px 0px 24px;} :where(.secret-cms) .lx-timer__head {display: flex; justify-content: space-between; gap: 14px; align-items: baseline; color: rgb(243, 217, 149); text-transform: uppercase;} :where(.secret-cms) .lx-timer__kicker {font-size: 12px; letter-spacing: 0px; color: rgb(203, 164, 91);} :where(.secret-cms) .lx-timer__title {font-family: var(--font-title, serif); font-size: 20px; color: rgb(255, 241, 194);} :where(.secret-cms) .lx-timer__title span, :where(.secret-cms) .lx-timer__title b {color: rgb(212, 168, 78);} :where(.secret-cms) .lx-timer__grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 14px;} :where(.secret-cms) .lx-timer__grid div {min-height: 74px; display: grid; place-items: center; border: 1px solid rgba(204, 164, 91, 0.35); background: rgba(0, 0, 0, 0.33);} :where(.secret-cms) .lx-timer__grid strong {font-family: var(--font-title, serif); color: rgb(255, 255, 255); font-size: 30px; line-height: 1;} :where(.secret-cms) .lx-timer__grid span, :where(.secret-cms) .lx-timer__foot span {color: rgba(255, 236, 192, 0.72); font-size: 11px; text-transform: uppercase;} :where(.secret-cms) .lx-timer__foot {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;} :where(.secret-cms) .lx-timer__foot span {border: 1px solid rgba(204, 164, 91, 0.3); padding: 5px 8px; background: rgba(0, 0, 0, 0.28);} :where(.secret-cms) .home-stream-box {width: min(420px, 100%); align-self: center; border: 1px solid rgba(204, 164, 91, 0.38); background: rgba(6, 5, 4, 0.62); padding: 16px; box-shadow: rgba(0, 0, 0, 0.55) 0px 0px 26px inset;} :where(.secret-cms) .home-stream-box__head, :where(.secret-cms) .home-stream-box__meta {display: flex; justify-content: space-between; gap: 12px; align-items: center; color: rgb(243, 217, 149);} :where(.secret-cms) .home-stream-box__head span, :where(.secret-cms) .home-stream-box__meta span {color: rgb(203, 164, 91); text-transform: uppercase; font-size: 12px;} :where(.secret-cms) .home-stream-box iframe, :where(.secret-cms) .stream-card iframe {width: 100%; aspect-ratio: 16 / 9; border: 0px; background: rgb(5, 5, 5); margin: 12px 0px;} :where(.secret-cms) .stream-grid {display: grid; grid-template-columns: minmax(0px, 1.4fr) minmax(280px, 0.8fr); gap: 22px; align-items: start;} :where(.secret-cms) .stream-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;} :where(.secret-cms) .stream-card, :where(.secret-cms) .stream-apply {border: 1px solid rgba(204, 164, 91, 0.28); background: rgba(0, 0, 0, 0.28); padding: 14px;} :where(.secret-cms) .stream-card__body {display: flex; align-items: center; justify-content: space-between; gap: 12px;} :where(.secret-cms) .stream-card__body strong {color: rgb(255, 224, 160);} :where(.secret-cms) .stream-card__body span {color: rgb(0, 216, 74); font-weight: 800;} :where(.secret-cms) .stream-apply__help {color: rgba(255, 236, 203, 0.72); line-height: 1.45; margin-bottom: 14px;} :where(.secret-cms) .news-pager {position: relative;} :where(.secret-cms) .news-pager__arrow {position: absolute; top: 50%; z-index: 8; width: 42px; height: 82px; border: 0px; background: rgba(6, 4, 3, 0.42); cursor: pointer; transform: translateY(-50%); transition: opacity 0.25s, transform 0.25s, background 0.25s;} :where(.secret-cms) .news-pager__arrow::before {content: ""; position: absolute; inset: 0px; margin: auto; width: 15px; height: 15px; border-top: 3px solid rgb(203, 164, 91); border-left: 3px solid rgb(203, 164, 91);} :where(.secret-cms) .news-pager__arrow--prev {left: -54px;} :where(.secret-cms) .news-pager__arrow--prev::before {transform: rotate(-45deg);} :where(.secret-cms) .news-pager__arrow--next {right: -54px;} :where(.secret-cms) .news-pager__arrow--next::before {transform: rotate(135deg);} :where(.secret-cms) .news-pager__arrow:hover {background: rgba(79, 47, 16, 0.64);} :where(.secret-cms) .news-pager__arrow:disabled {opacity: 0.25; cursor: default;} .secret-cms.body_home .fp__swiper-slide {transition: opacity 0.72s cubic-bezier(0.2, 0.74, 0.16, 1), transform 0.72s cubic-bezier(0.2, 0.74, 0.16, 1), filter 0.72s !important;} .secret-cms.body_home .fp__swiper-slide.is-moving-down:not(.is-active) {transform: translate3d(0px, -5.5vh, 0px) scale(0.985) !important;} .secret-cms.body_home .fp__swiper-slide.is-moving-up:not(.is-active) {transform: translate3d(0px, 5.5vh, 0px) scale(0.985) !important;} .secret-cms.body_home .fp__swiper-slide.is-leaving {filter: brightness(0.45) blur(2px); opacity: 0 !important;} .secret-cms.body_home .fp__swiper-slide.is-active {filter: brightness(1) blur(0px); opacity: 1 !important; transform: translate3d(0px, 0px, 0px) scale(1) !important;} .secret-cms.admin-body .admin-dashboard-grid {display: grid; grid-template-columns: minmax(0px, 1fr) minmax(360px, 0.8fr); gap: 18px; margin: 18px 0px;} .secret-cms.admin-body .admin-mini-card {border: 1px solid rgb(215, 215, 215); background: rgb(255, 255, 255); padding: 14px;} .secret-cms.admin-body .admin-currency-tabs {display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px;} .secret-cms.admin-body .admin-currency-tabs button {border: 1px solid rgb(207, 216, 220); background: rgb(245, 247, 248); padding: 8px 12px; cursor: pointer; color: rgb(36, 63, 89); font-weight: 700;} .secret-cms.admin-body .admin-currency-tabs button.is-active {background: rgb(89, 196, 238); border-color: rgb(89, 196, 238); color: rgb(255, 255, 255);} .secret-cms.admin-body .admin-server-row {align-items: start; margin-bottom: 16px; background: rgb(248, 248, 248); border: 1px solid rgb(214, 214, 214); padding: 14px !important;} .secret-cms.admin-body .admin-server-extra {grid-column: 1 / -1; width: 100%; background: rgb(236, 236, 236);} .secret-cms.admin-body .admin-server-extra summary {padding: 10px 12px; color: rgb(30, 62, 90); font-weight: 800;} @media (max-width: 1000px) { :where(.secret-cms) .stream-grid, .secret-cms.admin-body .admin-dashboard-grid {grid-template-columns: 1fr;} :where(.secret-cms) .news-pager__arrow {top: auto; bottom: -54px; transform: none;} :where(.secret-cms) .news-pager__arrow--prev {left: 0px;} :where(.secret-cms) .news-pager__arrow--next {right: 0px;} :where(.secret-cms) .lx-timer__grid {grid-template-columns: repeat(2, 1fr);} } :where(.secret-cms) .resources__box {position: relative; width: 100%;} :where(.secret-cms) .home-stream-box {position: absolute; right: 0px; bottom: 92px; width: min(336px, 28vw); padding: 13px; z-index: 18;} :where(.secret-cms) .home-stream-box .bt {min-width: 210px; transform: scale(0.9); transform-origin: left center;} :where(.secret-cms) .news-pager {margin-left: 42px;} :where(.secret-cms) .news-pager__arrow--prev {left: -12px;} :where(.secret-cms) .news-pager__arrow--next {right: -64px;} :where(.secret-cms) .ranking-table .link {text-decoration: none !important; border-bottom: 0px !important;} :where(.secret-cms) .legal-page {min-height: 100vh; padding: 150px 48px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.78));} :where(.secret-cms) .legal-page__content {max-width: 760px;} :where(.secret-cms) .legal-page__content h1 {margin: 0px 0px 24px; color: rgb(255, 255, 255); font-family: var(--font-title, serif); font-size: clamp(34px, 4vw, 58px); font-weight: 400;} :where(.secret-cms) .legal-page__back {display: inline-flex; margin-bottom: 20px; color: rgb(215, 173, 97);} :where(.secret-cms) .legal-page__scroll {max-height: 48vh; overflow-y: auto; padding: 0px 26px 0px 0px; color: rgba(232, 220, 197, 0.7); line-height: 1.65; scrollbar-color: rgb(203, 164, 91) rgba(0, 0, 0, 0.35); scrollbar-width: thin;} :where(.secret-cms) .usercp-ticket-form, :where(.secret-cms) .usercp-ticket, :where(.secret-cms) .admin-ticket {border: 1px solid rgba(214, 177, 111, 0.22); background: rgba(0, 0, 0, 0.22); padding: 16px; margin: 12px 0px;} :where(.secret-cms) .usercp-ticket-form {display: grid; gap: 12px;} :where(.secret-cms) .usercp-ticket-form textarea, :where(.secret-cms) .admin-ticket textarea, :where(.secret-cms) .admin-row--legal textarea {min-height: 110px;} :where(.secret-cms) .usercp-ticket__head, :where(.secret-cms) .admin-ticket__head {display: flex; justify-content: space-between; gap: 14px; color: rgb(245, 217, 157);} :where(.secret-cms) .usercp-ticket__reply, :where(.secret-cms) .admin-ticket__reply {margin-top: 10px; padding: 10px; border-left: 2px solid rgba(203, 164, 91, 0.55); background: rgba(255, 255, 255, 0.04);} :where(.secret-cms) .admin-log-group {margin: 12px 0px; border: 1px solid rgb(210, 210, 210); background: rgb(247, 247, 247);} :where(.secret-cms) .admin-log-group summary {cursor: pointer; padding: 12px 14px; font-weight: 700;} :where(.secret-cms) .admin-log-group summary span {float: right;} :where(.secret-cms) .admin-log-context dl {display: grid; gap: 5px; margin: 0px;} :where(.secret-cms) .admin-log-context div {display: grid; grid-template-columns: 150px minmax(0px, 1fr); gap: 10px; align-items: start;} :where(.secret-cms) .admin-log-context dt {color: rgb(108, 116, 125); font-weight: 700;} :where(.secret-cms) .admin-log-context dd {min-width: 0px; margin: 0px; color: rgb(52, 73, 94); overflow-wrap: anywhere;} .secret-cms.admin-body .admin-ticket, .secret-cms.admin-body .admin-log-group, .secret-cms.admin-body .usercp-ticket-form {background: rgb(247, 247, 247) !important; border-color: rgb(210, 210, 210) !important; color: rgb(36, 49, 61) !important;} .secret-cms.admin-body .admin-ticket__head, .secret-cms.admin-body .admin-ticket__reply, .secret-cms.admin-body .admin-log-group summary {color: rgb(36, 49, 61) !important;} @media (max-width: 1199px) { :where(.secret-cms) .home-stream-box {position: static; width: min(420px, 100%); margin-top: 18px;} :where(.secret-cms) .news-pager {margin-left: 0px;} } :where(.secret-cms) .account-grid .stat-box--button {text-decoration: none; cursor: pointer; transition: border-color 0.2s, background 0.2s, transform 0.2s;} :where(.secret-cms) .account-grid .stat-box--button:hover {border-color: rgba(214, 177, 111, 0.72); background: rgba(80, 51, 21, 0.36); transform: translateY(-1px);} :where(.secret-cms) .usercp-character-grid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));} :where(.secret-cms) .usercp-character {padding: 12px;} :where(.secret-cms) .usercp-character__head {margin-bottom: 8px;} :where(.secret-cms) .usercp-character__head strong {font-size: 17px;} :where(.secret-cms) .usercp-character__stats {font-size: 13px;} :where(.secret-cms) .usercp-action {grid-template-columns: 1fr auto auto; gap: 6px; font-size: 13px;} :where(.secret-cms) .usercp-action input, :where(.secret-cms) .usercp-action select {height: 38px;} :where(.secret-cms) .usercp-privacy {display: grid; gap: 6px;} :where(.secret-cms) .usercp-privacy form {grid-template-columns: 1fr auto; gap: 6px; font-size: 12px; padding: 7px 0px 0px;} :where(.secret-cms) .usercp-support {margin: 22px 0px;} :where(.secret-cms) .usercp-support > summary {width: min(320px, 100%); list-style: none; cursor: pointer;} :where(.secret-cms) .usercp-support > summary::-webkit-details-marker {display: none;} :where(.secret-cms) .usercp-ticket-form {max-width: 720px;} :where(.secret-cms) .usercp-ticket-form label {display: grid; gap: 6px; color: rgb(244, 216, 149);} :where(.secret-cms) .usercp-ticket-form input, :where(.secret-cms) .usercp-ticket-form textarea {border: 1px solid rgba(214, 177, 111, 0.32); background: rgba(0, 0, 0, 0.38); color: rgb(255, 255, 255); padding: 10px 12px;} :where(.secret-cms) .usercp-ticket-form textarea {min-height: 130px; resize: vertical;} :where(.secret-cms) .usercp-ticket--answered {border-color: rgba(83, 214, 139, 0.5); box-shadow: rgba(83, 214, 139, 0.8) 3px 0px 0px inset;} :where(.secret-cms) .warehouse-panel {position: relative; z-index: 1; overflow: visible; border: 1px solid rgba(214, 177, 111, 0.22); background: rgba(0, 0, 0, 0.22); padding: 14px; margin: 14px 0px 24px;} :where(.secret-cms) .warehouse-panel__head {display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; color: rgb(246, 221, 162);} :where(.secret-cms) .warehouse-panel__head span {color: rgba(255, 255, 255, 0.7);} :where(.secret-cms) .warehouse-grid {display: grid; grid-template-columns: repeat(15, minmax(38px, 1fr)); gap: 6px;} :where(.secret-cms) .warehouse-slot {position: relative; min-height: 46px; border: 1px solid rgba(214, 177, 111, 0.18); background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center;} :where(.secret-cms) .warehouse-slot--empty {opacity: 0.34;} :where(.secret-cms) .warehouse-slot > span {font-size: 11px; color: rgba(255, 255, 255, 0.35);} :where(.secret-cms) .warehouse-slot .equipment-item {width: 100%; min-height: 44px;} :where(.secret-cms) .warehouse-slot .equipment-item img {max-width: 34px; max-height: 34px;} :where(.secret-cms) .warehouse-slot .item-tooltip {z-index: 80;} :where(.secret-cms) .news-pager {margin-left: 78px; width: max-content;} :where(.secret-cms) .news__list {grid-template-columns: repeat(2, 1fr); grid-auto-rows: 170px; width: 480px; display: grid !important; gap: 36px !important;} :where(.secret-cms) .news__list .post {width: 100%; height: 170px; min-height: 170px;} :where(.secret-cms) .news__list .post[hidden] {display: none !important;} :where(.secret-cms) .news__list .post__pic, :where(.secret-cms) .news__list .post__img {width: 100%; height: 100%;} :where(.secret-cms) .news__list .post__img {object-fit: cover;} :where(.secret-cms) .news-pager__arrow--prev {left: -36px;} :where(.secret-cms) .news-pager__arrow--next {right: -58px;} :where(.secret-cms) .home-stream-box {width: 320px; right: 0px; bottom: 118px;} :where(.secret-cms) .home-stream-box iframe {display: none;} :where(.secret-cms) .home-stream-box .bt {min-width: 190px;} :where(.secret-cms) .legal-page {display: flex; align-items: flex-start; justify-content: flex-start;} :where(.secret-cms) .legal-page__content {margin-left: 26px; max-width: 720px;} :where(.secret-cms) .legal-page__content h1 {text-align: left; max-width: 620px;} @media (max-width: 1199px) { :where(.secret-cms) .news__list {width: min(480px, -80px + 100vw);} :where(.secret-cms) .warehouse-grid {grid-template-columns: repeat(8, minmax(38px, 1fr));} :where(.secret-cms) .home-stream-box {width: min(320px, 100%);} } @media (max-width: 680px) { :where(.secret-cms) .news__list {grid-template-columns: 1fr; grid-auto-rows: 170px; width: calc(-48px + 100vw);} :where(.secret-cms) .warehouse-grid {grid-template-columns: repeat(5, minmax(38px, 1fr));} :where(.secret-cms) .warehouse-panel__head, :where(.secret-cms) .usercp-character__head {flex-direction: column;} :where(.secret-cms) .usercp-action {grid-template-columns: 1fr;} } :where(.secret-cms) .auth {display: grid; gap: 8px; justify-items: center;} :where(.secret-cms) .auth-logout-link {color: rgba(255, 222, 158, 0.9); font-family: var(--font-title, inherit); font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; text-shadow: rgba(190, 134, 62, 0.32) 0px 0px 10px; margin-top: 2px;} :where(.secret-cms) .auth-logout-link:hover {color: rgb(255, 242, 199);} :where(.secret-cms) .stat-box--notice {animation: 1s ease-in-out 0s infinite normal none running supportPulse; border-color: rgba(255, 210, 104, 0.82) !important;} @keyframes supportPulse { 0%, 100% { box-shadow: rgba(255, 210, 104, 0) 0px 0px 0px inset, rgba(255, 210, 104, 0) 0px 0px 0px; } 50% { box-shadow: rgba(255, 210, 104, 0.18) 0px 0px 18px inset, rgba(255, 210, 104, 0.22) 0px 0px 18px; } } :where(.secret-cms) .usercp-character-grid {align-items: stretch; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important; gap: 16px !important;} :where(.secret-cms) .usercp-character {display: grid; gap: 12px; padding: 14px; min-width: 0px; overflow: hidden;} :where(.secret-cms) .usercp-character__head {min-height: 50px; margin-bottom: 0px;} :where(.secret-cms) .usercp-action {grid-template-columns: minmax(0px, 1fr) 82px; gap: 8px; align-items: stretch; margin-top: 0px; display: grid !important;} :where(.secret-cms) .usercp-action input, :where(.secret-cms) .usercp-action select {width: 100%; height: 34px; min-width: 0px; padding: 6px 8px;} :where(.secret-cms) .usercp-action span {display: flex; align-items: center; justify-content: center; min-width: 0px; white-space: nowrap; font-size: 12px;} :where(.secret-cms) .usercp-action .button {grid-column: 1 / -1; min-width: 0px; height: 38px; padding: 0px 10px; display: inline-flex; align-items: center; justify-content: center; text-align: center;} :where(.secret-cms) .usercp-privacy form {grid-template-columns: minmax(0px, 1fr) 118px; align-items: center;} :where(.secret-cms) .usercp-support {display: none;} :where(.secret-cms) .usercp-support[open] {display: flex; position: fixed; z-index: 180; inset: 0px; align-items: center; justify-content: center; padding: 30px; background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(4px);} :where(.secret-cms) .usercp-support > summary {display: none;} :where(.secret-cms) .usercp-support > summary::after {content: none;} :where(.secret-cms) .usercp-ticket-form {display: grid; gap: 12px; position: relative; width: min(720px, 100%); padding: 24px; border: 1px solid rgba(190, 134, 62, 0.55); background: linear-gradient(90deg, rgba(3, 5, 7, 0.96), rgba(5, 5, 5, 0.9)); box-shadow: rgba(0, 0, 0, 0.55) 0px 20px 70px;} :where(.secret-cms) .usercp-support__close {position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; border: 1px solid rgba(190, 134, 62, 0.75); background: rgba(0, 0, 0, 0.44); color: rgb(255, 224, 160); cursor: pointer; font-family: Arial, sans-serif; font-size: 22px; line-height: 1;} :where(.secret-cms) .warehouse-vaults {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 22px; overflow: visible; padding: 8px 0px 10px;} :where(.secret-cms) .warehouse-vault {flex: 0 0 auto;} :where(.secret-cms) .warehouse-vault__title {margin: 0px 0px 8px; color: rgb(246, 221, 162); font-size: 13px; font-weight: 700; text-align: center; text-transform: uppercase;} :where(.secret-cms) .warehouse-grid {--warehouse-cell: 36px; --warehouse-gap: 2px; display: grid; grid-template-columns: repeat(8, var(--warehouse-cell)); grid-template-rows: repeat(15, var(--warehouse-cell)); grid-auto-flow: row; gap: var(--warehouse-gap); align-items: stretch; justify-content: start;} :where(.secret-cms) .warehouse-slot {width: var(--warehouse-cell); min-height: 0px; height: var(--warehouse-cell); display: block; position: relative; place-self: start; overflow: visible;} :where(.secret-cms) .warehouse-slot .equipment-item {width: var(--warehouse-cell); height: var(--warehouse-cell); min-height: 0px; display: block; position: absolute; left: 0px; top: 0px; z-index: 2; padding: 0px;} :where(.secret-cms) .warehouse-slot .equipment-item img {display: block; width: 100%; height: 100%; object-fit: contain; object-position: left top;} :where(.secret-cms) .warehouse-slot[data-w="2"] .equipment-item {width: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-w="3"] .equipment-item {width: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-w="4"] .equipment-item {width: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-w="5"] .equipment-item {width: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-w="6"] .equipment-item {width: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-w="7"] .equipment-item {width: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-w="8"] .equipment-item {width: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-h="2"] .equipment-item {height: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-h="3"] .equipment-item {height: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-h="4"] .equipment-item {height: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-h="5"] .equipment-item {height: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-h="6"] .equipment-item {height: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-h="7"] .equipment-item {height: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-slot[data-h="8"] .equipment-item {height: calc(var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-cell) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap) + var(--warehouse-gap));} :where(.secret-cms) .warehouse-grid .warehouse-slot {width: 100%; height: 100%; min-width: 0px; min-height: 0px; place-self: stretch; box-sizing: border-box; overflow: visible;} :where(.secret-cms) .warehouse-grid .warehouse-slot:not(.warehouse-slot--empty) {z-index: 5; background: rgba(10, 12, 14, 0.52); border-color: rgba(214, 177, 111, 0.32);} :where(.secret-cms) .warehouse-grid .warehouse-slot .equipment-item {position: absolute; inset: 0px; width: 100%; height: 100%; min-height: 0px;} :where(.secret-cms) .warehouse-grid .warehouse-slot .equipment-item img:not(.item-tooltip__image) {width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; object-position: center center;} :where(.secret-cms) .warehouse-grid .warehouse-slot .item-tooltip {min-width: 220px;} :where(.secret-cms) .warehouse-grid .warehouse-slot:hover, :where(.secret-cms) .warehouse-grid .warehouse-slot:focus-within {z-index: 3000;} :where(.secret-cms) .warehouse-grid .warehouse-slot:hover .equipment-item, :where(.secret-cms) .warehouse-grid .warehouse-slot:focus-within .equipment-item {z-index: 3001;} :where(.secret-cms) .warehouse-grid .warehouse-slot:hover .item-tooltip, :where(.secret-cms) .warehouse-grid .warehouse-slot:focus-within .item-tooltip {z-index: 3002;} :where(.secret-cms) .warehouse-panel .item-tooltip.is-fixed-tooltip, :where(.secret-cms) .warehouse-grid .item-tooltip.is-fixed-tooltip {position: fixed !important; z-index: 2147483600 !important; max-height: none !important; overflow: visible !important; pointer-events: none !important;} :where(.secret-cms) .warehouse-panel .item-tooltip__options, :where(.secret-cms) .warehouse-grid .item-tooltip__options {max-height: none !important; overflow: visible !important;} :where(.secret-cms) .admin-warehouse-card {grid-column: 1 / -1;} :where(.secret-cms) .admin-warehouse-card .warehouse-panel {margin-bottom: 0px;} :where(.secret-cms) .admin-warehouse-delete {margin: 0px;} :where(.secret-cms) .admin-warehouse-card .warehouse-slot {cursor: pointer;} :where(.secret-cms) .admin-warehouse-card .warehouse-slot--empty {cursor: default;} :where(.secret-cms) .admin-warehouse-card .warehouse-slot:hover, :where(.secret-cms) .admin-warehouse-card .warehouse-slot:focus-within, :where(.secret-cms) .admin-warehouse-card .warehouse-slot.warehouse-slot--active {z-index: 3100;} :where(.secret-cms) .warehouse-slot__actions {position: absolute; left: 50%; top: calc(100% + 3px); z-index: 3105; display: flex; gap: 4px; align-items: center; justify-content: center; transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity 0.12s; white-space: nowrap;} :where(.secret-cms) .admin-warehouse-card .warehouse-slot:hover .warehouse-slot__actions, :where(.secret-cms) .admin-warehouse-card .warehouse-slot:focus-within .warehouse-slot__actions, :where(.secret-cms) .admin-warehouse-card .warehouse-slot.warehouse-slot--active .warehouse-slot__actions {opacity: 1; pointer-events: auto;} :where(.secret-cms) .warehouse-slot__action {display: inline-flex; align-items: center; justify-content: center; height: 20px; min-width: 58px; padding: 0px 7px; border: 1px solid rgba(207, 164, 86, 0.9); border-radius: 2px; background: rgba(18, 23, 28, 0.96); color: rgb(246, 221, 162); font: 700 10px / 18px Arial, sans-serif; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 7px;} :where(.secret-cms) .warehouse-slot__action--edit {min-width: 82px;} :where(.secret-cms) .warehouse-slot__action--delete {min-width: 60px; border-color: rgba(226, 91, 76, 0.95); background: rgb(212, 87, 75); color: rgb(255, 255, 255);} :where(.secret-cms) .admin-warehouse-card .warehouse-slot .item-tooltip {z-index: 120;} :where(.secret-cms) .admin-row--about {grid-template-columns: repeat(5, minmax(140px, 1fr));} :where(.secret-cms) .admin-row--about textarea {grid-column: 1 / -1; min-height: 150px;} :where(.secret-cms) .news-pager {margin-left: 130px;} :where(.secret-cms) .news__list {grid-template-columns: repeat(2, 1fr); grid-auto-rows: 170px; gap: 36px; width: 480px; overflow: hidden;} :where(.secret-cms) .news__list .post, :where(.secret-cms) .news__list .post__pic, :where(.secret-cms) .news__list .post__img {width: 100%; height: 170px; min-height: 170px;} :where(.secret-cms) .home-stream-box {width: min(420px, 100%); min-height: auto; position: absolute; right: 0px; top: auto; bottom: 92px; transform: none; padding: 16px; border: 1px solid rgba(190, 134, 62, 0.58); background: linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.34)); box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 34px inset;} :where(.secret-cms) .home-stream-box__head {display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin-bottom: 12px;} :where(.secret-cms) .home-stream-box__head strong {text-align: right; color: rgb(255, 224, 160);} :where(.secret-cms) .home-stream-box p, :where(.secret-cms) .home-stream-box__meta {margin: 0px 0px 14px; color: rgba(255, 255, 255, 0.88); font-family: var(--font-title, inherit); font-size: 17px; line-height: 1.25;} :where(.secret-cms) .home-stream-box .bt {width: auto; min-width: 210px; max-width: 100%; height: 44px;} @media (max-width: 1199px) { :where(.secret-cms) .warehouse-grid {--warehouse-cell: 32px;} :where(.secret-cms) .home-stream-box {position: static; width: min(420px, 100%); transform: none; margin-top: 18px;} } @media (max-width: 680px) { :where(.secret-cms) .warehouse-grid {--warehouse-cell: 28px; --warehouse-gap: 2px;} :where(.secret-cms) .usercp-action, :where(.secret-cms) .usercp-privacy form {grid-template-columns: 1fr;} } :where(.secret-cms) .news-main {margin-left: 130px;} :where(.secret-cms) .news__list--main {overflow: visible;} :where(.secret-cms) .news-all-wrap {width: 480px; margin-top: 18px; display: flex; justify-content: center;} :where(.secret-cms) .news-all-button {width: 210px; height: 50px; border: 0px; cursor: pointer; text-transform: uppercase;} :where(.secret-cms) .news-modal[hidden] {display: none !important;} :where(.secret-cms) .news-modal {position: fixed; inset: 0px; z-index: 260; display: flex; align-items: center; justify-content: center; padding: 34px; background: rgba(0, 0, 0, 0.82);} :where(.secret-cms) .news-modal-open {overflow: hidden;} :where(.secret-cms) .news-modal__panel {position: relative; width: min(760px, -48px + 100vw); max-height: calc(-68px + 100vh); padding: 34px 48px 42px; border: 1px solid rgba(190, 134, 62, 0.58); background: linear-gradient(90deg, rgba(4, 7, 10, 0.96), rgba(8, 8, 8, 0.88)); box-shadow: rgba(0, 0, 0, 0.78) 0px 0px 54px inset, rgba(0, 0, 0, 0.7) 0px 24px 80px;} :where(.secret-cms) .news-modal__close {position: absolute; top: 12px; right: 16px; width: 34px; height: 34px; border: 1px solid rgba(190, 134, 62, 0.5); background: rgba(0, 0, 0, 0.36); color: rgb(255, 224, 160); cursor: pointer; text-transform: uppercase;} :where(.secret-cms) .news-modal__eyebrow {color: rgb(210, 168, 93); text-transform: uppercase; font-weight: 700; margin-bottom: 8px;} :where(.secret-cms) .news-modal__title {color: rgb(255, 255, 255); font-family: var(--font-title, serif); font-size: 42px; line-height: 1; margin-bottom: 26px;} :where(.secret-cms) .news-modal__pager {position: relative; width: 100%; margin-left: 0px; display: flex; justify-content: center;} :where(.secret-cms) .news-modal__list {width: 480px;} :where(.secret-cms) .news-modal .news-pager__arrow {top: 50%; transform: translateY(-50%);} :where(.secret-cms) .news-modal .news-pager__arrow--prev {left: 4px;} :where(.secret-cms) .news-modal .news-pager__arrow--next {right: 4px;} :where(.secret-cms) .stream-promo {margin-bottom: 28px; padding: 28px 32px; border: 1px solid rgba(190, 134, 62, 0.58); background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(12, 14, 17, 0.54)), radial-gradient(circle at 12% 12%, rgba(190, 134, 62, 0.18), transparent 34%); box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 44px inset;} :where(.secret-cms) .stream-promo h2 {margin: 0px 0px 14px; color: rgb(255, 224, 160); font-size: 40px; line-height: 1.08;} :where(.secret-cms) .stream-promo p:not(.eyebrow) {max-width: 780px; margin: 0px 0px 18px; color: rgba(255, 255, 255, 0.85); line-height: 1.55;} :where(.secret-cms) .stream-promo .bt {width: 210px; height: 46px;} :where(.secret-cms) .inline-form--reward {display: grid; grid-template-columns: 90px 90px auto; gap: 6px; align-items: center; margin-top: 6px;} :where(.secret-cms) .inline-form--reward input {min-width: 0px; height: 32px; padding: 0px 8px;} :where(.secret-cms) .reward-popover {position: relative; display: inline-block; margin-top: 6px;} :where(.secret-cms) .reward-popover summary {list-style: none; cursor: pointer;} :where(.secret-cms) .reward-popover summary::-webkit-details-marker {display: none;} :where(.secret-cms) .reward-popover[open] .inline-form--reward {position: absolute; z-index: 20; right: 0px; top: calc(100% + 8px); width: 310px; padding: 12px; border: 1px solid rgba(0, 0, 0, 0.18); background: rgb(245, 245, 245); box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 45px;} :where(.secret-cms) .admin-nav-alert {position: relative; animation: 1s ease-in-out 0s infinite normal none running adminPulse; color: rgb(255, 224, 160) !important;} :where(.secret-cms) .admin-nav-alert span {display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; margin-left: 6px; border-radius: 999px; background: rgb(217, 169, 70); color: rgb(21, 21, 21); font-size: 12px; font-weight: 800;} @keyframes adminPulse { 0%, 100% { text-shadow: rgba(217, 169, 70, 0) 0px 0px 0px; } 50% { text-shadow: rgba(217, 169, 70, 0.95) 0px 0px 12px; } } :where(.secret-cms) .referrals-grid {display: grid; grid-template-columns: minmax(320px, 0.8fr) minmax(520px, 1.2fr); gap: 20px; margin-bottom: 28px;} :where(.secret-cms) .ref-chart {display: grid; gap: 12px;} :where(.secret-cms) .ref-chart__row {display: grid; grid-template-columns: minmax(100px, 170px) 1fr auto; gap: 12px; align-items: center;} :where(.secret-cms) .ref-chart__row span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700;} :where(.secret-cms) .ref-chart__row div {height: 12px; background: rgba(0, 0, 0, 0.16); border: 1px solid rgba(0, 0, 0, 0.12);} :where(.secret-cms) .ref-chart__row i {display: block; height: 100%; background: linear-gradient(90deg, rgb(79, 195, 247), rgb(217, 169, 70));} :where(.secret-cms) .ref-chart__row b {min-width: 42px; text-align: right;} :where(.secret-cms) .downloads__date, :where(.secret-cms) .download-item__date {display: inline-flex; align-items: center; gap: 6px; margin: 8px 0px 14px; color: rgb(203, 167, 76); font-size: 13px;} :where(.secret-cms) .download-item__date .post__date-ico {flex: 0 0 auto;} :where(.secret-cms) .admin-wide-label {display: grid; gap: 8px; margin: 12px 0px; font-weight: 700;} :where(.secret-cms) .admin-wide-label textarea {width: 100%; min-height: 120px;} :where(.secret-cms) .traffic-periods {display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 14px;} :where(.secret-cms) .traffic-periods button {min-height: 38px; padding: 0px 18px; border: 1px solid rgba(0, 0, 0, 0.16); background: rgb(246, 246, 246); color: rgb(34, 56, 79); font-weight: 700; cursor: pointer;} :where(.secret-cms) .traffic-periods button:hover, :where(.secret-cms) .traffic-periods button.is-active {border-color: rgb(56, 174, 228); background: rgb(76, 192, 239); color: rgb(255, 255, 255);} :where(.secret-cms) .traffic-panel {display: grid; grid-template-columns: minmax(520px, 1.3fr) minmax(320px, 0.7fr); gap: 20px; margin-bottom: 22px;} :where(.secret-cms) .traffic-chart {display: flex; align-items: flex-end; gap: 3px; height: 230px; padding: 14px; border: 1px solid rgba(0, 0, 0, 0.12); background: linear-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px) 0% 0% / 100% 28px, linear-gradient(90deg, rgba(255, 255, 255, 0.18) 1px, transparent 1px) 0% 0% / 28px 100%, 0% 0% / auto rgb(37, 37, 37);} :where(.secret-cms) .traffic-chart__bar {position: relative; flex: 1 1 4px; min-width: 3px; background: linear-gradient(rgba(49, 154, 230, 0.95), rgba(23, 92, 169, 0.72)); border-top: 1px solid rgba(136, 204, 255, 0.9);} :where(.secret-cms) .traffic-chart__bar span {position: absolute; left: 50%; bottom: calc(100% + 4px); transform: translateX(-50%); display: none; padding: 2px 5px; background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); font-size: 11px;} :where(.secret-cms) .traffic-chart__bar:hover span {display: block;} :where(.secret-cms) .radio-page {max-width: 1120px;} :where(.secret-cms) .radio-page__head {position: relative;} :where(.secret-cms) .radio-page__online {display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; padding: 9px 15px; border: 1px solid rgba(190, 134, 62, 0.45); background: rgba(0, 0, 0, 0.35); color: rgb(255, 224, 160);} :where(.secret-cms) .radio-page__online span {width: 9px; height: 9px; border-radius: 999px; background: rgb(17, 215, 121); box-shadow: rgba(17, 215, 121, 0.75) 0px 0px 12px;} :where(.secret-cms) .radio-page__online em {color: rgba(255, 255, 255, 0.72); font-style: normal;} :where(.secret-cms) .radio-player {display: grid; grid-template-columns: 280px 1fr; gap: 34px; align-items: center; margin-top: 28px; padding: 34px; border: 1px solid rgba(190, 134, 62, 0.56); background: radial-gradient(circle at 15% 20%, rgba(190, 134, 62, 0.18), transparent 36%), linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(10, 11, 13, 0.6)); box-shadow: rgba(0, 0, 0, 0.82) 0px 0px 70px inset;} :where(.secret-cms) .radio-player__cover {position: relative; display: grid; place-items: center; min-height: 260px;} :where(.secret-cms) .radio-player__pulse, :where(.secret-cms) .radio-player__pulse::before, :where(.secret-cms) .radio-player__pulse::after {position: absolute; width: 190px; height: 190px; border-radius: 999px; border: 1px solid rgba(203, 167, 76, 0.26);} :where(.secret-cms) .radio-player__pulse::before, :where(.secret-cms) .radio-player__pulse::after {content: ""; inset: 0px; margin: auto; animation: 2.8s ease-out 0s infinite normal none running radioPulse;} :where(.secret-cms) .radio-player__pulse::after {animation-delay: 0.9s;} :where(.secret-cms) .radio-player__play {position: relative; z-index: 2; width: 128px; height: 128px; border-radius: 999px; border: 1px solid rgba(203, 167, 76, 0.75); background: linear-gradient(rgba(90, 57, 25, 0.94), rgba(19, 15, 14, 0.94)); cursor: pointer; box-shadow: rgba(203, 167, 76, 0.22) 0px 0px 40px, rgba(0, 0, 0, 0.8) 0px 0px 32px inset;} :where(.secret-cms) .radio-player__play::before {content: ""; position: absolute; left: 52px; top: 42px; border-left: 34px solid rgb(255, 255, 255); border-top: 22px solid transparent; border-bottom: 22px solid transparent;} :where(.secret-cms) .radio-player__play.is-playing::before {left: 44px; top: 42px; width: 12px; height: 44px; border: 0px; background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 28px 0px 0px;} :where(.secret-cms) .radio-player__kicker {color: rgb(203, 167, 76); text-transform: uppercase; font-weight: 700; margin-bottom: 8px;} :where(.secret-cms) .radio-player__title {color: rgb(255, 255, 255); font-family: var(--font-title, serif); font-size: 44px; line-height: 1.08; margin-bottom: 28px;} :where(.secret-cms) .radio-player__meta {display: grid; grid-template-columns: 54px 1fr 54px; gap: 12px; align-items: center; color: rgb(255, 224, 160);} :where(.secret-cms) .radio-player__meta input {accent-color: rgb(203, 167, 76);} :where(.secret-cms) .radio-player__controls {display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px;} :where(.secret-cms) .radio-player__controls .bt {width: 190px; height: 48px;} :where(.secret-cms) .radio-tracklist {margin-top: 28px;} :where(.secret-cms) .radio-tracklist h2 {color: rgb(255, 224, 160); font-family: var(--font-title, serif); font-size: 34px;} :where(.secret-cms) .radio-tracklist__items {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;} :where(.secret-cms) .radio-tracklist__items button {display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center; min-height: 58px; padding: 10px 14px; border: 1px solid rgba(190, 134, 62, 0.38); background: rgba(0, 0, 0, 0.38); color: rgba(255, 255, 255, 0.8); text-align: left; cursor: pointer;} :where(.secret-cms) .radio-tracklist__items button.is-active {border-color: rgba(203, 167, 76, 0.9); color: rgb(255, 224, 160); background: rgba(54, 34, 16, 0.55);} :where(.secret-cms) .radio-tracklist__items span {color: rgb(203, 167, 76); font-weight: 800;} @keyframes radioPulse { 0% { transform: scale(1); opacity: 0.72; } 100% { transform: scale(1.45); opacity: 0; } } @media (max-width: 1199px) { :where(.secret-cms) .news-main, :where(.secret-cms) .news-pager {margin-left: 0px;} :where(.secret-cms) .referrals-grid, :where(.secret-cms) .traffic-panel {grid-template-columns: 1fr;} :where(.secret-cms) .radio-player {grid-template-columns: 1fr;} } @media (max-width: 680px) { :where(.secret-cms) .news-modal {padding: 16px;} :where(.secret-cms) .news-modal__panel {width: 100%; padding: 28px 18px 32px;} :where(.secret-cms) .news-all-wrap, :where(.secret-cms) .news-modal__list {width: 100%;} :where(.secret-cms) .inline-form--reward, :where(.secret-cms) .ref-chart__row, :where(.secret-cms) .radio-player__meta, :where(.secret-cms) .radio-tracklist__items {grid-template-columns: 1fr;} :where(.secret-cms) .radio-player {padding: 22px 16px;} :where(.secret-cms) .radio-player__title {font-size: 32px;} :where(.secret-cms) .radio-player__controls .bt {width: 100%;} } :where(.secret-cms) .news__wrap {gap: 2.5rem; align-items: stretch;} :where(.secret-cms) .news-main {width: 37.875rem; margin-left: 0px;} :where(.secret-cms) .news__list.news__list--main {display: grid; grid-template-columns: repeat(2, 17.875rem); grid-auto-rows: 10.75rem; gap: 2.5rem 2.125rem; width: 37.875rem; overflow: visible;} :where(.secret-cms) .news__list.news__list--main .post, :where(.secret-cms) .news__list.news__list--main .post__pic, :where(.secret-cms) .news__list.news__list--main .post__img {width: 17.875rem; height: 10.75rem; min-height: 10.75rem;} :where(.secret-cms) .news__list.news__list--main .post {margin: 0px;} :where(.secret-cms) .news__list.news__list--main .post__content {padding: 0px 1rem 0.875rem;} :where(.secret-cms) .news__list.news__list--main .post__title {font-size: 1.08rem; line-height: 1.05;} :where(.secret-cms) .news-all-wrap {width: 37.875rem; margin-top: 1.25rem;} :where(.secret-cms) .news-modal__list {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-auto-rows: 10.75rem; gap: 2rem; width: min(37.875rem, -8rem + 100vw);} :where(.secret-cms) .news-modal__list .post, :where(.secret-cms) .news-modal__list .post__pic, :where(.secret-cms) .news-modal__list .post__img {width: 100%; height: 10.75rem; min-height: 10.75rem;} :where(.secret-cms) .stream-page {max-width: 980px;} :where(.secret-cms) .stream-hero-card {position: relative; display: grid; grid-template-columns: minmax(0px, 1.45fr) minmax(280px, 0.85fr); gap: 34px; margin-bottom: 34px; padding: 34px 36px; border: 1px solid rgba(190, 134, 62, 0.62); background: linear-gradient(90deg, rgba(4, 5, 7, 0.86), rgba(12, 11, 10, 0.56)), radial-gradient(circle at 18% 18%, rgba(218, 170, 86, 0.18), transparent 34%); box-shadow: rgba(0, 0, 0, 0.78) 0px 0px 64px inset, rgba(0, 0, 0, 0.36) 0px 22px 60px; overflow: hidden;} :where(.secret-cms) .stream-hero-card::before, :where(.secret-cms) .stream-hero-card::after {content: ""; position: absolute; height: 1px; width: 38%; background: linear-gradient(90deg, transparent, rgba(203, 167, 76, 0.76), transparent); pointer-events: none;} :where(.secret-cms) .stream-hero-card::before {top: 18px; left: 24px;} :where(.secret-cms) .stream-hero-card::after {right: 24px; bottom: 18px;} :where(.secret-cms) .stream-hero-card__content {position: relative; z-index: 1;} :where(.secret-cms) .stream-hero-card__content h2, :where(.secret-cms) .stream-apply h2 {margin: 0px 0px 18px; color: rgb(255, 224, 160); font-family: var(--font-title, serif); font-size: clamp(32px, 3vw, 52px); line-height: 1.03;} :where(.secret-cms) .stream-hero-card__content p:not(.eyebrow) {max-width: 620px; color: rgba(255, 255, 255, 0.88); font-weight: 700; line-height: 1.55;} :where(.secret-cms) .stream-hero-card__stats {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin: 26px 0px 22px;} :where(.secret-cms) .stream-hero-card__stats span {display: block; min-height: 74px; padding: 12px 14px; border-left: 1px solid rgba(203, 167, 76, 0.38); background: rgba(0, 0, 0, 0.22);} :where(.secret-cms) .stream-hero-card__stats b {display: block; color: rgb(255, 255, 255); font-size: 24px; line-height: 1;} :where(.secret-cms) .stream-hero-card__stats small {display: block; margin-top: 8px; color: rgba(255, 255, 255, 0.72); font-family: var(--font-base, Arial, sans-serif);} :where(.secret-cms) .stream-hero-card .bt {width: 210px; height: 48px;} :where(.secret-cms) .stream-apply {position: relative; z-index: 1; align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: 13px; padding: 24px; border: 1px solid rgba(203, 167, 76, 0.5); background: linear-gradient(rgba(0, 0, 0, 0.42), rgba(34, 21, 10, 0.28));} :where(.secret-cms) .stream-apply h2 {font-size: 34px;} :where(.secret-cms) .stream-apply__help {margin: 0px 0px 6px; color: rgba(255, 255, 255, 0.82); line-height: 1.45;} :where(.secret-cms) .stream-apply input {width: 100%; min-height: 46px; border: 1px solid rgba(203, 167, 76, 0.42); background: rgba(0, 0, 0, 0.46); color: rgb(255, 255, 255);} :where(.secret-cms) .stream-list {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;} :where(.secret-cms) .stream-card {border: 1px solid rgba(190, 134, 62, 0.45); background: rgba(0, 0, 0, 0.44);} :where(.secret-cms) .stream-card iframe {display: block; width: 100%; aspect-ratio: 16 / 9; border: 0px;} :where(.secret-cms) .stream-card__body {display: grid; gap: 6px; padding: 14px 16px;} :where(.secret-cms) .admin-table, :where(.secret-cms) .table-wrap.admin-table {overflow: visible;} :where(.secret-cms) .admin-stream-actions {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 7px; min-width: 300px;} :where(.secret-cms) .admin-stream-actions .inline-form {display: inline-flex; margin: 0px;} :where(.secret-cms) .admin-stream-actions .button--small {min-width: 92px; white-space: nowrap;} :where(.secret-cms) .reward-popover {flex: 1 0 100%; display: block; margin: 0px;} :where(.secret-cms) .reward-popover[open] .inline-form--reward {position: static; width: 100%; max-width: 420px; margin-top: 8px; padding: 10px; display: grid; grid-template-columns: minmax(110px, 1fr) 110px auto; gap: 8px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgb(247, 247, 247); box-shadow: none;} @media (max-width: 1199px) { :where(.secret-cms) .news__wrap {flex-direction: column;} :where(.secret-cms) .news-main, :where(.secret-cms) .news__list.news__list--main, :where(.secret-cms) .news-all-wrap {width: min(37.875rem, 100%);} :where(.secret-cms) .stream-hero-card {grid-template-columns: 1fr;} } @media (max-width: 680px) { :where(.secret-cms) .news__list.news__list--main, :where(.secret-cms) .news-modal__list {grid-template-columns: 1fr; width: 100%;} :where(.secret-cms) .news__list.news__list--main .post, :where(.secret-cms) .news__list.news__list--main .post__pic, :where(.secret-cms) .news__list.news__list--main .post__img {width: 100%;} :where(.secret-cms) .news-all-wrap {width: 100%;} :where(.secret-cms) .stream-hero-card {padding: 26px 18px;} :where(.secret-cms) .stream-hero-card__stats, :where(.secret-cms) .stream-list, :where(.secret-cms) .reward-popover[open] .inline-form--reward {grid-template-columns: 1fr;} } .secret-cms.body_radio {overflow-x: hidden; background: rgb(5, 3, 3);} .secret-cms.body_radio > .section[data-section="navigation"], .secret-cms.body_radio > .section[data-section="footer"], .secret-cms.body_radio .servers-list, .secret-cms.body_radio [data-place-container="servers"] {display: none;} .secret-cms.body_radio .page_inner, .secret-cms.body_radio .legacyx-cms-section, .secret-cms.body_radio .legacyx-cms-container, .secret-cms.body_radio .legacyx-cms-page {width: 100%; max-width: none; margin: 0px; padding: 0px;} .secret-cms.body_radio .legacyx-cms-section [data-section-bg="content"] {display: none;} :where(.secret-cms) .radio-shell {position: relative; width: 100vw; min-height: 100vh; overflow: hidden; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.08) 48%, rgba(0, 0, 0, 0.46)), url("../../../../assets/radio/images/bg.jpg") center center / cover no-repeat;} :where(.secret-cms) .radio-shell::before {content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent 21%, rgba(0, 0, 0, 0.5) 100%), radial-gradient(circle at 70% 44%, transparent 0px, rgba(0, 0, 0, 0.26) 44rem); pointer-events: none;} :where(.secret-cms) .radio-schedule, :where(.secret-cms) .radio-stage, :where(.secret-cms) .radio-trackbar {position: relative; z-index: 2;} :where(.secret-cms) .radio-schedule {position: absolute; top: 0px; left: 0px; bottom: 8.5rem; display: flex; flex-direction: column; width: 26.25rem; padding: 2.125rem 1.25rem 1.25rem 2.125rem; border-right: 0.25rem solid rgb(137, 133, 123); background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.58)), radial-gradient(circle at 80% 38%, rgba(190, 134, 62, 0.16), transparent 16rem); overflow: hidden; scrollbar-width: thin; scrollbar-color: rgb(203, 167, 76) rgba(0, 0, 0, 0.35);} :where(.secret-cms) .radio-schedule__head {margin-bottom: 1.35rem; text-transform: uppercase;} :where(.secret-cms) .radio-schedule__title {color: rgb(255, 255, 255); font-family: var(--font-title, serif); font-size: 1.5625rem; line-height: 1.1; font-weight: 800;} :where(.secret-cms) .radio-schedule__subtitle {color: rgb(255, 255, 255); font-size: 1.125rem; font-weight: 800; line-height: 1.2;} :where(.secret-cms) .radio-schedule__subtitle span {color: rgb(224, 181, 91);} :where(.secret-cms) .radio-schedule__list {flex: 1 1 auto; min-height: 0px; padding-right: 1.25rem; padding-bottom: 0.625rem; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgb(203, 167, 76) rgba(0, 0, 0, 0.35); mask-image: linear-gradient(transparent, rgb(0, 0, 0) 1.5rem, rgb(0, 0, 0) calc(100% - 1.5rem), transparent);} :where(.secret-cms) .radio-schedule__date {margin: 0.625rem 0px 0.5rem; color: rgb(255, 235, 165); text-align: right; text-transform: uppercase; font-weight: 800;} :where(.secret-cms) .radio-schedule__date span {margin-right: 0.2rem;} :where(.secret-cms) .radio-schedule__item {display: flex; gap: 0.55rem; align-items: center; min-height: 4.875rem; padding: 1rem 0.95rem; border-width: 0.125rem 0.125rem 0.125rem 0px; border-style: solid solid solid none; border-color: rgb(117, 107, 74) rgb(117, 107, 74) rgb(117, 107, 74) currentcolor; border-image: none; border-radius: 0.3125rem; background: linear-gradient(90deg, rgba(75, 56, 32, 0.08), rgba(75, 56, 32, 0.34)); box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 38px inset;} :where(.secret-cms) .radio-schedule__item::before {content: ""; width: 0.48rem; height: 0.48rem; flex: 0 0 auto; transform: rotate(45deg); background: rgb(255, 225, 141);} :where(.secret-cms) .radio-schedule__item strong {color: rgb(246, 206, 109); font-size: 1.12rem;} :where(.secret-cms) .radio-schedule__item span {color: rgba(255, 255, 255, 0.88); font-weight: 700;} :where(.secret-cms) .radio-stage {min-height: calc(-8.5rem + 100vh); margin-left: 26.25rem;} :where(.secret-cms) .radio-stage__top {display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 9.125rem; padding: 1.8rem 7.5rem 1.45rem 3.1rem;} :where(.secret-cms) .radio-brand {grid-column: 2; display: inline-flex; align-items: center; justify-content: center; min-width: 18rem;} :where(.secret-cms) .radio-brand img {display: block; width: min(24rem, 34vw); height: auto; max-height: 5.2rem; object-fit: contain; filter: drop-shadow(rgba(203, 167, 76, 0.35) 0px 0px 1rem);} :where(.secret-cms) .radio-live {justify-self: end; display: inline-grid; grid-template-columns: auto auto auto auto; align-items: center; gap: 0.75rem; text-transform: uppercase;} :where(.secret-cms) .radio-live__dot {width: 0.74rem; height: 0.74rem; border-radius: 50%; background: rgb(255, 109, 86); box-shadow: rgb(255, 60, 40) 0px 0px 1rem;} :where(.secret-cms) .radio-live strong {color: rgb(255, 255, 255); font-size: 1.45rem; text-shadow: rgba(255, 45, 25, 0.9) 0px 0px 0.9rem;} :where(.secret-cms) .radio-live b {color: rgb(233, 190, 103); font-size: 2.25rem; line-height: 1;} :where(.secret-cms) .radio-live em {color: rgb(255, 255, 255); font-style: normal; font-size: 0.95rem; line-height: 1.08; font-weight: 800;} :where(.secret-cms) .radio-lang {position: absolute; top: 2rem; right: 1.95rem; display: grid; place-items: center; width: 4.8rem; height: 4.8rem; border: 1px solid rgba(255, 234, 158, 0.5); border-radius: 50%; color: rgb(255, 255, 255); font-size: 1.45rem; font-weight: 800; background: rgba(0, 0, 0, 0.35); box-shadow: rgba(0, 0, 0, 0.42) 0px 0px 0px 0.45rem inset;} :where(.secret-cms) .radio-center {position: absolute; right: 16.25rem; left: auto; top: 50%; width: 43.125rem; transform: translateY(-50%); text-align: center;} :where(.secret-cms) .radio-main-play {display: block; width: 12.125rem; height: 12.125rem; margin: 0px auto 0.75rem; border: 0px; border-radius: 50%; background: url("../../../../assets/radio/images/player/play-bg.png") center center / contain no-repeat; box-shadow: none; cursor: pointer;} :where(.secret-cms) .radio-main-play::before {transform: translate(-42%, -50%); left: 50% !important; top: 50% !important; width: 3.2rem !important; height: 3.2rem !important; border: 0px !important; background: url("../../../../assets/radio/images/player/play-start.png") center center / contain no-repeat !important; box-shadow: none !important;} :where(.secret-cms) .radio-main-play.is-playing::before {transform: translate(-50%, -50%); width: 2.6rem !important; height: 2.6rem !important; background-image: url("../../../../assets/radio/images/player/play-pause.png") !important;} :where(.secret-cms) .radio-center .radio-player__kicker {margin: 0px 0px 0.3rem; color: rgb(255, 255, 255); font-size: 1.15rem;} :where(.secret-cms) .radio-title-row {display: grid; grid-template-columns: minmax(2rem, 1fr) auto minmax(2rem, 1fr); align-items: center; gap: 0.8rem;} :where(.secret-cms) .radio-title-row span {min-width: 7rem; height: 2.9375rem; opacity: 0.86;} :where(.secret-cms) .radio-title-row span:first-child {background: url("../../../../assets/radio/images/player/h-dec-left.png") right center / 11.3125rem 2.9375rem no-repeat;} :where(.secret-cms) .radio-title-row span:last-child {background: url("../../../../assets/radio/images/player/h-dec-right.png") left center / 11.3125rem 2.9375rem no-repeat;} :where(.secret-cms) .radio-title-row h1, :where(.secret-cms) .radio-center .radio-player__title {margin: 0px; color: rgb(255, 255, 255); font-family: Intro, Arial, Helvetica, sans-serif; font-size: 3.25rem; line-height: 1.04; font-weight: 900; text-transform: none; text-shadow: rgba(255, 213, 128, 0.2) 0px 0px 1.5rem;} :where(.secret-cms) .radio-player__time {margin-top: 0.3rem; color: rgb(233, 190, 103); font-size: 1.9rem;} :where(.secret-cms) .radio-progress {display: block; width: 100%; margin: 2.5rem auto 0px; color: rgb(233, 190, 103);} :where(.secret-cms) .radio-progress span {display: none;} :where(.secret-cms) .radio-progress input, :where(.secret-cms) .radio-volume input {width: 100%; accent-color: rgb(245, 209, 119); appearance: none; outline: 0px;} :where(.secret-cms) .radio-progress input {height: 0.4375rem; border-radius: 999px; background: rgba(255, 255, 255, 0.45); filter: drop-shadow(rgba(253, 234, 164, 0.5) 0px 0px 0.5rem);} :where(.secret-cms) .radio-progress input::-webkit-slider-runnable-track {height: 0.4375rem; border-radius: 999px; background: rgba(255, 255, 255, 0.45);} :where(.secret-cms) .radio-progress input::-webkit-slider-thumb {appearance: none; width: 1.625rem; height: 1.625rem; margin-top: -0.59rem; border: 0px; border-radius: 50%; background: rgb(255, 225, 141); box-shadow: rgba(255, 225, 141, 0.58) 0px 0px 1.1rem;} :where(.secret-cms) .radio-request {display: inline-flex; align-items: center; justify-content: center; min-width: 23.125rem; min-height: 5.75rem; margin-top: 3.5rem; padding: 0px 2.5rem; border: 1px solid rgba(255, 234, 158, 0.72); border-radius: 0.55rem; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.43); text-decoration: none; font-size: 1.35rem; font-weight: 900; text-transform: uppercase; box-shadow: rgba(203, 167, 76, 0.16) 0px 0px 2.5rem inset;} :where(.secret-cms) .radio-request::before {content: ""; width: 3.2rem; height: 3.2rem; margin-right: 0.8rem; background: url("../../../../assets/radio/images/play.png") center center / contain no-repeat; filter: brightness(1.4);} :where(.secret-cms) .radio-volume {--radio-volume: 90%; position: absolute; right: 5rem; top: 50%; width: 2rem; height: 21.5rem; transform: translateY(-50%); display: grid; justify-items: center; align-content: center; gap: 1.05rem;} :where(.secret-cms) .radio-volume::before {content: ""; position: absolute; top: 1.2rem; left: 50%; width: 0.45rem; height: 18.75rem; transform: translateX(-50%); border-radius: 999px; background: linear-gradient(to bottom, #f1d47c 0 var(--radio-volume), rgba(255, 255, 255, .72) var(--radio-volume) 100%); filter: drop-shadow(rgba(253, 234, 164, 0.38) 0px 0px 0.45rem); pointer-events: none;} :where(.secret-cms) .radio-volume input {--radio-volume: 90%; position: relative; z-index: 2; width: 18.75rem; height: 1.3rem; transform: rotate(-90deg); appearance: none; outline: 0px; border-radius: 999px; background: transparent; cursor: pointer;} :where(.secret-cms) .radio-volume input::-webkit-slider-runnable-track {height: 1.3rem; border-radius: 999px; background: transparent;} :where(.secret-cms) .radio-volume input::-webkit-slider-thumb {appearance: none; width: 0.95rem; height: 0.95rem; border: 0px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.52) 0px 0px 0.8rem; margin-top: 0.17rem;} :where(.secret-cms) .radio-volume span {width: 1.7rem; height: 1.7rem; background: url("../../../../assets/radio/images/player/volume.png") center center / contain no-repeat;} :where(.secret-cms) .radio-trackbar {position: absolute; left: 0px; right: 0px; bottom: 0px; display: grid; grid-template-columns: 3.2rem 1fr 3.2rem; align-items: stretch; min-height: 8.5rem; padding-left: 26.25rem; border-top: 2px solid rgba(255, 234, 158, 0.72); background: linear-gradient(90deg, rgba(0, 0, 0, 0.94), rgba(24, 18, 8, 0.88), rgba(0, 0, 0, 0.94)); box-shadow: rgba(0, 0, 0, 0.72) 0px -1.8rem 5rem;} :where(.secret-cms) .radio-tracklist {display: grid; grid-auto-flow: column; grid-auto-columns: minmax(23.25rem, 1fr); margin: 0px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgb(203, 167, 76) rgba(0, 0, 0, 0.45);} :where(.secret-cms) .radio-tracklist button, :where(.secret-cms) .radio-tracklist__empty {position: relative; z-index: 0; display: grid; place-items: center; align-content: center; min-height: 8.5rem; padding: 0.65rem 1rem; border-width: 0px 0px 0px 1px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgba(255, 255, 255, 0.24); border-image: none; background: rgba(0, 0, 0, 0.18); color: rgb(255, 255, 255); text-align: center; cursor: pointer; overflow: hidden;} :where(.secret-cms) .radio-tracklist button::before {content: ""; position: absolute; inset: 0px; z-index: -1; background: url("../../../../assets/radio/images/tracks/item-decor.png") center top / 100% 100% no-repeat, radial-gradient(circle, rgba(203, 167, 76, 0.36), transparent 68%); opacity: 0; transform: scaleX(0.68); transform-origin: center center; transition: opacity 0.25s, transform 0.25s;} :where(.secret-cms) .radio-tracklist button.is-active {background: rgba(0, 0, 0, 0.18);} :where(.secret-cms) .radio-tracklist button.is-active::before {opacity: 1; transform: scaleX(1);} :where(.secret-cms) .radio-tracklist button strong {color: rgb(255, 240, 184); font-size: 1.25rem; line-height: 1.05; text-transform: uppercase;} :where(.secret-cms) .radio-tracklist button span, :where(.secret-cms) .radio-tracklist__empty {color: rgba(255, 255, 255, 0.88); font-size: 1.25rem;} :where(.secret-cms) .radio-tracknav {border: 0px; background: center center / 1.4rem auto no-repeat transparent; cursor: pointer;} :where(.secret-cms) .radio-tracknav--prev {background-image: none;} :where(.secret-cms) .radio-tracknav--next {background-image: none;} :where(.secret-cms) .radio-tracknav--prev::before {content: "<";} :where(.secret-cms) .radio-tracknav--next::before {content: ">";} @media (max-width: 1280px) { :where(.secret-cms) .radio-schedule {width: 20rem; padding-left: 1.1rem; padding-right: 1.4rem;} :where(.secret-cms) .radio-stage {margin-left: 20rem;} :where(.secret-cms) .radio-trackbar {padding-left: 20rem;} :where(.secret-cms) .radio-center {right: 7rem; left: auto; width: min(39rem, -29rem + 100vw); transform: translateY(-50%);} :where(.secret-cms) .radio-lang {display: none;} } @media (max-width: 960px) { :where(.secret-cms) .radio-shell {min-height: auto; overflow: visible;} :where(.secret-cms) .radio-schedule {position: relative; bottom: auto; width: 100%; max-height: none; padding: 2rem 1.25rem; border-right: 0px; border-bottom: 1px solid rgba(255, 234, 158, 0.42);} :where(.secret-cms) .radio-stage {min-height: 42rem; margin-left: 0px;} :where(.secret-cms) .radio-stage__top {grid-template-columns: 1fr; gap: 1rem; padding: 2rem 1rem 1.2rem; text-align: center;} :where(.secret-cms) .radio-brand, :where(.secret-cms) .radio-live {grid-column: auto; justify-self: center;} :where(.secret-cms) .radio-center {position: relative; left: auto; top: auto; width: auto; padding: 3rem 1rem 4rem; transform: none;} :where(.secret-cms) .radio-volume {display: none;} :where(.secret-cms) .radio-trackbar {position: relative; grid-template-columns: 1fr; padding-left: 0px;} :where(.secret-cms) .radio-tracknav {display: none;} :where(.secret-cms) .radio-tracklist {grid-auto-flow: row; grid-template-columns: 1fr;} } :where(.secret-cms) .site-visit-groups {display: grid; gap: 0.75rem; margin: 1rem 0px 2rem;} :where(.secret-cms) .site-visit-group {border: 1px solid rgb(207, 214, 220); background: rgb(255, 255, 255);} :where(.secret-cms) .site-visit-group summary {display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(7rem, 0.8fr) minmax(14rem, 1.4fr) minmax(7rem, 0.7fr) minmax(12rem, 1fr); gap: 0.8rem; align-items: center; padding: 0.85rem 1rem; cursor: pointer; color: rgb(18, 48, 76); font-weight: 700;} :where(.secret-cms) .site-visit-group summary::-webkit-details-marker {display: none;} :where(.secret-cms) .site-visit-group summary::before {content: "+"; color: rgb(54, 169, 225); font-size: 1.2rem;} :where(.secret-cms) .site-visit-group[open] summary::before {content: "-";} :where(.secret-cms) .site-visit-group summary {grid-template-columns: 1.4rem minmax(8rem, 1fr) minmax(7rem, 0.8fr) minmax(14rem, 1.4fr) minmax(7rem, 0.7fr) minmax(12rem, 1fr);} :where(.secret-cms) .site-visit-group__login {color: rgb(11, 61, 102);} :where(.secret-cms) .site-visit-group__table {border-top: 1px solid rgb(229, 232, 236);} .secret-cms.body_inner:not(.body_home) [data-section="footer"] {z-index: 4; pointer-events: auto; margin-top: 0px; position: relative !important; left: auto !important; right: auto !important; bottom: auto !important;} .secret-cms.body_inner:not(.body_home) [data-section="footer"] .btn, .secret-cms.body_inner:not(.body_home) [data-section="footer"] a {pointer-events: auto;} :where(.secret-cms) .admin-row--radio {display: grid; grid-template-columns: 1fr 1fr 120px 2fr; gap: 10px; align-items: center;} :where(.secret-cms) .admin-monitor-grid {display: grid; gap: 10px; margin: 12px 0px 18px;} :where(.secret-cms) .admin-monitor-row {display: grid; grid-template-columns: 80px minmax(180px, 1fr) minmax(170px, 1fr) 120px; gap: 10px; align-items: center; padding: 12px; border: 1px solid rgb(211, 214, 218); background: rgba(255, 255, 255, 0.68);} :where(.secret-cms) .admin-monitor-row label {display: flex; gap: 8px; align-items: center; margin: 0px;} :where(.secret-cms) .admin-vote-row {display: grid; grid-template-columns: 70px minmax(130px, 0.8fr) minmax(230px, 1.4fr) minmax(160px, 0.9fr) 110px 110px 90px 110px; gap: 10px; align-items: start; padding: 12px; margin-bottom: 12px; border: 1px solid rgb(211, 214, 218); background: rgba(255, 255, 255, 0.72);} :where(.secret-cms) .admin-vote-row textarea, :where(.secret-cms) .admin-vote-row__warning, :where(.secret-cms) .admin-vote-row__url {grid-column: 1 / -1;} :where(.secret-cms) .admin-vote-row__warning {padding: 9px 12px; color: rgb(141, 43, 34); background: rgb(255, 241, 238); border: 1px solid rgb(239, 179, 170); font-weight: 700;} :where(.secret-cms) .admin-vote-row__url {display: grid; gap: 6px; color: rgb(34, 51, 68);} :where(.secret-cms) .admin-vote-row__url code {display: block; padding: 10px; overflow-x: auto; background: rgb(245, 247, 249); border: 1px solid rgb(216, 222, 230);} :where(.secret-cms) .vote-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; margin: 18px 0px 34px;} :where(.secret-cms) .vote-card {padding: 18px; border: 1px solid rgba(196, 155, 76, 0.45); background: linear-gradient(135deg, rgba(7, 10, 13, 0.92), rgba(20, 14, 8, 0.78)), rgba(0, 0, 0, 0.72); box-shadow: rgba(0, 0, 0, 0.36) 0px 0px 34px inset;} :where(.secret-cms) .vote-card__head {display: flex; gap: 12px; align-items: center; margin-bottom: 12px;} :where(.secret-cms) .vote-card__head img {width: 54px; height: 54px; object-fit: cover; border: 1px solid rgba(255, 223, 145, 0.45); background: rgba(0, 0, 0, 0.4);} :where(.secret-cms) .vote-card__head strong {display: block; color: rgb(255, 227, 155); font: 700 1.2rem Georgia, serif;} :where(.secret-cms) .vote-card__head span, :where(.secret-cms) .vote-card__meta {color: rgba(255, 255, 255, 0.78);} :where(.secret-cms) .vote-card p {min-height: 2.4em; color: rgba(255, 255, 255, 0.82);} :where(.secret-cms) .vote-card__meta {display: grid; gap: 4px; min-height: 3.4em; margin: 14px 0px; font-size: 0.92rem;} :where(.secret-cms) .vote-card .button {width: 100%;} :where(.secret-cms) .vote-card .button:disabled {opacity: 0.45; cursor: not-allowed;} :where(.secret-cms) .payment-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin: 18px 0px 28px;} :where(.secret-cms) .payment-card {position: relative; padding: 20px; border: 1px solid rgba(190, 134, 62, 0.48); background: linear-gradient(rgba(190, 134, 62, 0.56), rgba(190, 134, 62, 0.56)) left top / 42px 1px no-repeat, linear-gradient(rgba(190, 134, 62, 0.56), rgba(190, 134, 62, 0.56)) left top / 1px 42px no-repeat, linear-gradient(rgba(190, 134, 62, 0.56), rgba(190, 134, 62, 0.56)) right bottom / 42px 1px no-repeat, linear-gradient(rgba(190, 134, 62, 0.56), rgba(190, 134, 62, 0.56)) right bottom / 1px 42px no-repeat, linear-gradient(145deg, rgba(5, 8, 12, 0.9), rgba(18, 12, 7, 0.72)); box-shadow: rgba(0, 0, 0, 0.36) 0px 0px 34px inset;} :where(.secret-cms) .payment-card::before {content: ""; position: absolute; top: -5px; left: 50%; width: 8px; height: 8px; border: 1px solid rgba(190, 134, 62, 0.78); background: rgb(7, 7, 7); transform: translateX(-50%) rotate(45deg);} :where(.secret-cms) .payment-card__head {display: grid; gap: 6px; margin-bottom: 14px;} :where(.secret-cms) .payment-card__head span {color: rgba(235, 214, 166, 0.72); font-weight: 700; text-transform: uppercase;} :where(.secret-cms) .payment-card__head strong, :where(.secret-cms) .payment-card__reward {color: rgb(255, 226, 161); font-family: Intro, Arial, sans-serif;} :where(.secret-cms) .payment-card__reward {margin-bottom: 12px; font-size: 1.35rem;} :where(.secret-cms) .payment-card p {min-height: 2.4em; color: rgba(255, 255, 255, 0.78);} :where(.secret-cms) .payment-card .button {width: 100%;} :where(.secret-cms) .payment-history {margin: 14px 0px 34px; overflow-x: auto; border: 1px solid rgba(190, 134, 62, 0.36); background: linear-gradient(rgba(190, 134, 62, 0.42), rgba(190, 134, 62, 0.42)) left top / 54px 1px no-repeat, linear-gradient(rgba(190, 134, 62, 0.42), rgba(190, 134, 62, 0.42)) right bottom / 54px 1px no-repeat, rgba(0, 0, 0, 0.34); box-shadow: rgba(0, 0, 0, 0.42) 0px 0px 28px inset;} :where(.secret-cms) .payment-history table {width: 100%; min-width: 720px; border-collapse: collapse;} :where(.secret-cms) .payment-history th, :where(.secret-cms) .payment-history td {padding: 15px 18px; border-bottom: 1px solid rgba(190, 134, 62, 0.16); color: rgba(255, 244, 216, 0.88); text-align: left;} :where(.secret-cms) .payment-history th {color: rgb(255, 226, 161); font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; background: rgba(190, 134, 62, 0.1);} :where(.secret-cms) .payment-history tbody tr:last-child td {border-bottom: 0px;} :where(.secret-cms) .payment-history tbody tr:hover td {background: rgba(190, 134, 62, 0.08);} :where(.secret-cms) .payment-history td:last-child {color: rgb(241, 197, 111); font-weight: 700;} :where(.secret-cms) .payment-history__error {display: block; max-width: 280px; margin-top: 5px; color: rgb(255, 159, 127); font-size: 0.78rem; line-height: 1.35; white-space: normal;} :where(.secret-cms) .payment-history__status {display: inline-flex; align-items: center; padding: 0.25rem 0.55rem; border: 1px solid rgba(190, 134, 62, 0.35); background: rgba(190, 134, 62, 0.1); color: rgb(255, 226, 161); font-size: 0.78rem; line-height: 1.15;} :where(.secret-cms) .payment-history__status--success {border-color: rgba(39, 174, 96, 0.42); background: rgba(39, 174, 96, 0.14); color: rgb(114, 255, 154);} :where(.secret-cms) .payment-history__status--wait {border-color: rgba(243, 156, 18, 0.42); background: rgba(243, 156, 18, 0.14); color: rgb(255, 211, 124);} :where(.secret-cms) .payment-history__status--danger {border-color: rgba(231, 76, 60, 0.45); background: rgba(231, 76, 60, 0.14); color: rgb(255, 159, 127);} :where(.secret-cms) .usercp-payment-modal[hidden] {display: none !important;} :where(.secret-cms) .usercp-payment-modal {position: fixed; z-index: 260; inset: 0px; display: grid; place-items: center; padding: 34px;} :where(.secret-cms) .usercp-payment-modal__backdrop {position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.74); backdrop-filter: blur(5px);} :where(.secret-cms) .usercp-payment-modal__panel {position: relative; z-index: 1; width: min(980px, -34px + 100vw); max-height: min(82vh, 760px); overflow: auto; padding: 34px; border: 1px solid rgba(190, 134, 62, 0.62); background: linear-gradient(rgba(190, 134, 62, 0.72), rgba(190, 134, 62, 0.72)) center top / 140px 1px no-repeat, linear-gradient(rgba(190, 134, 62, 0.72), rgba(190, 134, 62, 0.72)) center bottom / 140px 1px no-repeat, linear-gradient(145deg, rgba(3, 5, 7, 0.98), rgba(16, 11, 7, 0.94)); box-shadow: rgba(0, 0, 0, 0.68) 0px 28px 90px, rgba(190, 134, 62, 0.08) 0px 0px 48px inset;} :where(.secret-cms) .usercp-payment-modal__panel::before, :where(.secret-cms) .usercp-payment-modal__panel::after {content: ""; position: absolute; left: 50%; width: 13px; height: 13px; border: 1px solid rgba(190, 134, 62, 0.85); background: rgb(5, 4, 3); transform: translateX(-50%) rotate(45deg); pointer-events: none;} :where(.secret-cms) .usercp-payment-modal__panel::before {top: -7px;} :where(.secret-cms) .usercp-payment-modal__panel::after {bottom: -7px;} :where(.secret-cms) .usercp-payment-modal__close {z-index: 2;} :where(.secret-cms) .payment-grid--modal {margin: 18px 0px 22px;} .secret-cms.payments-modal-open {overflow: hidden;} @media (max-width: 720px) { :where(.secret-cms) .usercp-payment-modal {padding: 18px;} :where(.secret-cms) .usercp-payment-modal__panel {width: calc(-24px + 100vw); max-height: 86vh; padding: 26px 18px;} } :where(.secret-cms) .admin-yookassa-list {display: grid; gap: 12px;} :where(.secret-cms) .admin-yookassa-row {display: grid; grid-template-columns: 72px minmax(100px, 0.7fr) minmax(160px, 1.1fr) minmax(90px, 0.5fr) minmax(100px, 0.6fr) minmax(100px, 0.6fr) minmax(220px, 1.4fr); gap: 10px; align-items: start; padding: 12px; border: 1px solid rgb(212, 212, 212); background: rgba(255, 255, 255, 0.72);} :where(.secret-cms) .admin-yookassa-row textarea {min-height: 42px; resize: vertical;} @media (max-width: 900px) { :where(.secret-cms) .admin-row--radio {grid-template-columns: 1fr;} :where(.secret-cms) .admin-monitor-row, :where(.secret-cms) .admin-vote-row, :where(.secret-cms) .admin-yookassa-row {grid-template-columns: 1fr;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: translateY(96px);} :where(.secret-cms) .home-stream-box {bottom: 154px;} } :where(.secret-cms) .page-card--usercp {position: relative; overflow: visible; padding: 42px; border-color: rgba(190, 134, 62, 0.46); background: linear-gradient(rgba(190, 134, 62, 0.58), rgba(190, 134, 62, 0.58)) left top / 74px 1px no-repeat, linear-gradient(rgba(190, 134, 62, 0.58), rgba(190, 134, 62, 0.58)) left top / 1px 74px no-repeat, linear-gradient(rgba(190, 134, 62, 0.58), rgba(190, 134, 62, 0.58)) right top / 74px 1px no-repeat, linear-gradient(rgba(190, 134, 62, 0.58), rgba(190, 134, 62, 0.58)) right top / 1px 74px no-repeat, linear-gradient(rgba(190, 134, 62, 0.58), rgba(190, 134, 62, 0.58)) left bottom / 74px 1px no-repeat, linear-gradient(rgba(190, 134, 62, 0.58), rgba(190, 134, 62, 0.58)) left bottom / 1px 74px no-repeat, linear-gradient(rgba(190, 134, 62, 0.58), rgba(190, 134, 62, 0.58)) right bottom / 74px 1px no-repeat, linear-gradient(rgba(190, 134, 62, 0.58), rgba(190, 134, 62, 0.58)) right bottom / 1px 74px no-repeat, linear-gradient(90deg, rgba(3, 6, 10, 0.92), rgba(7, 8, 10, 0.78) 54%, rgba(19, 13, 7, 0.7)); box-shadow: rgba(255, 234, 169, 0.04) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.28) 0px 18px 55px;} :where(.secret-cms) .page-card--usercp::before, :where(.secret-cms) .page-card--usercp::after {content: ""; position: absolute; left: 50%; width: 14px; height: 14px; border: 1px solid rgba(190, 134, 62, 0.82); background: rgb(7, 7, 7); transform: translateX(-50%) rotate(45deg); pointer-events: none;} :where(.secret-cms) .page-card--usercp::before {top: -8px;} :where(.secret-cms) .page-card--usercp::after {bottom: -8px;} :where(.secret-cms) .page-card--usercp .account-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 18px; margin: 20px 0px 26px;} :where(.secret-cms) .page-card--usercp .stat-box, :where(.secret-cms) .page-card--usercp .usercp-action--vip, :where(.secret-cms) .page-card--usercp .vote-card, :where(.secret-cms) .page-card--usercp .usercp-character, :where(.secret-cms) .page-card--usercp .usercp-ticket, :where(.secret-cms) .page-card--usercp .usercp-ticket-form {--lx-frame: rgba(190, 134, 62, .62); position: relative; background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 34px no-repeat, linear-gradient(145deg, rgba(5, 8, 12, .84), rgba(15, 12, 8, .68)); box-shadow: rgba(255, 234, 169, 0.035) 0px 0px 0px 1px inset; border: 1px solid rgba(190, 134, 62, 0.36) !important;} :where(.secret-cms) .page-card--usercp .stat-box::before, :where(.secret-cms) .page-card--usercp .usercp-action--vip::before, :where(.secret-cms) .page-card--usercp .vote-card::before, :where(.secret-cms) .page-card--usercp .usercp-character::before, :where(.secret-cms) .page-card--usercp .usercp-ticket::before {content: ""; position: absolute; top: -5px; left: 50%; width: 8px; height: 8px; border: 1px solid rgba(190, 134, 62, 0.74); background: rgb(7, 7, 7); transform: translateX(-50%) rotate(45deg); pointer-events: none;} :where(.secret-cms) .page-card--usercp .stat-box {min-width: 0px; min-height: 104px; padding: 20px 22px;} :where(.secret-cms) .page-card--usercp .stat-box span {color: rgba(235, 214, 166, 0.72); text-transform: uppercase;} :where(.secret-cms) .page-card--usercp .stat-box strong {color: rgb(255, 226, 161); font-family: TrajanPro3, Georgia, serif; font-size: 21px; line-height: 1.18;} :where(.secret-cms) .page-card--usercp .stat-box--button:hover {background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 34px no-repeat, linear-gradient(145deg, rgba(62, 39, 17, .74), rgba(8, 9, 11, .78));} :where(.secret-cms) .page-card--usercp .usercp-action--vip {grid-template-columns: minmax(180px, 1fr) minmax(120px, auto) minmax(210px, auto); align-items: center; gap: 14px; margin: 10px 0px 30px; padding: 18px 20px; display: grid !important;} :where(.secret-cms) .page-card--usercp .vote-grid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));} :where(.secret-cms) .page-card--usercp .vote-card {padding: 22px;} :where(.secret-cms) .page-card--usercp .vote-card__warning {display: block; padding: 8px 10px; border-left: 2px solid rgba(255, 203, 100, 0.88); background: rgba(120, 59, 25, 0.18); color: rgb(255, 221, 154);} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(auto-fit, minmax(335px, 1fr)) !important; gap: 20px !important;} :where(.secret-cms) .page-card--usercp .usercp-character {align-content: start; gap: 14px; padding: 18px; overflow: visible;} :where(.secret-cms) .page-card--usercp .usercp-character__head {display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: start; gap: 12px; min-height: 0px; padding-bottom: 12px; border-bottom: 1px solid rgba(190, 134, 62, 0.22);} :where(.secret-cms) .page-card--usercp .usercp-character__identity {display: grid; grid-template-columns: 64px minmax(0px, 1fr); align-items: center; gap: 12px;} :where(.secret-cms) .page-card--usercp .usercp-character__avatar {width: 64px; height: 74px; object-fit: cover; object-position: center top; border: 1px solid rgba(190, 134, 62, 0.46); background: linear-gradient(var(--lx-frame), var(--lx-frame)) center top / 18px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) center bottom / 18px 1px no-repeat, radial-gradient(circle at 50% 18%, rgba(255, 219, 129, .16), transparent 48%), rgba(0, 0, 0, .48); box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 18px inset, rgba(214, 156, 73, 0.12) 0px 0px 16px;} :where(.secret-cms) .page-card--usercp .usercp-character__head strong {color: rgb(255, 224, 160); font-family: TrajanPro3, Georgia, serif; font-size: 20px;} :where(.secret-cms) .page-card--usercp .usercp-character__head span {color: rgba(232, 220, 197, 0.82);} :where(.secret-cms) .page-card--usercp .usercp-character__stats {padding-top: 3px; color: rgb(245, 217, 157); font-weight: 700; text-align: right; white-space: nowrap;} :where(.secret-cms) .page-card--usercp .usercp-action {gap: 8px; align-items: center; grid-template-columns: minmax(0px, 1fr) 84px minmax(116px, auto) !important;} :where(.secret-cms) .page-card--usercp .usercp-action input, :where(.secret-cms) .page-card--usercp .usercp-action select, :where(.secret-cms) .page-card--usercp .usercp-ticket-form input, :where(.secret-cms) .page-card--usercp .usercp-ticket-form textarea {border: 1px solid rgba(190, 134, 62, 0.42); background: rgba(2, 3, 5, 0.82); color: rgb(255, 245, 220);} :where(.secret-cms) .page-card--usercp .usercp-action span {color: rgb(255, 224, 160); font-weight: 700; white-space: normal;} :where(.secret-cms) .page-card--usercp .button {position: relative; z-index: 0; min-height: 40px; border: 0px; border-radius: 0px; background: transparent; color: rgb(255, 244, 213); font-family: TrajanPro3, Georgia, serif; font-weight: 700;} :where(.secret-cms) .page-card--usercp .button::before {content: ""; position: absolute; inset: -8px -18px; z-index: -1; background: url("/legacyx/themes/legacyx/images/btn/btn-2.png") center center / 100% 100% no-repeat; opacity: 0.84; pointer-events: none;} :where(.secret-cms) .page-card--usercp .button:hover {background: transparent;} :where(.secret-cms) .page-card--usercp .button:hover::before {background-image: url("/legacyx/themes/legacyx/images/btn/btn-2-hover.png"); opacity: 0.98;} :where(.secret-cms) .page-card--usercp .usercp-action .button {grid-column: auto; width: 100%; height: 38px; padding: 0px 10px;} :where(.secret-cms) .page-card--usercp .usercp-privacy {gap: 10px; margin-top: 2px;} :where(.secret-cms) .page-card--usercp .usercp-privacy form {gap: 10px; padding: 10px 0px 0px; border-top: 1px solid rgba(190, 134, 62, 0.16); grid-template-columns: minmax(0px, 1fr) 126px !important;} :where(.secret-cms) .page-card--usercp .usercp-ticket-list {display: grid; gap: 16px;} :where(.secret-cms) .page-card--usercp .usercp-ticket {padding: 18px 20px;} :where(.secret-cms) .page-card--usercp .usercp-ticket--answered {box-shadow: rgba(255, 210, 104, 0.75) 3px 0px 0px inset; border-color: rgba(255, 210, 104, 0.58) !important;} :where(.secret-cms) .page-card--usercp .usercp-ticket__reply {margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(190, 134, 62, 0.22); background: rgba(0, 0, 0, 0.24);} :where(.secret-cms) .page-card--usercp .usercp-ticket-form {padding: 28px;} :where(.secret-cms) .page-card--usercp .usercp-support__close {border-color: rgba(190, 134, 62, 0.74); background: rgb(9, 8, 7); color: rgb(255, 224, 160);} @media (max-width: 900px) { :where(.secret-cms) .page-card--usercp {padding: 26px 18px;} :where(.secret-cms) .page-card--usercp .usercp-action--vip, :where(.secret-cms) .page-card--usercp .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-privacy form {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head {grid-template-columns: 1fr;} :where(.secret-cms) .page-card--usercp .usercp-character__identity {grid-template-columns: 56px minmax(0px, 1fr);} :where(.secret-cms) .page-card--usercp .usercp-character__avatar {width: 56px; height: 64px;} :where(.secret-cms) .page-card--usercp .usercp-character__stats {text-align: left;} } :where(.secret-cms) .page-card--rankings, :where(.secret-cms) .character-profile {position: relative; overflow: visible; padding: clamp(28px, 3vw, 46px); border-color: rgba(190, 134, 62, 0.42); background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 68px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 68px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 68px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 68px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 68px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 68px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 68px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 68px no-repeat, radial-gradient(circle at 82% 14%, rgba(190, 134, 62, .16), transparent 36%), linear-gradient(120deg, rgba(4, 6, 9, .92), rgba(4, 7, 10, .76) 48%, rgba(15, 10, 5, .86)); box-shadow: rgba(0, 0, 0, 0.74) 0px 0px 55px inset, rgba(0, 0, 0, 0.32) 0px 0px 34px;} :where(.secret-cms) .page-card--rankings::before, :where(.secret-cms) .page-card--rankings::after, :where(.secret-cms) .character-profile::before, :where(.secret-cms) .character-profile::after {content: ""; position: absolute; left: 50%; width: 10px; height: 10px; border: 1px solid rgba(190, 134, 62, 0.78); background: rgb(7, 7, 7); transform: translateX(-50%) rotate(45deg); pointer-events: none;} :where(.secret-cms) .page-card--rankings::before, :where(.secret-cms) .character-profile::before {top: -6px;} :where(.secret-cms) .page-card--rankings::after, :where(.secret-cms) .character-profile::after {bottom: -6px;} :where(.secret-cms) .page-card--rankings .tabs {display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0px 22px;} :where(.secret-cms) .page-card--rankings .tabs a {position: relative; min-height: 42px; padding: 12px 20px 10px; border: 1px solid rgba(190, 134, 62, 0.42); background: linear-gradient(var(--lx-frame), var(--lx-frame)) center top / 22px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) center bottom / 22px 1px no-repeat, linear-gradient(145deg, rgba(8, 10, 13, .82), rgba(28, 17, 8, .42)); color: rgb(245, 217, 157); font-family: TrajanPro3, Georgia, serif; text-decoration: none !important;} :where(.secret-cms) .page-card--rankings .tabs a::before, :where(.secret-cms) .page-card--rankings .tabs a::after {content: ""; position: absolute; top: 50%; width: 8px; height: 8px; border: 1px solid rgba(190, 134, 62, 0.74); background: rgb(7, 7, 7); transform: translateY(-50%) rotate(45deg);} :where(.secret-cms) .page-card--rankings .tabs a::before {left: -5px;} :where(.secret-cms) .page-card--rankings .tabs a::after {right: -5px;} :where(.secret-cms) .page-card--rankings .tabs a.is-active, :where(.secret-cms) .page-card--rankings .tabs a:hover {color: rgb(255, 248, 223); background: linear-gradient(var(--lx-frame), var(--lx-frame)) center top / 22px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) center bottom / 22px 1px no-repeat, linear-gradient(145deg, rgba(98, 61, 24, .82), rgba(10, 10, 12, .72));} :where(.secret-cms) .page-card--rankings .ranking-search {display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 14px; align-items: center; margin: 0px 0px 22px; padding: 16px; border: 1px solid rgba(190, 134, 62, 0.28); background: rgba(0, 0, 0, 0.26);} :where(.secret-cms) .page-card--rankings .ranking-search input {min-height: 44px; border: 1px solid rgba(190, 134, 62, 0.42); background: rgba(2, 3, 5, 0.82); color: rgb(255, 245, 220); padding: 0px 14px;} :where(.secret-cms) .page-card--rankings .ranking-search .button {position: relative; z-index: 0; min-width: 124px; min-height: 40px; border: 0px; border-radius: 0px; background: transparent; color: rgb(255, 244, 213); font-family: TrajanPro3, Georgia, serif; font-weight: 700;} :where(.secret-cms) .page-card--rankings .ranking-search .button::before {content: ""; position: absolute; inset: -8px -18px; z-index: -1; background: url("/legacyx/themes/legacyx/images/btn/btn-2.png") center center / 100% 100% no-repeat; opacity: 0.84; pointer-events: none;} :where(.secret-cms) .page-card--rankings .ranking-search .button:hover {background: transparent;} :where(.secret-cms) .page-card--rankings .ranking-search .button:hover::before {background-image: url("/legacyx/themes/legacyx/images/btn/btn-2-hover.png"); opacity: 0.98;} :where(.secret-cms) .page-card--rankings .table-wrap {border: 1px solid rgba(190, 134, 62, 0.34); background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 36px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 36px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 36px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 36px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 36px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 36px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 36px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 36px no-repeat, rgba(0, 0, 0, .28); padding: 14px; overflow-x: auto;} :where(.secret-cms) .page-card--rankings .ranking-table {width: 100%; border-collapse: separate; border-spacing: 0px;} :where(.secret-cms) .page-card--rankings .ranking-table th, :where(.secret-cms) .page-card--rankings .ranking-table td {border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(190, 134, 62, 0.22) currentcolor currentcolor; border-image: none; padding: 15px 16px; background: rgba(3, 5, 8, 0.54);} :where(.secret-cms) .page-card--rankings .ranking-table th {border-top: 0px; color: rgb(245, 217, 157); font-size: 12px; text-transform: uppercase; letter-spacing: 0px;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover td {background: rgba(190, 134, 62, 0.12);} :where(.secret-cms) .page-card--rankings .ranking-table .link, :where(.secret-cms) .character-profile .link {color: rgb(255, 224, 160); text-decoration: none !important; border-bottom: 0px !important;} :where(.secret-cms) .page-card--rankings .rank-status, :where(.secret-cms) .character-profile .pill {display: inline-flex; min-width: 72px; justify-content: center; border: 1px solid rgba(107, 218, 102, 0.38); background: rgba(31, 86, 35, 0.2); color: rgb(88, 255, 119); padding: 5px 9px; font-size: 12px; font-weight: 700;} :where(.secret-cms) .page-card--rankings .rank-status.is-offline, :where(.secret-cms) .character-profile .pill--offline {border-color: rgba(255, 92, 82, 0.38); background: rgba(91, 24, 20, 0.2); color: rgb(255, 104, 104);} :where(.secret-cms) .character-profile .character-card, :where(.secret-cms) .character-profile .character-stats > div, :where(.secret-cms) .character-profile .equipment-slot {border: 1px solid rgba(190, 134, 62, 0.34); background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 26px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 26px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 26px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 26px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 26px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 26px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 26px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 26px no-repeat, linear-gradient(145deg, rgba(3, 5, 8, .72), rgba(17, 12, 7, .44));} :where(.secret-cms) .character-profile .character-card {min-height: 220px; padding: 28px 22px;} :where(.secret-cms) .character-profile .character-card__avatar {right: 16px; bottom: 0px; width: 112px; height: 158px; object-fit: cover; object-position: center top; opacity: 0.9;} :where(.secret-cms) .character-profile .character-stats {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px;} :where(.secret-cms) .character-profile .character-stats > div {min-height: 88px; padding: 20px;} :where(.secret-cms) .character-profile .character-stats span {color: rgba(235, 214, 166, 0.72); text-transform: uppercase;} :where(.secret-cms) .character-profile .character-stats strong {color: rgb(255, 226, 161);} :where(.secret-cms) .character-profile .equipment-grid {gap: 16px;} :where(.secret-cms) .item-tooltip__options li.item-tooltip__option--excellent {color: rgb(56, 255, 114) !important;} :where(.secret-cms) .item-tooltip__options li.item-tooltip__option--additional {color: rgb(114, 185, 255) !important;} :where(.secret-cms) .item-tooltip__options li.item-tooltip__option--socket {color: rgb(185, 133, 255) !important;} :where(.secret-cms) .item-tooltip__options li.item-tooltip__option--ancient {color: rgb(233, 197, 102) !important;} @media (max-width: 900px) { :where(.secret-cms) .page-card--rankings, :where(.secret-cms) .character-profile {padding: 26px 18px;} :where(.secret-cms) .page-card--rankings .ranking-search {grid-template-columns: 1fr;} :where(.secret-cms) .character-profile .character-card__avatar {width: 88px; height: 124px;} } :where(.secret-cms) .page-card--rankings, :where(.secret-cms) .character-profile {--lx-frame: rgba(190, 134, 62, .66); border-color: rgba(190, 134, 62, 0.48); background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 76px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 76px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 76px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 76px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 76px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 76px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 76px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 76px no-repeat, radial-gradient(circle at 78% 18%, rgba(190, 134, 62, .14), transparent 34%), linear-gradient(128deg, rgba(3, 6, 10, .94), rgba(7, 8, 10, .8) 56%, rgba(19, 13, 7, .72));} :where(.secret-cms) .page-card--rankings .section__head, :where(.secret-cms) .character-profile .section__head {margin-bottom: 24px;} :where(.secret-cms) .character-profile__grid {grid-template-columns: minmax(250px, 0.38fr) minmax(0px, 1fr); gap: 18px; margin: 18px 0px 34px;} :where(.secret-cms) .character-profile .character-card, :where(.secret-cms) .character-profile .character-stats > div, :where(.secret-cms) .character-profile .equipment-slot, :where(.secret-cms) .page-card--rankings .ranking-search, :where(.secret-cms) .page-card--rankings .table-wrap {--lx-frame: rgba(190, 134, 62, .62); position: relative; background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 34px no-repeat, linear-gradient(145deg, rgba(5, 8, 12, .84), rgba(15, 12, 8, .68)); box-shadow: rgba(255, 234, 169, 0.035) 0px 0px 0px 1px inset; border: 1px solid rgba(190, 134, 62, 0.38) !important;} :where(.secret-cms) .character-profile .character-card::after, :where(.secret-cms) .character-profile .character-stats > div::before, :where(.secret-cms) .character-profile .equipment-slot::before, :where(.secret-cms) .page-card--rankings .ranking-search::before, :where(.secret-cms) .page-card--rankings .table-wrap::before {content: ""; position: absolute; top: -5px; left: 50%; z-index: 4; width: 8px; height: 8px; border: 1px solid rgba(190, 134, 62, 0.78); background: rgb(7, 7, 7); transform: translateX(-50%) rotate(45deg); pointer-events: none;} :where(.secret-cms) .character-profile .character-card {min-height: 220px; padding: 28px 22px; align-content: center; overflow: hidden; --class-avatar: none;} :where(.secret-cms) .character-profile .character-card::before {z-index: 1; inset: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.82) 48%, rgba(0, 0, 0, 0.94)), linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.76)); opacity: 1; filter: none; mask-image: none; transform: none;} :where(.secret-cms) .character-profile .character-card {background: linear-gradient(90deg, rgba(0, 0, 0, .34), rgba(0, 0, 0, .82) 48%, rgba(0, 0, 0, .94)), linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .76)), linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 34px no-repeat, linear-gradient(145deg, rgba(5, 8, 12, .84), rgba(15, 12, 8, .68)) !important;} :where(.secret-cms) .character-profile .character-card__body {position: relative; z-index: 5; display: grid; gap: 10px; max-width: 58%;} :where(.secret-cms) .character-profile .character-card__class {font-size: clamp(22px, 2vw, 28px); text-shadow: rgba(0, 0, 0, 0.72) 0px 2px 14px;} :where(.secret-cms) .character-profile .character-card__short {color: rgba(232, 220, 197, 0.74); font-weight: 700; letter-spacing: 1px;} :where(.secret-cms) .character-profile .character-card__avatar {display: block; position: absolute; right: 0px; bottom: 0px; z-index: 2; width: 48%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: right center; opacity: 0.36; mix-blend-mode: screen; pointer-events: none; filter: saturate(0.82) contrast(1.08) brightness(0.78) drop-shadow(rgba(0, 0, 0, 0.8) 0px 16px 28px); mask-image: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 100%);} :where(.secret-cms) .character-profile .character-stats {grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); gap: 12px;} :where(.secret-cms) .character-profile .character-stats > div {min-height: 96px; padding: 18px 18px 16px;} :where(.secret-cms) .character-profile .character-stats span {color: rgba(235, 214, 166, 0.72); font-size: 12px; font-weight: 700;} :where(.secret-cms) .character-profile .character-stats strong {color: rgb(255, 226, 161); font-family: Intro, Arial, sans-serif; font-size: 19px; line-height: 1.2;} :where(.secret-cms) .character-profile h2 {margin-top: 26px;} :where(.secret-cms) .character-profile .equipment-grid {gap: 14px;} :where(.secret-cms) .character-profile .equipment-slot {min-height: 168px; padding: 18px 14px;} :where(.secret-cms) .character-profile .equipment-slot img {width: 72px; height: 72px;} :where(.secret-cms) .character-profile .equipment-slot strong {color: rgb(255, 226, 161); text-shadow: rgba(0, 0, 0, 0.82) 0px 1px 7px;} :where(.secret-cms) .page-card--rankings .tabs {gap: 14px;} :where(.secret-cms) .page-card--rankings .tabs a {min-height: 44px; padding: 13px 24px 10px;} :where(.secret-cms) .page-card--rankings .table-wrap {padding: 16px;} :where(.secret-cms) .page-card--rankings .ranking-table th, :where(.secret-cms) .page-card--rankings .ranking-table td {border-top: 1px solid rgba(190, 134, 62, 0.2); background: rgba(3, 5, 8, 0.42); padding: 16px 18px;} :where(.secret-cms) .page-card--rankings .ranking-table th {color: rgb(255, 226, 161);} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover td {background: rgba(190, 134, 62, 0.16);} :where(.secret-cms) .page-card--rankings .ranking-table .link, :where(.secret-cms) .character-profile .link {color: rgb(255, 226, 161); text-shadow: rgba(190, 134, 62, 0.16) 0px 0px 10px;} :where(.secret-cms) .page-card--rankings .vip-name, :where(.secret-cms) .character-profile .vip-name {text-shadow: rgba(255, 190, 82, 0.36) 0px 0px 12px; color: rgb(255, 215, 120) !important;} @media (max-width: 900px) { :where(.secret-cms) .character-profile__grid {grid-template-columns: 1fr;} :where(.secret-cms) .character-profile .character-card__body {max-width: 62%;} :where(.secret-cms) .character-profile .character-card__avatar {width: 52%; height: 100%;} } :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 120px; --eq-small: 62px; display: grid; grid-template-columns: var(--eq-main) var(--eq-small) var(--eq-main) var(--eq-small) var(--eq-main); grid-template-rows: repeat(3, var(--eq-main)); justify-content: center; align-items: center; gap: 28px 34px; max-width: 760px; margin: 0px auto; padding: 38px 24px 52px; background: radial-gradient(circle at 50% 48%, rgba(201, 158, 88, 0.11), transparent 44%), linear-gradient(135deg, rgba(2, 8, 13, 0.58), rgba(17, 10, 7, 0.34)); border: 1px solid rgba(176, 119, 45, 0.28); position: relative; overflow: visible;} :where(.secret-cms) .character-profile .equipment-grid::before {content: ""; position: absolute; inset: 14px; border: 1px solid rgba(176, 119, 45, 0.1); pointer-events: none;} :where(.secret-cms) .character-profile .equipment-slot {width: var(--eq-main); height: var(--eq-main); min-height: 0px; padding: 0px; display: grid; place-items: center; position: relative; overflow: visible; isolation: isolate; border: 0px; box-shadow: none; background: transparent !important;} :where(.secret-cms) .character-profile .equipment-slot::before, :where(.secret-cms) .character-profile .equipment-slot::after {pointer-events: none;} :where(.secret-cms) .character-profile .equipment-slot--framed::after {content: ""; position: absolute; inset: 7px; z-index: 0; background-image: var(--equipment-frame); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: 0.48; filter: sepia(0.42) saturate(0.78) hue-rotate(-8deg) brightness(0.72) contrast(1.12); mix-blend-mode: screen;} :where(.secret-cms) .character-profile .equipment-slot--framed::before {content: ""; position: absolute; inset: 8px; z-index: 1; border-radius: 8px; background: radial-gradient(circle at 50% 44%, rgba(225, 178, 96, 0.11), transparent 52%), linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.66)); box-shadow: rgba(0, 0, 0, 0.86) 0px 0px 24px inset, rgba(188, 119, 36, 0.08) 0px -26px 42px inset, rgba(0, 0, 0, 0.38) 0px 12px 28px;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(1) {grid-area: 2 / 1;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(2) {grid-area: 2 / 5;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(3) {grid-area: 1 / 3;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(4) {grid-area: 2 / 3;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(5) {grid-area: 3 / 3;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(6) {grid-area: 3 / 1;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(7) {grid-area: 3 / 5;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(8) {grid-area: 1 / 5;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(9) {grid-area: 1 / 1;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(10) {grid-area: 1 / 2; width: var(--eq-small); height: var(--eq-small);} :where(.secret-cms) .character-profile .equipment-slot:nth-child(11) {grid-area: 3 / 2; width: var(--eq-small); height: var(--eq-small);} :where(.secret-cms) .character-profile .equipment-slot:nth-child(12) {grid-area: 3 / 4; width: var(--eq-small); height: var(--eq-small);} :where(.secret-cms) .character-profile .equipment-slot:nth-child(10).equipment-slot--framed::after, :where(.secret-cms) .character-profile .equipment-slot:nth-child(11).equipment-slot--framed::after, :where(.secret-cms) .character-profile .equipment-slot:nth-child(12).equipment-slot--framed::after, :where(.secret-cms) .character-profile .equipment-slot:nth-child(10).equipment-slot--framed::before, :where(.secret-cms) .character-profile .equipment-slot:nth-child(11).equipment-slot--framed::before, :where(.secret-cms) .character-profile .equipment-slot:nth-child(12).equipment-slot--framed::before {inset: 4px; border-radius: 7px;} :where(.secret-cms) .character-profile .equipment-slot__label, :where(.secret-cms) .character-profile .equipment-item, :where(.secret-cms) .character-profile .equipment-slot > strong {position: relative; z-index: 4;} :where(.secret-cms) .character-profile .equipment-slot__label {position: absolute; top: -12px; left: -12px; right: -12px; color: rgba(245, 217, 157, 0.82); font-size: 10px; line-height: 1; text-align: center; text-shadow: rgb(0, 0, 0) 0px 2px 8px; text-transform: uppercase;} :where(.secret-cms) .character-profile .equipment-item {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transform: translateY(8px);} :where(.secret-cms) .character-profile .equipment-item > img {width: 76px; height: 76px; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.92) 0px 12px 18px) drop-shadow(rgba(215, 154, 64, 0.16) 0px 0px 10px);} :where(.secret-cms) .character-profile .equipment-slot:nth-child(10) .equipment-item, :where(.secret-cms) .character-profile .equipment-slot:nth-child(11) .equipment-item, :where(.secret-cms) .character-profile .equipment-slot:nth-child(12) .equipment-item {transform: translateY(4px);} :where(.secret-cms) .character-profile .equipment-slot:nth-child(10) .equipment-item > img, :where(.secret-cms) .character-profile .equipment-slot:nth-child(11) .equipment-item > img, :where(.secret-cms) .character-profile .equipment-slot:nth-child(12) .equipment-item > img {width: 50px; height: 50px;} :where(.secret-cms) .character-profile .equipment-item > strong {display: none;} :where(.secret-cms) .character-profile .equipment-slot > strong {position: relative; z-index: 4; color: rgba(245, 217, 157, 0.68); font-size: 10px; text-align: center; text-shadow: rgb(0, 0, 0) 0px 2px 8px;} :where(.secret-cms) .character-profile .equipment-slot--empty.equipment-slot--framed > img {display: none;} :where(.secret-cms) .character-profile .equipment-slot--empty.equipment-slot--framed > strong {opacity: 0.58; font-size: 10px; margin-top: 0px;} @media (max-width: 900px) { :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 100px; --eq-small: 54px; grid-template-columns: var(--eq-main) var(--eq-small) var(--eq-main) var(--eq-small) var(--eq-main); grid-template-rows: repeat(3, var(--eq-main)); gap: 22px 20px; padding: 30px 14px 42px; overflow-x: auto; justify-content: start;} :where(.secret-cms) .character-profile .equipment-item > img {width: 64px; height: 64px;} :where(.secret-cms) .character-profile .equipment-slot:nth-child(10) .equipment-item, :where(.secret-cms) .character-profile .equipment-slot:nth-child(11) .equipment-item, :where(.secret-cms) .character-profile .equipment-slot:nth-child(12) .equipment-item {transform: translateY(4px);} :where(.secret-cms) .character-profile .equipment-slot:nth-child(10) .equipment-item > img, :where(.secret-cms) .character-profile .equipment-slot:nth-child(11) .equipment-item > img, :where(.secret-cms) .character-profile .equipment-slot:nth-child(12) .equipment-item > img {width: 50px; height: 50px;} } :where(.secret-cms) .character-profile .equipment-grid, :where(.secret-cms) .character-profile .equipment-board, :where(.secret-cms) .character-profile .equipment-layout {overflow: visible !important;} :where(.secret-cms) .character-profile .equipment-slot, :where(.secret-cms) .character-profile .equipment-item, :where(.secret-cms) .character-profile .equipment-item > a, :where(.secret-cms) .character-profile .equipment-item > span {text-align: center;} :where(.secret-cms) .character-profile .equipment-slot {border-color: rgba(170, 115, 45, 0.32) !important; box-shadow: none !important; outline: 0px !important;} :where(.secret-cms) .character-profile .equipment-slot::before, :where(.secret-cms) .character-profile .equipment-slot::after, :where(.secret-cms) .character-profile .equipment-item::before, :where(.secret-cms) .character-profile .equipment-item::after, :where(.secret-cms) .character-profile .equipment-slot__label::before, :where(.secret-cms) .character-profile .equipment-slot__label::after, :where(.secret-cms) .character-profile .equipment-icon::before, :where(.secret-cms) .character-profile .equipment-icon::after, :where(.secret-cms) .character-profile .equipment-frame::before, :where(.secret-cms) .character-profile .equipment-frame::after, :where(.secret-cms) .character-profile .item-frame::before, :where(.secret-cms) .character-profile .item-frame::after, :where(.secret-cms) .character-profile .equipment-slot .corner, :where(.secret-cms) .character-profile .equipment-slot .dot, :where(.secret-cms) .character-profile .equipment-slot .slot-dot, :where(.secret-cms) .character-profile .equipment-slot .equipment-dot, :where(.secret-cms) .character-profile .equipment-slot .item-dot, :where(.secret-cms) .character-profile .equipment-slot .slot-corner, :where(.secret-cms) .character-profile .equipment-slot .equipment-corner, :where(.secret-cms) .character-profile .equipment-slot .item-corner {content: none !important; display: none !important; opacity: 0 !important;} :where(.secret-cms) .character-profile .equipment-slot img, :where(.secret-cms) .character-profile .equipment-item img, :where(.secret-cms) .character-profile .equipment-icon, :where(.secret-cms) .character-profile .equipment-item {outline: 0px !important;} :where(.secret-cms) .character-profile .equipment-item, :where(.secret-cms) .character-profile .equipment-item > a, :where(.secret-cms) .character-profile .equipment-item > span {border: 0px !important; box-shadow: none !important; background-color: transparent !important;} :where(.secret-cms) .character-profile .equipment-item {display: flex !important; align-items: center !important; justify-content: center !important;} :where(.secret-cms) .character-profile .equipment-item img:not(.item-tooltip__image) {transform: translateY(5px) scale(1.08); transform-origin: center center;} :where(.secret-cms) .character-profile .equipment-slot:first-child .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile .equipment-slot[data-slot="pet"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile .equipment-slot[data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 80% !important; height: 80% !important; max-width: 80% !important; max-height: 80% !important; object-fit: contain !important; transform: translateY(5px) scale(1) !important;} :where(.secret-cms) .item-tooltip.is-fixed-tooltip {left: 0px; top: 0px; visibility: visible; position: fixed !important; z-index: 2147483647 !important; display: block !important; max-width: min(360px, -24px + 100vw) !important; max-height: calc(-24px + 100vh) !important; overflow: auto !important; pointer-events: none !important; transform: none !important; margin: 0px !important;} :where(.secret-cms) .item-tooltip.is-fixed-tooltip::before, :where(.secret-cms) .item-tooltip.is-fixed-tooltip::after {pointer-events: none !important;} :where(.secret-cms) .button, :where(.secret-cms) .btn, :where(.secret-cms) .legacyx-button, :where(.secret-cms) .page-card button, :where(.secret-cms) .page-card .button, :where(.secret-cms) .usercp button, :where(.secret-cms) .usercp .button, :where(.secret-cms) .ranking-tabs a, :where(.secret-cms) .class-tabs a, :where(.secret-cms) .mobile-auth-link {display: inline-flex; align-items: center; justify-content: center; text-align: center;} :where(.secret-cms) .mobile-auth-link {display: none;} @media (max-width: 980px) { :where(.secret-cms) .mobile-auth-link {position: fixed; z-index: 10020; top: 82px; right: 64px; min-width: 78px; height: 38px; padding: 0px 14px; border: 1px solid rgba(202, 183, 116, 0.65); background: rgba(8, 7, 5, 0.84); color: rgb(246, 223, 154); font-family: var(--font-title, inherit); font-size: 15px; line-height: 1; text-decoration: none; box-shadow: rgba(184, 129, 46, 0.22) 0px 0px 20px; display: inline-flex !important;} } @media (max-width: 680px) { :where(.secret-cms), .secret-cms, :where(.secret-cms) .page, :where(.secret-cms) .page_inner, :where(.secret-cms) .legacyx-cms-page, :where(.secret-cms) .page-card, :where(.secret-cms) .page-card--rankings {max-width: 100%; overflow-x: hidden !important;} :where(.secret-cms) .mobile-auth-link {top: 76px; right: 56px; min-width: 64px; height: 34px; padding: 0px 10px; font-size: 13px;} :where(.secret-cms) .character-profile .equipment-grid, :where(.secret-cms) .character-profile .equipment-board, :where(.secret-cms) .character-profile .equipment-layout {width: 100% !important; min-width: 0px !important; max-width: 100% !important; overflow: visible !important; transform: none !important; gap: 5px !important; padding: 7px !important;} :where(.secret-cms) .character-profile .equipment-grid {display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; place-items: center !important;} :where(.secret-cms) .character-profile .equipment-slot {transform: scale(0.86); transform-origin: center center; width: 100% !important; min-width: 0px !important; max-width: 104px !important; margin: 0px !important;} :where(.secret-cms) .character-profile .equipment-slot__label {font-size: 9px !important; line-height: 1.1 !important; white-space: normal !important;} :where(.secret-cms) .character-profile .equipment-item img:not(.item-tooltip__image) {max-width: 112% !important; max-height: 112% !important;} :where(.secret-cms) .rankings-table-wrap, :where(.secret-cms) .ranking-table-wrap, :where(.secret-cms) .table-wrap, :where(.secret-cms) .page-card--rankings .table-frame, :where(.secret-cms) .page-card--rankings .rankings-table {width: 100% !important; max-width: 100% !important; overflow-x: auto !important;} :where(.secret-cms) .page-card--rankings table, :where(.secret-cms) .rankings table, :where(.secret-cms) .ranking-table {min-width: 620px !important; font-size: 12px !important;} :where(.secret-cms) .ranking-tabs, :where(.secret-cms) .class-tabs {display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important;} :where(.secret-cms) .ranking-tabs a, :where(.secret-cms) .class-tabs a {min-width: 0px !important; min-height: 50px !important; padding: 10px 8px !important; white-space: normal !important; line-height: 1.15 !important; font-size: 13px !important;} :where(.secret-cms) .ranking-search {display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important;} :where(.secret-cms) .ranking-search button, :where(.secret-cms) .ranking-search .button {width: 100% !important;} } :where(.secret-cms) .item-tooltip.is-fixed-tooltip {left: 0px; top: 0px; position: fixed !important; z-index: 2147483000 !important; display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important; transform: none !important; max-width: min(360px, -20px + 100vw) !important; max-height: calc(-20px + 100vh) !important; overflow: auto !important;} :where(.secret-cms) .item-tooltip.is-fixed-tooltip::before {content: ""; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgb(242, 242, 242);} :where(.secret-cms) .item-tooltip.is-fixed-tooltip.is-above::before {top: auto; bottom: -10px; transform: translateX(-50%) rotate(180deg);} :where(.secret-cms) .character-profile .equipment-grid .equipment-slot {outline: 0px !important; box-shadow: none !important;} :where(.secret-cms) .character-profile .equipment-grid .equipment-slot::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-slot::after, :where(.secret-cms) .character-profile .equipment-grid .equipment-slot__label::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-slot__label::after, :where(.secret-cms) .character-profile .equipment-grid .equipment-item::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-item::after {border: 0px !important; box-shadow: none !important;} :where(.secret-cms) .character-profile .equipment-grid .equipment-slot__label::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-slot__label::after, :where(.secret-cms) .character-profile .equipment-grid .equipment-item::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-item::after {content: none !important; display: none !important;} :where(.secret-cms) .character-profile .equipment-item > strong {display: none !important;} :where(.secret-cms) .character-profile .equipment-item {display: flex !important; align-items: center !important; justify-content: center !important;} :where(.secret-cms) .character-profile .equipment-item img:not(.item-tooltip__image) {margin: auto !important; object-fit: contain !important;} :where(.secret-cms) .character-profile .equipment-slot--pet .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {max-width: 64% !important; max-height: 64% !important;} :where(.secret-cms) .btn, :where(.secret-cms) .button, :where(.secret-cms) button, :where(.secret-cms) input[type="submit"], :where(.secret-cms) input[type="button"], :where(.secret-cms) .account-actions a, :where(.secret-cms) .payment-card__button, :where(.secret-cms) .ranking-tabs a, :where(.secret-cms) .mobile-auth-link {text-align: center !important; align-items: center !important; justify-content: center !important;} :where(.secret-cms) .btn, :where(.secret-cms) .button, :where(.secret-cms) button, :where(.secret-cms) input[type="submit"], :where(.secret-cms) input[type="button"], :where(.secret-cms) .payment-card__button, :where(.secret-cms) .ranking-tabs a, :where(.secret-cms) .mobile-auth-link {display: inline-flex !important;} :where(.secret-cms) .mobile-auth-link {display: none;} @media (max-width: 980px) { :where(.secret-cms) .mobile-auth-link {display: inline-flex !important; position: fixed !important; top: 84px !important; right: 56px !important; z-index: 120 !important; height: 34px !important; min-width: 74px !important; padding: 0px 12px !important; border: 1px solid rgba(195, 151, 83, 0.8) !important; color: rgb(247, 228, 176) !important; background: rgba(0, 0, 0, 0.58) !important; text-decoration: none !important; font-family: inherit !important; font-size: 13px !important; letter-spacing: 0px !important;} } @media (max-width: 680px) { :where(.secret-cms) .mobile-auth-link {top: 92px !important; right: 52px !important; height: 30px !important; min-width: 58px !important; padding: 0px 9px !important; font-size: 12px !important;} :where(.secret-cms) .character-profile .equipment-grid {width: 100% !important; max-width: 100% !important; min-width: 0px !important; overflow: visible !important; display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 8px 6px !important; padding: 8px 2px 12px !important; transform: none !important;} :where(.secret-cms) .character-profile .equipment-grid, :where(.secret-cms) .character-profile .equipment-grid * {box-sizing: border-box !important;} :where(.secret-cms) .character-profile .equipment-slot {width: auto !important; height: 76px !important; min-height: 76px !important; padding: 7px 2px !important; margin: 0px !important; grid-area: auto !important;} :where(.secret-cms) .character-profile .equipment-slot--pendant, :where(.secret-cms) .character-profile .equipment-slot--ring-1, :where(.secret-cms) .character-profile .equipment-slot--ring-2 {height: 58px !important; min-height: 58px !important;} :where(.secret-cms) .character-profile .equipment-slot__label {font-size: 8px !important; line-height: 1 !important;} :where(.secret-cms) .character-profile .equipment-item img:not(.item-tooltip__image) {max-width: 62px !important; max-height: 62px !important;} :where(.secret-cms) .character-profile .equipment-slot--pet .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {max-width: 50px !important; max-height: 50px !important;} :where(.secret-cms) .character-profile .page-card, :where(.secret-cms) .character-profile .legacyx-cms-page, :where(.secret-cms) .character-profile .legacyx-cms-container, :where(.secret-cms) .equipment-section, :where(.secret-cms) .equipment-panel {overflow: visible !important;} :where(.secret-cms) .page-card--rankings, :where(.secret-cms) .rankings-page, :where(.secret-cms) .ranking-page {padding-left: 10px !important; padding-right: 10px !important; overflow-x: auto !important;} :where(.secret-cms) .page-card--rankings .tabs, :where(.secret-cms) .ranking-tabs {display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important;} :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .ranking-tabs a {min-width: 0px !important; width: 100% !important; height: 54px !important; padding: 0px 8px !important; font-size: 13px !important; line-height: 1.2 !important;} :where(.secret-cms) .page-card--rankings table, :where(.secret-cms) .rankings-page table, :where(.secret-cms) .ranking-page table, :where(.secret-cms) table.ranking-table {min-width: 640px !important; width: max-content !important;} :where(.secret-cms) .page-card--rankings th, :where(.secret-cms) .page-card--rankings td, :where(.secret-cms) .rankings-page th, :where(.secret-cms) .rankings-page td, :where(.secret-cms) .ranking-page th, :where(.secret-cms) .ranking-page td {white-space: nowrap !important; padding: 12px 10px !important; font-size: 12px !important;} :where(.secret-cms) .ranking-search {display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important;} :where(.secret-cms) .ranking-search input, :where(.secret-cms) .ranking-search button, :where(.secret-cms) .ranking-search .btn {width: 100% !important; max-width: 100% !important;} } :where(.secret-cms) .character-profile .equipment-slot--framed::after {content: none !important; display: none !important;} :where(.secret-cms) .character-profile .equipment-item {transform: none !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 51% !important; height: 51% !important; max-width: 51% !important; max-height: 51% !important;} :where(.secret-cms) .btn, :where(.secret-cms) .button, :where(.secret-cms) button, :where(.secret-cms) input[type="submit"], :where(.secret-cms) input[type="button"], :where(.secret-cms) .mobile-auth-link {align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1.1 !important;} :where(.secret-cms) .btn > *, :where(.secret-cms) .button > * {text-align: center !important;} @media (max-width: 980px) { :where(.secret-cms) .mobile-auth-link {display: inline-flex !important; position: fixed !important; top: 18px !important; right: 66px !important; z-index: 10050 !important; min-width: 62px !important; height: 32px !important; padding: 0px 10px !important; border: 1px solid rgba(195, 151, 83, 0.82) !important; background: rgba(0, 0, 0, 0.72) !important; color: rgb(247, 228, 176) !important; font-size: 12px !important; line-height: 1 !important; text-decoration: none !important;} } @media (max-width: 680px) { :where(.secret-cms) .character-profile {padding-left: 10px !important; padding-right: 10px !important;} :where(.secret-cms) .character-profile .equipment-grid {width: 100% !important; min-width: 0px !important; max-width: 100% !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 5px !important; padding: 6px 0px 10px !important; overflow-x: hidden !important; justify-content: stretch !important;} :where(.secret-cms) .character-profile .equipment-slot {width: 100% !important; height: 64px !important; min-height: 64px !important; padding: 5px 1px !important;} :where(.secret-cms) .character-profile .equipment-slot--pendant, :where(.secret-cms) .character-profile .equipment-slot--ring-1, :where(.secret-cms) .character-profile .equipment-slot--ring-2 {height: 52px !important; min-height: 52px !important;} :where(.secret-cms) .character-profile .equipment-slot__label {top: -8px !important; left: -2px !important; right: -2px !important; font-size: 7px !important; line-height: 1 !important;} :where(.secret-cms) .character-profile .equipment-item img:not(.item-tooltip__image) {width: 52px !important; height: 52px !important; max-width: 100% !important; max-height: 100% !important; transform: none !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 40px !important; height: 40px !important; max-width: 40px !important; max-height: 40px !important;} :where(.secret-cms) .page-card--rankings, :where(.secret-cms) .ranking-page, :where(.secret-cms) .rankings-page {overflow-x: hidden !important;} :where(.secret-cms) .page-card--rankings .table-wrap {overflow: visible !important; padding: 8px !important;} :where(.secret-cms) .page-card--rankings table.ranking-table, :where(.secret-cms) .page-card--rankings .ranking-table {display: block !important; width: 100% !important; min-width: 0px !important;} :where(.secret-cms) .page-card--rankings .ranking-table thead {display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody {display: grid !important; gap: 8px !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {display: grid !important; gap: 0px !important; border: 1px solid rgba(190, 134, 62, 0.28) !important; background: rgba(3, 5, 8, 0.48) !important;} :where(.secret-cms) .page-card--rankings .ranking-table td, :where(.secret-cms) .page-card--rankings .ranking-table th {display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; width: 100% !important; min-width: 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(190, 134, 62, 0.16) !important; border-image: none !important; padding: 9px 10px !important; white-space: normal !important; font-size: 12px !important; text-align: right !important;} :where(.secret-cms) .page-card--rankings .ranking-table td:last-child {border-bottom: 0px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td::before {content: attr(data-label); flex: 0 0 auto; color: rgba(245, 217, 157, 0.76); font-size: 10px; text-transform: uppercase; text-align: left;} :where(.secret-cms) .page-card--rankings .ranking-table td[colspan] {display: block !important; text-align: center !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[colspan]::before {content: none !important;} } @media (max-width: 380px) { :where(.secret-cms) .mobile-auth-link {right: 58px !important; min-width: 54px !important; padding: 0px 8px !important;} :where(.secret-cms) .character-profile .equipment-slot {height: 58px !important; min-height: 58px !important;} :where(.secret-cms) .character-profile .equipment-item img:not(.item-tooltip__image) {width: 46px !important; height: 46px !important;} } :where(.secret-cms) .mobile-auth-link {display: none !important;} :where(.secret-cms) .menu__el_mobile_auth {display: none;} :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .ranking-tabs a, :where(.secret-cms) .class-tabs a, :where(.secret-cms) .page-card--rankings .ranking-search .button, :where(.secret-cms) .ranking-search .button, :where(.secret-cms) .button {display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1.05 !important; padding-top: 0px !important; padding-bottom: 0px !important;} :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .ranking-tabs a, :where(.secret-cms) .class-tabs a {min-height: 68px !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button, :where(.secret-cms) .ranking-search .button {min-height: 62px !important;} :where(.secret-cms) .character-profile .equipment-slot--framed::after {content: "" !important; display: block !important; position: absolute !important; inset: 5px !important; z-index: 0 !important; background-image: var(--equipment-frame) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; opacity: 0.62 !important; filter: sepia(0.22) saturate(0.86) brightness(0.82) contrast(1.04) !important; mix-blend-mode: screen !important; pointer-events: none !important;} :where(.secret-cms) .character-profile .equipment-slot--framed::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-slot::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-slot__label::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-slot__label::after, :where(.secret-cms) .character-profile .equipment-grid .equipment-item::before, :where(.secret-cms) .character-profile .equipment-grid .equipment-item::after {content: none !important; display: none !important;} :where(.secret-cms) .character-profile .equipment-slot {border: 0px !important; box-shadow: none !important;} :where(.secret-cms) .character-profile .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 76px !important; height: 76px !important; max-width: 76px !important; max-height: 76px !important; transform: none !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 61px !important; height: 61px !important; max-width: 61px !important; max-height: 61px !important;} :where(.secret-cms) .item-tooltip {min-width: 244px !important; max-width: min(330px, -20px + 100vw) !important; padding: 12px !important;} :where(.secret-cms) .item-tooltip__title {font-size: 11px !important;} :where(.secret-cms) .item-tooltip__meta, :where(.secret-cms) .item-tooltip__options {font-size: 10px !important;} :where(.secret-cms) .item-tooltip code {font-size: 8px !important;} @media (max-width: 980px) { :where(.secret-cms) .menu__el_mobile_auth {display: flex;} :where(.secret-cms) .mobile-cabinet-menu-link {text-shadow: rgba(218, 170, 86, 0.32) 0px 0px 10px; color: rgb(255, 245, 220) !important;} } @media (max-width: 680px) { :where(.secret-cms) .page-card--rankings {padding-left: 6px !important; padding-right: 6px !important;} :where(.secret-cms) .page-card--rankings .table-wrap {padding: 5px !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody {gap: 6px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td, :where(.secret-cms) .page-card--rankings .ranking-table th {gap: 6px !important; padding: 7px !important; font-size: 11px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td::before {font-size: 9px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td > * {min-width: 0px !important; max-width: 58% !important; overflow-wrap: anywhere !important; text-align: right !important;} :where(.secret-cms) .character-profile .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 38px !important; height: 38px !important; max-width: 38px !important; max-height: 38px !important;} :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .ranking-tabs a, :where(.secret-cms) .class-tabs a {min-height: 50px !important;} } :where(.secret-cms) .character-profile .equipment-slot .equipment-item {width: 100% !important; height: 100% !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {display: block !important; width: 62px !important; height: 62px !important; max-width: 62px !important; max-height: 62px !important; min-width: 0px !important; min-height: 0px !important; object-fit: contain !important; object-position: center center !important; transform: none !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pants"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="gloves"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="boots"] .equipment-item img:not(.item-tooltip__image) {width: 52px !important; height: 52px !important; max-width: 52px !important; max-height: 52px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] .equipment-item img:not(.item-tooltip__image) {width: 38px !important; height: 38px !important; max-width: 38px !important; max-height: 38px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="pants"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="gloves"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="boots"].equipment-slot--framed::after {inset: 15px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"].equipment-slot--framed::after {inset: 18px !important;} @media (max-width: 680px) { :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 31px !important; height: 31px !important; max-width: 31px !important; max-height: 31px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pants"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="gloves"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="boots"] .equipment-item img:not(.item-tooltip__image) {width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 29px !important; height: 29px !important; max-width: 29px !important; max-height: 29px !important;} } :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 104px !important; --eq-small: 52px !important; gap: 16px 22px !important; width: fit-content !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding: 26px 18px 34px !important;} :where(.secret-cms) .character-profile .equipment-slot {width: var(--eq-main) !important; height: var(--eq-main) !important; min-height: 0px !important; padding: 0px !important; place-items: center !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {width: var(--eq-small) !important; height: var(--eq-small) !important;} :where(.secret-cms) .character-profile .equipment-slot__label {top: -16px !important; left: 50% !important; right: auto !important; width: max-content !important; max-width: 120px !important; transform: translateX(-50%) !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item {position: absolute !important; inset: 0px !important; transform: none !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {position: absolute !important; top: 50% !important; left: 50% !important; margin: 0px !important; transform: translate(-50%, -50%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 29px !important; height: 29px !important; max-width: 29px !important; max-height: 29px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"].equipment-slot--framed::after {inset: 24px !important;} @media (max-width: 680px) { :where(.secret-cms) .character-profile .equipment-grid {width: 100% !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 12px 6px !important; padding: 14px 2px 18px !important;} :where(.secret-cms) .character-profile .equipment-slot {width: 100% !important; height: 58px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {width: 100% !important; height: 50px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important;} } :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 125px !important; --eq-small: 62px !important; gap: 10px 14px !important; padding: 32px 22px 42px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 62px !important; height: 62px !important; max-width: 62px !important; max-height: 62px !important; transform: translate(-50%, -50%) !important;} @media (max-width: 680px) { :where(.secret-cms) .character-profile .equipment-grid {gap: 8px 4px !important; padding: 16px 2px 20px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important; transform: translate(-50%, -50%) !important;} } :where(.secret-cms) .hero__account-btn {display: none !important;} :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 132px !important; --eq-small: 64px !important; gap: 4px 8px !important; padding: 30px 14px 38px !important;} :where(.secret-cms) .character-profile .equipment-slot--framed::after {inset: 4px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="pants"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="gloves"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="boots"].equipment-slot--framed::after {inset: 8px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"].equipment-slot--framed::after {inset: 10px !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 72px !important; height: 72px !important; max-width: 72px !important; max-height: 72px !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 72px !important; height: 72px !important; max-width: 72px !important; max-height: 72px !important; transform: translate(-64%, -63%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pants"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="gloves"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="boots"] .equipment-item img:not(.item-tooltip__image) {width: 64px !important; height: 64px !important; max-width: 64px !important; max-height: 64px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; transform: translate(-62%, -60%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] .equipment-item img:not(.item-tooltip__image) {width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important;} @media (max-width: 680px) { :where(.secret-cms) .hero__account-btn {display: inline-flex !important;} :where(.secret-cms) .character-profile .equipment-grid {grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 6px 3px !important; padding: 12px 0px 16px !important;} :where(.secret-cms) .character-profile .equipment-slot {height: 62px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {height: 52px !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; transform: translate(-64%, -63%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pants"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="gloves"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="boots"] .equipment-item img:not(.item-tooltip__image) {width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; transform: translate(-62%, -60%) !important;} :where(.secret-cms) .page-card--rankings .ranking-table td, :where(.secret-cms) .page-card--rankings .ranking-table th {display: grid !important; grid-template-columns: 92px minmax(0px, 1fr) !important; justify-content: start !important; align-items: center !important; text-align: left !important; padding: 7px 8px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td::before {text-align: left !important;} :where(.secret-cms) .page-card--rankings .ranking-table td > * {max-width: 100% !important; justify-self: start !important; text-align: left !important; overflow-wrap: anywhere !important;} :where(.secret-cms) .page-card--rankings .rank-status {justify-self: start !important; min-width: 72px !important;} } :where(.secret-cms) .item-tooltip, :where(.secret-cms) .item-tooltip.is-fixed-tooltip {max-height: none !important; overflow: visible !important;} :where(.secret-cms) .item-tooltip__options {max-height: none !important; overflow: visible !important;} :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 118px !important; --eq-small: 58px !important; display: grid !important; grid-template-columns: var(--eq-main) var(--eq-small) var(--eq-main) var(--eq-small) var(--eq-main) !important; grid-template-rows: repeat(3, var(--eq-main)) !important; gap: 8px 7px !important; width: fit-content !important; max-width: 100% !important; padding: 24px 12px 30px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] {grid-area: 2 / 1 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-left"] {grid-area: 2 / 5 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"] {grid-area: 1 / 3 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="armor"] {grid-area: 2 / 3 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pants"] {grid-area: 3 / 3 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="gloves"] {grid-area: 3 / 1 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="boots"] {grid-area: 3 / 5 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="wings"] {grid-area: 1 / 5 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] {grid-area: 1 / 1 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"] {grid-area: 1 / 2 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"] {grid-area: 3 / 2 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {grid-area: 3 / 4 !important;} :where(.secret-cms) .character-profile .equipment-slot {width: var(--eq-main) !important; height: var(--eq-main) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {width: var(--eq-small) !important; height: var(--eq-small) !important; align-self: center !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item {overflow: hidden !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 68px !important; height: 68px !important; max-width: 68px !important; max-height: 68px !important; object-fit: contain !important; object-position: center center !important; transform: translate(-50%, -50%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 70px !important; height: 70px !important; max-width: 70px !important; max-height: 70px !important; transform: translate(-78%, -62%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 56px !important; height: 56px !important; max-width: 56px !important; max-height: 56px !important; transform: translate(-76%, -70%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] .equipment-item img:not(.item-tooltip__image) {width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important;} @media (max-width: 680px) { :where(.secret-cms) .page-card--rankings {padding-left: 16px !important; padding-right: 16px !important;} :where(.secret-cms) .page-card--rankings .table-wrap {padding: 4px 8px !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {margin: 0px 0px 10px !important; border: 1px solid rgba(181, 130, 53, 0.38) !important; background: rgba(0, 0, 0, 0.42) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover td {background: transparent !important;} :where(.secret-cms) .page-card--rankings .ranking-table td, :where(.secret-cms) .page-card--rankings .ranking-table th {grid-template-columns: 78px minmax(0px, 1fr) !important; min-height: 26px !important; padding: 5px 8px !important;} :where(.secret-cms) .page-card--rankings .rank-status {min-width: 66px !important; padding: 5px 10px !important;} :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 64px !important; --eq-small: 52px !important; grid-template-columns: repeat(4, var(--eq-main)) !important; grid-template-rows: repeat(3, 76px) !important; gap: 8px 10px !important; width: fit-content !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding: 20px 8px 22px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] {grid-area: 1 / 1 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-left"] {grid-area: 1 / 2 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"] {grid-area: 1 / 3 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="armor"] {grid-area: 1 / 4 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pants"] {grid-area: 2 / 1 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="gloves"] {grid-area: 2 / 2 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="boots"] {grid-area: 2 / 3 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="wings"] {grid-area: 2 / 4 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] {grid-area: 3 / 1 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"] {grid-area: 3 / 2 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"] {grid-area: 3 / 3 !important;} :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {grid-area: 3 / 4 !important;} :where(.secret-cms) .character-profile .equipment-slot, :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {width: var(--eq-main) !important; height: 58px !important;} :where(.secret-cms) .character-profile .equipment-slot__label {max-width: 70px !important; font-size: 7px !important; top: -12px !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important; transform: translate(-50%, -50%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important; transform: translate(-80%, -62%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 38px !important; height: 38px !important; max-width: 38px !important; max-height: 38px !important; transform: translate(-78%, -70%) !important;} } :where(.secret-cms) .item-tooltip, :where(.secret-cms) .item-tooltip.is-fixed-tooltip, :where(.secret-cms) .item-tooltip__options {overflow: visible !important; max-height: none !important;} :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 116px !important; --eq-small: 58px !important; gap: 10px 8px !important; padding: 24px 12px 30px !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 72px !important; height: 72px !important; max-width: 72px !important; max-height: 72px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 72px !important; height: 72px !important; max-width: 72px !important; max-height: 72px !important; transform: translate(-82%, -64%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 58px !important; height: 58px !important; max-width: 58px !important; max-height: 58px !important; transform: translate(-82%, -74%) !important;} @media (max-width: 680px) { :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 62px !important; grid-template-columns: repeat(4, var(--eq-main)) !important; grid-template-rows: none !important; grid-auto-rows: 64px !important; gap: 8px !important; width: fit-content !important; padding: 18px 6px 20px !important;} :where(.secret-cms) .character-profile .equipment-slot, :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"], :where(.secret-cms) .character-profile [data-equipment-slot="weapon-left"], :where(.secret-cms) .character-profile [data-equipment-slot="helm"], :where(.secret-cms) .character-profile [data-equipment-slot="armor"], :where(.secret-cms) .character-profile [data-equipment-slot="pants"], :where(.secret-cms) .character-profile [data-equipment-slot="gloves"], :where(.secret-cms) .character-profile [data-equipment-slot="boots"], :where(.secret-cms) .character-profile [data-equipment-slot="wings"], :where(.secret-cms) .character-profile [data-equipment-slot="pet"], :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {grid-area: auto !important; width: var(--eq-main) !important; height: 56px !important;} :where(.secret-cms) .character-profile .equipment-slot__label {top: -11px !important; max-width: 66px !important; font-size: 7px !important; line-height: 1.05 !important;} :where(.secret-cms) .character-profile .equipment-slot--framed::after {inset: 4px !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important; transform: translate(-50%, -50%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 46px !important; height: 46px !important; max-width: 46px !important; max-height: 46px !important; transform: translate(-84%, -64%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 40px !important; height: 40px !important; max-width: 40px !important; max-height: 40px !important; transform: translate(-84%, -74%) !important;} } :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 139px !important; --eq-small: 70px !important; gap: 10px 8px !important;} :where(.secret-cms) .character-profile .equipment-slot {width: var(--eq-main) !important; height: var(--eq-main) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {width: var(--eq-small) !important; height: var(--eq-small) !important;} :where(.secret-cms) .character-profile .equipment-slot--framed::after {inset: 2px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="helm"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="pants"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="gloves"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="boots"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="pet"].equipment-slot--framed::after {inset: 6px !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 86px !important; height: 86px !important; max-width: 86px !important; max-height: 86px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 86px !important; height: 86px !important; max-width: 86px !important; max-height: 86px !important; transform: translate(-48%, -64%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 70px !important; height: 70px !important; max-width: 70px !important; max-height: 70px !important; transform: translate(-48%, -64%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] .equipment-item img:not(.item-tooltip__image) {width: 50px !important; height: 50px !important; max-width: 50px !important; max-height: 50px !important;} @media (max-width: 680px) { :where(.secret-cms) .character-profile .equipment-grid {--eq-main: 74px !important; grid-template-columns: repeat(4, var(--eq-main)) !important; grid-auto-rows: 76px !important; gap: 8px !important;} :where(.secret-cms) .character-profile .equipment-slot, :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"], :where(.secret-cms) .character-profile [data-equipment-slot="weapon-left"], :where(.secret-cms) .character-profile [data-equipment-slot="helm"], :where(.secret-cms) .character-profile [data-equipment-slot="armor"], :where(.secret-cms) .character-profile [data-equipment-slot="pants"], :where(.secret-cms) .character-profile [data-equipment-slot="gloves"], :where(.secret-cms) .character-profile [data-equipment-slot="boots"], :where(.secret-cms) .character-profile [data-equipment-slot="wings"], :where(.secret-cms) .character-profile [data-equipment-slot="pet"], :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {width: var(--eq-main) !important; height: 68px !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 53px !important; height: 53px !important; max-width: 53px !important; max-height: 53px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 55px !important; height: 55px !important; max-width: 55px !important; max-height: 55px !important; transform: translate(-48%, -64%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; transform: translate(-48%, -64%) !important;} } :where(.secret-cms) .character-profile .equipment-slot .equipment-item {position: absolute !important; inset: 0px !important; z-index: 4 !important; width: 100% !important; height: 100% !important; display: grid !important; place-items: center !important; transform: none !important; overflow: visible !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {position: absolute !important; top: 50% !important; left: 50% !important; width: 86px !important; height: 86px !important; max-width: 86px !important; max-height: 86px !important; object-fit: contain !important; object-position: center center !important; transform: translate(-50%, -50%) !important; transform-origin: center center !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {transform: translate(-50%, -50%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 70px !important; height: 70px !important; max-width: 70px !important; max-height: 70px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] .equipment-item img:not(.item-tooltip__image) {width: 50px !important; height: 50px !important; max-width: 50px !important; max-height: 50px !important;} @media (max-width: 680px) { :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image) {width: 53px !important; height: 53px !important; max-width: 53px !important; max-height: 53px !important; transform: translate(-50%, -50%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {transform: translate(-50%, -50%) !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important;} } :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item, :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item {display: grid !important; place-items: center !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {position: static !important; top: auto !important; left: auto !important; margin: auto !important; object-fit: contain !important; object-position: center center !important; transform: none !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 86px !important; height: 86px !important; max-width: 86px !important; max-height: 86px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 70px !important; height: 70px !important; max-width: 70px !important; max-height: 70px !important;} :where(.secret-cms) .character-profile .equipment-slot__label {top: -5px !important;} @media (max-width: 680px) { :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 53px !important; height: 53px !important; max-width: 53px !important; max-height: 53px !important; transform: none !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; transform: none !important;} :where(.secret-cms) .character-profile .equipment-slot__label {top: -4px !important;} } @media (max-width: 680px) { :where(.secret-cms) .page-card--rankings {padding: 22px 10px 28px !important; margin-left: 10px !important; margin-right: 10px !important;} :where(.secret-cms) .page-card--rankings h1 {margin-bottom: 16px !important; font-size: 30px !important;} :where(.secret-cms) .page-card--rankings .tabs {display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; margin: 14px 0px 16px !important;} :where(.secret-cms) .page-card--rankings .tabs a {min-height: 42px !important; padding: 10px 6px 8px !important; font-size: 12px !important; line-height: 1.1 !important; white-space: normal !important;} :where(.secret-cms) .page-card--rankings .ranking-search {gap: 8px !important; padding: 10px !important; margin-bottom: 14px !important;} :where(.secret-cms) .page-card--rankings .ranking-search input {min-height: 40px !important; font-size: 13px !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button {width: 100% !important; min-height: 38px !important;} :where(.secret-cms) .page-card--rankings .table-wrap, :where(.secret-cms) .page-card--rankings .ranking-wrap {width: 100% !important; max-width: 100% !important; padding: 0px !important; border: 0px !important; background: transparent !important; overflow: visible !important;} :where(.secret-cms) .page-card--rankings .ranking-table, :where(.secret-cms) .page-card--rankings .ranking-table tbody, :where(.secret-cms) .page-card--rankings .ranking-table tr, :where(.secret-cms) .page-card--rankings .ranking-table td {display: block !important; width: 100% !important; min-width: 0px !important; border: 0px !important; background: transparent !important;} :where(.secret-cms) .page-card--rankings .ranking-table {border-collapse: separate !important; border-spacing: 0px !important; font-size: 13px !important;} :where(.secret-cms) .page-card--rankings .ranking-table thead {display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody {display: grid !important; gap: 10px !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {position: relative !important; display: grid !important; grid-template-columns: 42px minmax(0px, 1fr) auto !important; grid-template-areas: "rank name status" "rank class status" "stats stats stats" !important; gap: 4px 10px !important; margin: 0px !important; padding: 12px 12px 11px !important; border: 1px solid rgba(190, 134, 62, 0.4) !important; background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 28px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 28px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 28px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 28px no-repeat, radial-gradient(circle at 92% 8%, rgba(190, 134, 62, .16), transparent 34%), linear-gradient(145deg, rgba(5, 7, 10, .92), rgba(15, 10, 5, .72)) !important; box-shadow: rgba(0, 0, 0, 0.72) 0px 0px 24px inset, rgba(0, 0, 0, 0.28) 0px 10px 22px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td {min-height: 0px !important; padding: 0px !important; text-align: left !important; white-space: normal !important;} :where(.secret-cms) .page-card--rankings .ranking-table td::before {display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="#"] {grid-area: rank !important; width: 34px !important; height: 34px !important; place-self: start !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(190, 134, 62, 0.52) !important; background: rgba(112, 72, 28, 0.26) !important; color: rgb(255, 226, 161) !important; font-family: Intro, Arial, sans-serif !important; font-size: 14px !important; font-weight: 800 !important; text-shadow: rgba(255, 201, 109, 0.28) 0px 0px 10px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Name"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Character"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Guild"] {grid-area: name !important; display: block !important; align-self: end !important; min-width: 0px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Name"] .link, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Character"] .link, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Guild"] .link {display: block !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; color: rgb(255, 215, 120) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.12 !important; text-align: left !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Class"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Master"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Role"] {grid-area: class !important; color: rgba(255, 245, 222, 0.86) !important; font-size: 12px !important; line-height: 1.15 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Status"] {grid-area: status !important; width: auto !important; place-self: start end !important;} :where(.secret-cms) .page-card--rankings .rank-status {min-width: 58px !important; padding: 5px 8px !important; font-size: 11px !important; line-height: 1 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {display: grid !important; grid-template-columns: 1fr !important; gap: 2px !important; width: auto !important; min-width: 0px !important; margin-top: 8px !important; padding: 7px 8px !important; border: 1px solid rgba(190, 134, 62, 0.18) !important; background: rgba(0, 0, 0, 0.22) !important; color: rgb(255, 245, 220) !important; font-family: Intro, Arial, sans-serif !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.1 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"]::before {content: attr(data-label) !important; display: block !important; color: rgba(245, 217, 157, 0.72) !important; font-size: 8px !important; font-weight: 800 !important; line-height: 1 !important; text-transform: uppercase !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"] {grid-column: 1 / 2 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"] {grid-column: 2 / 3 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {grid-column: 3 / 4 !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {grid-auto-flow: row !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {align-self: stretch !important;} } @media (max-width: 680px) { :where(.secret-cms) .character-profile h2 {margin: 28px 0px 14px !important; font-size: 36px !important; line-height: 1.05 !important;} :where(.secret-cms) .character-profile .equipment-grid {--eq-main: auto !important; --eq-small: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; grid-template-rows: none !important; grid-auto-rows: auto !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 0px !important; padding: 12px !important; overflow: visible !important; max-height: none !important; border: 1px solid rgba(176, 119, 45, 0.28) !important; background: radial-gradient(circle at 50% 18%, rgba(201, 158, 88, 0.1), transparent 44%), linear-gradient(135deg, rgba(2, 8, 13, 0.48), rgba(17, 10, 7, 0.28)) !important;} :where(.secret-cms) .character-profile .equipment-grid::before {inset: 8px !important;} :where(.secret-cms) .character-profile .equipment-slot, :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"], :where(.secret-cms) .character-profile [data-equipment-slot="weapon-left"], :where(.secret-cms) .character-profile [data-equipment-slot="helm"], :where(.secret-cms) .character-profile [data-equipment-slot="armor"], :where(.secret-cms) .character-profile [data-equipment-slot="pants"], :where(.secret-cms) .character-profile [data-equipment-slot="gloves"], :where(.secret-cms) .character-profile [data-equipment-slot="boots"], :where(.secret-cms) .character-profile [data-equipment-slot="wings"], :where(.secret-cms) .character-profile [data-equipment-slot="pet"], :where(.secret-cms) .character-profile [data-equipment-slot="pendant"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"], :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] {grid-area: auto !important; width: 100% !important; height: 94px !important; min-height: 94px !important; max-width: none !important; margin: 0px !important; padding: 7px 6px 8px !important; display: grid !important; grid-template-rows: 14px minmax(0px, 1fr) !important; place-items: center !important; overflow: visible !important; border: 1px solid rgba(190, 134, 62, 0.24) !important; background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 18px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 18px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 18px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 18px no-repeat, linear-gradient(145deg, rgba(4, 7, 10, .62), rgba(12, 9, 7, .4)) !important; transform: none !important;} :where(.secret-cms) .character-profile .equipment-slot__label {position: relative !important; top: auto !important; left: auto !important; right: auto !important; z-index: 6 !important; width: 100% !important; max-width: 100% !important; min-height: 12px !important; color: rgba(245, 217, 157, 0.86) !important; font-size: 7px !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-shadow: rgb(0, 0, 0) 0px 2px 7px !important;} :where(.secret-cms) .character-profile .equipment-slot--framed::before {inset: 22px 7px 7px !important; border-radius: 6px !important;} :where(.secret-cms) .character-profile .equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="helm"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="pants"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="gloves"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="boots"].equipment-slot--framed::after, :where(.secret-cms) .character-profile [data-equipment-slot="pet"].equipment-slot--framed::after {inset: 23px 8px 8px !important; opacity: 0.48 !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item, :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item, :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item {position: relative !important; inset: auto !important; z-index: 5 !important; width: 100% !important; height: 100% !important; min-height: 0px !important; display: grid !important; place-items: center !important; transform: none !important; overflow: visible !important;} :where(.secret-cms) .character-profile .equipment-slot .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {position: static !important; top: auto !important; left: auto !important; width: 58px !important; height: 58px !important; max-width: 58px !important; max-height: 58px !important; margin: auto !important; object-fit: contain !important; object-position: center center !important; transform: none !important;} :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="weapon-left"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="armor"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="wings"] .equipment-item img:not(.item-tooltip__image) {width: 62px !important; height: 62px !important; max-width: 62px !important; max-height: 62px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pet"] .equipment-item img:not(.item-tooltip__image) {width: 54px !important; height: 54px !important; max-width: 54px !important; max-height: 54px !important;} :where(.secret-cms) .character-profile [data-equipment-slot="pendant"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-1"] .equipment-item img:not(.item-tooltip__image), :where(.secret-cms) .character-profile [data-equipment-slot="ring-2"] .equipment-item img:not(.item-tooltip__image) {width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="footer"] {bottom: 32px !important; z-index: 24 !important;} .secret-cms.body_home [data-section="footer"] .footer {min-height: 96px !important; padding-bottom: 0px !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: translateY(-28px) !important;} .secret-cms.body_home [data-section="footer"] .footer__line, .secret-cms.body_home [data-section="footer"] .footer__content {transform: translateY(-18px) !important;} .secret-cms.body_home [data-section="resources"] .resources__help {position: relative !important; z-index: 35 !important; max-width: 640px !important; transform: translateY(-58px) !important; margin-bottom: 0px !important; padding-right: 24px !important;} .secret-cms.body_home [data-section="resources"] .help__desc {max-width: 640px !important; line-height: 1.35 !important;} } @media (min-width: 1200px) and (max-height: 860px) { .secret-cms.body_home [data-section="footer"] {bottom: 44px !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: translateY(-42px) !important;} .secret-cms.body_home [data-section="footer"] .footer__line, .secret-cms.body_home [data-section="footer"] .footer__content {transform: translateY(-30px) !important;} .secret-cms.body_home [data-section="resources"] .resources__help {transform: translateY(-92px) !important;} } :where(.secret-cms) .character-profile [data-equipment-slot="weapon-right"] .equipment-item img:not(.item-tooltip__image) {width: 62px !important; height: 62px !important; max-width: 62px !important; max-height: 62px !important; transform: none !important;} @media (max-width: 680px) { :where(.secret-cms) .page-card--rankings {width: calc(-28px + 100vw) !important; max-width: calc(-28px + 100vw) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; overflow: hidden !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; grid-template-areas: none !important; gap: 7px 8px !important; padding: 12px 10px 11px 56px !important; box-sizing: border-box !important; overflow: hidden !important;} :where(.secret-cms) .page-card--rankings .ranking-table td {box-sizing: border-box !important; max-width: 100% !important; min-width: 0px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="#"] {position: absolute !important; left: 12px !important; top: 12px !important; grid-area: auto !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Name"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Character"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Guild"] {grid-area: 1 / 1 / auto / 3 !important; padding-right: 4px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Class"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Master"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Role"] {grid-area: 2 / 1 / auto / 3 !important; padding-right: 4px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Status"] {grid-area: 1 / 3 / 3 / 4 !important; width: 64px !important; max-width: 64px !important; place-self: start end !important; overflow: visible !important;} :where(.secret-cms) .page-card--rankings .rank-status {width: 64px !important; min-width: 64px !important; max-width: 64px !important; padding: 6px 0px !important; box-sizing: border-box !important; text-align: center !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"] {grid-area: auto / 1 / auto / 2 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"] {grid-area: auto / 2 / auto / 3 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {grid-area: auto / 3 / auto / 4 !important;} } @media (max-width: 420px) { :where(.secret-cms) .page-card--rankings {width: calc(-20px + 100vw) !important; max-width: calc(-20px + 100vw) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; padding-left: 54px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Name"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Character"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Guild"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Class"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Master"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Role"] {grid-column: 1 / 2 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Status"] {grid-column: 2 / 3 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {grid-column: 1 / -1 !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="resources"] .resources__help {transform: translateY(-104px) !important;} } @media (min-width: 1200px) and (max-height: 860px) { .secret-cms.body_home [data-section="resources"] .resources__help {transform: translateY(-138px) !important;} } @media (max-width: 680px) { :where(.secret-cms), .secret-cms {max-width: 100% !important; overflow-x: hidden !important;} :where(.secret-cms) .page-card--rankings {width: auto !important; max-width: 100% !important; margin-left: 8px !important; margin-right: 8px !important; padding-left: 10px !important; padding-right: 10px !important; overflow: hidden !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .tabs, :where(.secret-cms) .page-card--rankings .ranking-search, :where(.secret-cms) .page-card--rankings .ranking-wrap, :where(.secret-cms) .page-card--rankings .table-wrap, :where(.secret-cms) .page-card--rankings .ranking-table, :where(.secret-cms) .page-card--rankings .ranking-table tbody {width: 100% !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; overflow: visible !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody {gap: 9px !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {width: 100% !important; max-width: 100% !important; min-width: 0px !important; grid-template-columns: minmax(0px, 1fr) 74px !important; grid-template-areas: "name status" "class status" "stats stats" !important; gap: 5px 8px !important; padding: 12px 10px 10px 48px !important; overflow: hidden !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="#"] {left: 10px !important; top: 12px !important; width: 30px !important; height: 30px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Name"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Character"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Guild"] {grid-area: auto !important; min-width: 0px !important; padding-right: 0px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Class"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Master"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Role"] {grid-area: auto !important; min-width: 0px !important; padding-right: 0px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Status"] {grid-area: auto !important; width: 74px !important; max-width: 74px !important; place-self: start end !important; overflow: hidden !important;} :where(.secret-cms) .page-card--rankings .rank-status {width: 74px !important; min-width: 0px !important; max-width: 74px !important; padding: 6px 0px !important; font-size: 10px !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {grid-area: auto !important; width: 100% !important; min-width: 0px !important; max-width: 100% !important; margin-top: 7px !important; overflow: hidden !important;} } @media (max-width: 420px) { :where(.secret-cms) .page-card--rankings {margin-left: 5px !important; margin-right: 5px !important; padding-left: 8px !important; padding-right: 8px !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {grid-template-columns: minmax(0px, 1fr) 66px !important; padding-left: 44px !important; padding-right: 8px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Status"], :where(.secret-cms) .page-card--rankings .rank-status {width: 66px !important; max-width: 66px !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="footer"] {bottom: 10px !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: translateY(-8px) !important;} .secret-cms.body_home [data-section="footer"] .footer__line, .secret-cms.body_home [data-section="footer"] .footer__content {transform: translateY(0px) !important;} .secret-cms.body_home [data-section="resources"] .resources__help {transform: translateY(-118px) !important; padding-bottom: 26px !important;} } @media (min-width: 1200px) and (max-height: 860px) { .secret-cms.body_home [data-section="footer"] {bottom: 14px !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: translateY(-10px) !important;} .secret-cms.body_home [data-section="resources"] .resources__help {transform: translateY(-156px) !important; padding-bottom: 34px !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="footer"] {bottom: 0px !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: translateY(8px) !important;} .secret-cms.body_home [data-section="footer"] .footer__line, .secret-cms.body_home [data-section="footer"] .footer__content {transform: translateY(8px) !important;} .secret-cms.body_home [data-section="resources"] .resources__help {transform: translateY(-132px) !important; padding-bottom: 44px !important;} } @media (min-width: 1200px) and (max-height: 860px) { .secret-cms.body_home [data-section="footer"] {bottom: 0px !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: translateY(12px) !important;} .secret-cms.body_home [data-section="footer"] .footer__line, .secret-cms.body_home [data-section="footer"] .footer__content {transform: translateY(10px) !important;} .secret-cms.body_home [data-section="resources"] .resources__help {transform: translateY(-170px) !important; padding-bottom: 54px !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="footer"] {bottom: -26px !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns, .secret-cms.body_home [data-section="footer"] .footer__line, .secret-cms.body_home [data-section="footer"] .footer__content {transform: none !important;} } @media (min-width: 1200px) and (max-height: 860px) { .secret-cms.body_home [data-section="footer"] {bottom: -34px !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="resources"] .resources__files {position: relative !important; z-index: 30 !important; transform: translateY(-72px) !important; padding-bottom: 126px !important; box-sizing: border-box !important;} .secret-cms.body_home [data-section="resources"] .resources__downloads-list {padding-bottom: 36px !important;} } @media (min-width: 1200px) and (max-height: 860px) { .secret-cms.body_home [data-section="resources"] .resources__files {transform: translateY(-96px) !important; padding-bottom: 148px !important;} .secret-cms.body_home [data-section="resources"] .resources__downloads-list {padding-bottom: 52px !important;} } @media (min-width: 1200px) { :where(.secret-cms) .servers-desktop .server-list {display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; pointer-events: auto !important;} :where(.secret-cms) .servers-desktop .server-stream-box.home-stream-box {position: relative !important; inset: auto !important; transform: none !important; width: min(340px, -32px + 100vw) !important; min-height: auto !important; margin: 2px 0px 0px !important; padding: 14px 16px !important; pointer-events: auto !important; border: 1px solid rgba(190, 134, 62, 0.58) !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.38)) !important; box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 30px inset !important; box-sizing: border-box !important;} :where(.secret-cms) .servers-desktop .server-stream-box .home-stream-box__head {display: grid !important; grid-template-columns: auto 1fr !important; gap: 12px !important; align-items: center !important; margin-bottom: 10px !important;} :where(.secret-cms) .servers-desktop .server-stream-box .home-stream-box__head strong {min-width: 0px !important; overflow: hidden !important; text-align: right !important; text-overflow: ellipsis !important; white-space: nowrap !important;} :where(.secret-cms) .servers-desktop .server-stream-box p, :where(.secret-cms) .servers-desktop .server-stream-box .home-stream-box__meta {margin: 0px 0px 12px !important; font-size: 15px !important; line-height: 1.25 !important;} :where(.secret-cms) .servers-desktop .server-stream-box .bt {width: 100% !important; min-width: 0px !important; height: 38px !important;} } @media (max-width: 1199px) { :where(.secret-cms) .servers-desktop .server-stream-box {display: none !important;} } @media (min-width: 1200px) { :where(.secret-cms) .servers-desktop .server-stream-box.home-stream-box {width: calc(25rem * var(--server-scale)) !important; padding: calc(1rem * var(--server-scale)) calc(0.875rem * var(--server-scale)) calc(0.875rem * var(--server-scale)) calc(2.5rem * var(--server-scale)) !important; border: 0px !important; background-color: transparent !important; background-image: url("../../legacyx/images/server/server-bg.png") !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; font-family: var(--font-1, "Trajan Pro 3", "Times New Roman", serif) !important; display: grid !important; align-content: center !important; gap: calc(0.625rem * var(--server-scale)) !important;} :where(.secret-cms) .servers-desktop .server-stream-box.home-stream-box::before {content: "" !important; position: absolute !important; left: calc(0.3125rem * var(--server-scale)) !important; top: calc(2.625rem * var(--server-scale)) !important; width: calc(1.0625rem * var(--server-scale)) !important; height: calc(1.0625rem * var(--server-scale)) !important; background: url("../../legacyx/images/server/server-on.png") center center / cover no-repeat !important; pointer-events: none !important;} :where(.secret-cms) .servers-desktop .server-stream-box .home-stream-box__head {margin: 0px !important; gap: calc(0.5rem * var(--server-scale)) !important;} :where(.secret-cms) .servers-desktop .server-stream-box .home-stream-box__head span {color: rgb(197, 160, 89) !important; font-family: var(--font-3, "Intro Book", intro, Arial, sans-serif) !important; font-size: calc(0.75rem * var(--server-scale)) !important; line-height: 1 !important;} :where(.secret-cms) .servers-desktop .server-stream-box .home-stream-box__head strong {color: rgb(255, 255, 255) !important; font-size: calc(1.05rem * var(--server-scale)) !important; font-weight: 400 !important; line-height: 1.1 !important; text-align: right !important;} :where(.secret-cms) .servers-desktop .server-stream-box p, :where(.secret-cms) .servers-desktop .server-stream-box .home-stream-box__meta {margin: 0px !important; color: rgba(255, 255, 255, 0.82) !important; font-family: var(--font-3, "Intro Book", intro, Arial, sans-serif) !important; font-size: calc(0.82rem * var(--server-scale)) !important; line-height: 1.25 !important;} :where(.secret-cms) .servers-desktop .server-stream-box .bt {width: 100% !important; min-width: 0px !important; height: calc(2rem * var(--server-scale)) !important; margin-top: calc(0.125rem * var(--server-scale)) !important; font-size: calc(0.7rem * var(--server-scale)) !important;} } @media (min-width: 1200px) { :where(.secret-cms) .mobile-server-stack {display: none !important;} } @media (max-width: 1199px) { :where(.secret-cms) .hero__servers {display: block !important; width: 100% !important; max-width: 23rem !important; margin: 1.35rem auto 0px !important; pointer-events: auto !important;} :where(.secret-cms) .mobile-server-stack {--server-scale: .78; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; gap: 0.65rem !important; margin: 0px auto !important; padding: 0px !important; pointer-events: auto !important;} :where(.secret-cms) .mobile-server-stack .server {width: min(100%, calc(25rem * var(--server-scale))) !important; height: calc(6.125rem * var(--server-scale)) !important; margin: 0px !important; pointer-events: auto !important;} :where(.secret-cms) .mobile-server-stack .server__container {padding-left: calc(2.75rem * var(--server-scale)) !important; padding-right: calc(1rem * var(--server-scale)) !important;} :where(.secret-cms) .mobile-server-stack .server__title {font-size: calc(1.05rem * var(--server-scale)) !important; line-height: 1.1 !important;} :where(.secret-cms) .mobile-server-stack .server__count {font-size: calc(.95rem * var(--server-scale)) !important;} :where(.secret-cms) .mobile-server-stack .server__bonusbox, :where(.secret-cms) .mobile-server-stack .server__gift {transform: scale(0.78) !important; transform-origin: right center !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box.home-stream-box {display: grid !important; position: relative !important; inset: auto !important; width: min(100%, calc(25rem * var(--server-scale))) !important; min-height: calc(9.75rem * var(--server-scale)) !important; margin: 0px !important; padding: calc(.95rem * var(--server-scale)) calc(.85rem * var(--server-scale)) calc(.85rem * var(--server-scale)) calc(2.55rem * var(--server-scale)) !important; border: 0px !important; background-color: transparent !important; background-image: url("../../legacyx/images/server/server-bg.png") !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; box-shadow: none !important; align-content: center !important; gap: calc(.55rem * var(--server-scale)) !important; color: rgb(255, 255, 255) !important; pointer-events: auto !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box.home-stream-box::before {content: "" !important; position: absolute !important; left: calc(.3125rem * var(--server-scale)) !important; top: calc(2.55rem * var(--server-scale)) !important; width: calc(1.0625rem * var(--server-scale)) !important; height: calc(1.0625rem * var(--server-scale)) !important; background: url("../../legacyx/images/server/server-on.png") center center / cover no-repeat !important; pointer-events: none !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box__head {display: grid !important; grid-template-columns: auto 1fr !important; align-items: center !important; gap: calc(.5rem * var(--server-scale)) !important; margin: 0px !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box__head span {color: rgb(197, 160, 89) !important; font-family: var(--font-3, "Intro Book", intro, Arial, sans-serif) !important; font-size: calc(.74rem * var(--server-scale)) !important; line-height: 1 !important; text-transform: uppercase !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box__head strong {min-width: 0px !important; overflow: hidden !important; color: rgb(255, 255, 255) !important; font-size: calc(1rem * var(--server-scale)) !important; font-weight: 400 !important; line-height: 1.1 !important; text-align: right !important; text-overflow: ellipsis !important; white-space: nowrap !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box p, :where(.secret-cms) .mobile-server-stack .home-stream-box__meta {margin: 0px !important; color: rgba(255, 255, 255, 0.82) !important; font-family: var(--font-3, "Intro Book", intro, Arial, sans-serif) !important; font-size: calc(.8rem * var(--server-scale)) !important; line-height: 1.25 !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box .bt {width: 100% !important; min-width: 0px !important; height: calc(2rem * var(--server-scale)) !important; margin: 0px !important; font-size: calc(.68rem * var(--server-scale)) !important;} } @media (max-width: 420px) { :where(.secret-cms) .hero__servers {max-width: 21rem !important; margin-top: 1.1rem !important;} :where(.secret-cms) .mobile-server-stack {--server-scale: .72; gap: 0.5rem !important;} } :where(.secret-cms) .layout-mobile-servers {display: none;} @media (max-width: 1199px) { .secret-cms.body_inner .layout-mobile-servers {display: block !important; position: relative !important; z-index: 5 !important; width: 100% !important; box-sizing: border-box !important; padding: calc(var(--navigation-height, 4.375rem) + .75rem) 1rem 0 !important; pointer-events: auto !important;} .secret-cms.body_inner .layout-mobile-servers .mobile-server-stack {--server-scale: .72; max-width: 21rem !important; gap: 0.5rem !important;} .secret-cms.body_inner .layout-mobile-servers + .page_inner .legacyx-cms-section {padding-top: 1.25rem !important;} } :where(.secret-cms) .server-stream-box.home-stream-box {position: relative !important;} :where(.secret-cms) .server-stream-box.home-stream-box::before {background-image: url("../../legacyx/images/server/server-off.png") !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important;} :where(.secret-cms) .server-stream-box.home-stream-box.server-stream-box--live::before {background-image: url("../../legacyx/images/server/server-on.png") !important;} :where(.secret-cms) .server-stream-box.home-stream-box.server-stream-box--offline::before {background-image: url("../../legacyx/images/server/server-off.png") !important;} :where(.secret-cms) .server-stream-box .home-stream-box__head {display: flex !important; align-items: center !important; justify-content: center !important; grid-template-columns: 1fr !important; width: 100% !important; margin: 0px !important; text-align: center !important;} :where(.secret-cms) .server-stream-box .home-stream-box__head strong {display: block !important; width: 100% !important; min-width: 0px !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important;} :where(.secret-cms) .server-stream-box .bt {place-self: center !important; width: 9.75rem !important; min-width: 0px !important; max-width: 100% !important; height: 2.6rem !important; margin: 0px auto !important; white-space: normal !important; line-height: 1.05 !important;} @media (min-width: 1200px) { :where(.secret-cms) .servers-desktop .server-stream-box.home-stream-box {min-height: auto !important;} :where(.secret-cms) .servers-desktop .server-stream-box.home-stream-box::before {left: calc(.375rem * var(--server-scale, 1)) !important; top: 50% !important; transform: translateY(-50%) !important;} :where(.secret-cms) .servers-desktop .server-stream-box .bt {height: calc(2.35rem * var(--server-scale, 1)) !important; font-size: calc(.7rem * var(--server-scale, 1)) !important;} } @media (max-width: 1199px) { :where(.secret-cms) .mobile-server-stack .server {display: none !important;} :where(.secret-cms) .hero__servers {margin-top: 1.2rem !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box.home-stream-box {width: min(100%, calc(22.5rem * var(--server-scale, .78))) !important; min-height: auto !important; padding: calc(.9rem * var(--server-scale, .78)) calc(1rem * var(--server-scale, .78)) calc(.9rem * var(--server-scale, .78)) calc(2.2rem * var(--server-scale, .78)) !important; gap: calc(.5rem * var(--server-scale, .78)) !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box.home-stream-box::before {left: calc(.375rem * var(--server-scale, .78)) !important; top: 50% !important; width: calc(1.52rem * var(--server-scale, .78)) !important; height: calc(1.52rem * var(--server-scale, .78)) !important; transform: translateY(-50%) !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box__head {justify-content: center !important; text-align: center !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box__head strong {font-size: calc(1rem * var(--server-scale, .78)) !important; text-align: center !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box p, :where(.secret-cms) .mobile-server-stack .home-stream-box__meta {width: 100% !important; text-align: center !important;} :where(.secret-cms) .mobile-server-stack .home-stream-box .bt {width: 9.75rem !important; height: 2.65rem !important; font-size: 0.68rem !important; line-height: 1.05 !important;} :where(.secret-cms) .layout-mobile-servers {padding-top: calc(var(--navigation-height, 4.375rem) + .25rem) !important;} } :where(.secret-cms) .server-stream-box.home-stream-box::before {display: none !important; content: none !important;} @media (max-width: 1199px) { .secret-cms.body_inner .layout-mobile-servers {display: none !important;} .secret-cms.body_home .hero__servers {display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin: -0.25rem auto 0px !important;} .secret-cms.body_home .hero__servers .mobile-server-stack {display: flex !important; justify-content: center !important; align-items: center !important; width: calc(var(--btn-w, 24.75rem) * var(--btn-scale, .7)) !important; max-width: 100% !important; margin: 0px auto !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box.home-stream-box {display: flex !important; position: relative !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: calc(var(--btn-w, 24.75rem) * var(--btn-scale, .7)) !important; max-width: 100% !important; height: calc(var(--btn-h, 7.3125rem) * var(--btn-scale, .7)) !important; aspect-ratio: auto !important; min-height: 0px !important; margin: 0px auto !important; padding: calc(1.25rem * var(--btn-scale, .7)) calc(2.5rem * var(--btn-scale, .7)) !important; border: 0px !important; overflow: visible !important; background-color: transparent !important; background-image: url("../../legacyx/images/btn/btn.png") !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; box-shadow: none !important; gap: 0.35rem !important; text-align: center !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box.home-stream-box::before, :where(.secret-cms) .mobile-server-stack .server-stream-box.home-stream-box::after {display: none !important; content: none !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box .home-stream-box__head {display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0px !important; text-align: center !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box .home-stream-box__head strong {display: block !important; width: 100% !important; min-width: 0px !important; overflow: hidden !important; color: rgb(255, 255, 255) !important; font-size: clamp(0.82rem, 3vw, 1rem) !important; font-weight: 400 !important; line-height: 1.05 !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box p, :where(.secret-cms) .mobile-server-stack .server-stream-box .home-stream-box__meta {display: none !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box .bt {display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 6.25rem !important; min-width: 0px !important; max-width: 6.25rem !important; height: auto !important; min-height: 1.3rem !important; margin: 0px auto !important; padding: 0px !important; border: 0px !important; background: none !important; color: rgba(255, 255, 255, 0.72) !important; font-size: 0.56rem !important; line-height: 0.88 !important; text-align: center !important; text-transform: uppercase !important; white-space: normal !important;} :where(.secret-cms) .mobile-server-stack .server-stream-box .bt::before, :where(.secret-cms) .mobile-server-stack .server-stream-box .bt::after {display: none !important; content: none !important;} } @media (max-width: 420px) { :where(.secret-cms) .mobile-server-stack .server-stream-box.home-stream-box {width: calc(var(--btn-w, 24.75rem) * var(--btn-scale, .7)) !important; height: calc(var(--btn-h, 7.3125rem) * var(--btn-scale, .7)) !important; padding-right: calc(2.5rem * var(--btn-scale, .7)) !important; padding-left: calc(2.5rem * var(--btn-scale, .7)) !important;} } @media (max-width: 1199px) { .secret-cms.body_home .hero__servers, .secret-cms.body_inner .layout-mobile-servers {display: none !important;} } @media (min-width: 1200px) { :where(.secret-cms) .servers-desktop .server-stream-box .bt {width: calc(8.75rem * var(--server-scale, 1)) !important; max-width: calc(8.75rem * var(--server-scale, 1)) !important; height: calc((2.35rem * var(--server-scale, 1)) + 2px) !important;} } :where(.secret-cms) .admin-payment-status {display: inline-flex; align-items: center; justify-content: center; min-width: 8.5rem; margin: 0px 0px 0.25rem; padding: 0.35rem 0.55rem; border: 1px solid rgba(52, 73, 94, 0.18); border-radius: 0.25rem; background: rgba(52, 73, 94, 0.08); color: rgb(52, 73, 94); font-weight: 700; line-height: 1.15; text-align: center;} :where(.secret-cms) .admin-payment-status--success {border-color: rgba(39, 174, 96, 0.35); background: rgba(39, 174, 96, 0.12); color: rgb(22, 138, 68);} :where(.secret-cms) .admin-payment-status--wait {border-color: rgba(243, 156, 18, 0.35); background: rgba(243, 156, 18, 0.12); color: rgb(155, 101, 8);} :where(.secret-cms) .admin-payment-status--danger {border-color: rgba(231, 76, 60, 0.35); background: rgba(231, 76, 60, 0.12); color: rgb(184, 50, 36);} :where(.secret-cms) .admin-payment-status--muted {color: rgb(52, 73, 94);} :where(.secret-cms) .admin-table td form .button--small {white-space: nowrap;} :where(.secret-cms) .admin-table td form + form {margin-top: 0.35rem;} @media (max-width: 560px) { :where(.secret-cms) .page-card--rankings {width: calc(-2rem + 100vw) !important; max-width: calc(-2rem + 100vw) !important; margin-right: auto !important; margin-left: auto !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; overflow: hidden !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .tabs {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.5rem !important; width: 100% !important;} :where(.secret-cms) .page-card--rankings .tabs a {width: 100% !important; min-width: 0px !important; height: 3.25rem !important; padding: 0px 0.45rem !important; font-size: 0.7rem !important; white-space: normal !important;} :where(.secret-cms) .page-card--rankings .ranking-search, :where(.secret-cms) .page-card--rankings .table-wrap, :where(.secret-cms) .page-card--rankings .ranking-wrap {width: 100% !important; max-width: 100% !important; margin-right: 0px !important; margin-left: 0px !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings table.ranking-table, :where(.secret-cms) .page-card--rankings .ranking-table {width: 100% !important; min-width: 0px !important; table-layout: fixed !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody {display: grid !important; gap: 0.75rem !important; width: 100% !important;} :where(.secret-cms) .page-card--rankings .ranking-table tr {display: grid !important; grid-template-columns: 2.55rem minmax(0px, 1fr) minmax(4.7rem, 5.4rem) !important; gap: 0.45rem 0.55rem !important; width: 100% !important; max-width: 100% !important; margin: 0px !important; padding: 0.7rem !important; overflow: hidden !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .ranking-table td, :where(.secret-cms) .page-card--rankings .ranking-table th {min-width: 0px !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="#"] {grid-area: 1 / 1 / span 2 !important; width: 2.35rem !important; height: 2.35rem !important; place-self: start !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Name"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Character"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Guild"] {grid-area: 1 / 2 !important; padding-right: 0px !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Status"] {grid-area: 1 / 3 !important; justify-self: stretch !important; width: 100% !important; padding: 0px !important;} :where(.secret-cms) .page-card--rankings .rank-status {width: 100% !important; min-width: 0px !important; max-width: 100% !important; padding: 0.45rem 0.35rem !important; font-size: 0.64rem !important; text-align: center !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Class"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Master"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Role"] {grid-area: 2 / 2 / auto / 4 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {grid-area: auto !important; min-height: 2.6rem !important;} } :where(.secret-cms) .admin-backup-actions, :where(.secret-cms) .admin-backup-toolbar {display: flex; align-items: center; gap: 8px; flex-wrap: wrap;} :where(.secret-cms) .admin-backup-actions form, :where(.secret-cms) .admin-backup-toolbar form {margin: 0px;} :where(.secret-cms) .admin-backup-summary {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin: 14px 0px;} :where(.secret-cms) .admin-backup-summary div {border: 1px solid rgb(215, 220, 224); background: rgb(247, 249, 250); padding: 12px; color: rgb(52, 73, 94);} :where(.secret-cms) .admin-backup-summary span {display: block; margin-bottom: 6px; font-size: 11px; text-transform: uppercase; color: rgb(107, 124, 139);} :where(.secret-cms) .admin-backup-summary strong {display: block; color: rgb(52, 73, 94); overflow-wrap: anywhere;} :where(.secret-cms) .admin-backup-diff table {table-layout: fixed; min-width: 980px;} :where(.secret-cms) .admin-backup-diff th:nth-child(1), :where(.secret-cms) .admin-backup-diff td:nth-child(1) {width: 110px;} :where(.secret-cms) .admin-backup-diff th:nth-child(2), :where(.secret-cms) .admin-backup-diff td:nth-child(2) {width: 230px;} :where(.secret-cms) .admin-backup-diff code {color: rgb(52, 73, 94); white-space: normal; overflow-wrap: anywhere;} :where(.secret-cms) .admin-backup-diff__value {max-height: 220px; margin: 0px; padding: 8px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid rgb(215, 220, 224); background: rgb(255, 255, 255); color: rgb(52, 73, 94); font: 12px / 1.45 Consolas, Monaco, monospace;} :where(.secret-cms) .admin-backup-status {display: inline-flex; align-items: center; min-height: 24px; padding: 3px 8px; border-radius: 3px; font-size: 12px; font-weight: 700;} :where(.secret-cms) .admin-backup-status--changed {background: rgb(255, 243, 205); color: rgb(133, 100, 4);} :where(.secret-cms) .admin-backup-status--added {background: rgb(212, 237, 218); color: rgb(21, 87, 36);} :where(.secret-cms) .admin-backup-status--removed {background: rgb(248, 215, 218); color: rgb(114, 28, 36);} :where(.secret-cms) .admin-backup-raw {margin-top: 18px;} :where(.secret-cms) .admin-backup-raw details {margin: 10px 0px; border: 1px solid rgb(215, 220, 224); background: rgb(247, 249, 250);} :where(.secret-cms) .admin-backup-raw summary {cursor: pointer; padding: 10px 12px; color: rgb(52, 73, 94); font-weight: 700;} :where(.secret-cms) .admin-backup-raw pre {max-height: 480px; margin: 0px; padding: 12px; overflow: auto; background: rgb(16, 24, 32); color: rgb(219, 231, 244); font: 12px / 1.45 Consolas, Monaco, monospace;} @media (max-width: 900px) { :where(.secret-cms) .admin-backup-summary {grid-template-columns: 1fr;} } :where(.secret-cms) .admin-item-audit-form {grid-template-columns: repeat(7, minmax(120px, 1fr)) auto auto; align-items: end;} :where(.secret-cms) .admin-item-audit-summary {display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; margin: 12px 0px;} :where(.secret-cms) .admin-item-audit-summary div {padding: 12px; border: 1px solid rgb(215, 220, 224); background: rgb(247, 249, 250); color: rgb(52, 73, 94);} :where(.secret-cms) .admin-item-audit-summary span {display: block; margin-bottom: 5px; color: rgb(107, 124, 139); font-size: 11px; text-transform: uppercase;} :where(.secret-cms) .admin-item-audit-summary strong {color: rgb(52, 73, 94); font-size: 20px;} :where(.secret-cms) .admin-item-audit-table table {min-width: 1180px;} :where(.secret-cms) .admin-item-audit-item {display: flex; align-items: center; gap: 12px; min-width: 240px;} :where(.secret-cms) .admin-item-audit-item img {width: 52px; height: 52px; object-fit: contain; padding: 4px; border: 1px solid rgb(38, 56, 69); background: rgb(5, 9, 13);} :where(.secret-cms) .admin-item-audit-item strong, :where(.secret-cms) .admin-item-audit-item span {display: block;} :where(.secret-cms) .admin-item-audit-item span {margin-top: 4px; color: rgb(107, 124, 139); font-size: 12px;} :where(.secret-cms) .admin-item-code {display: block; max-width: 220px; white-space: normal; overflow-wrap: anywhere; color: rgb(52, 73, 94); font-size: 11px;} @media (max-width: 1200px) { :where(.secret-cms) .admin-item-audit-form, :where(.secret-cms) .admin-item-audit-summary {grid-template-columns: repeat(2, minmax(0px, 1fr));} } :where(.secret-cms) .admin-warehouse-tools {display: grid; grid-template-columns: minmax(0px, 1fr); gap: 14px; margin: 12px 0px 18px;} :where(.secret-cms) .admin-warehouse-form {display: grid; gap: 10px; padding: 12px; border: 1px solid rgb(215, 220, 224); background: rgb(247, 249, 250); color: rgb(52, 73, 94);} :where(.secret-cms) .admin-warehouse-form h4 {margin: 0px; color: rgb(52, 73, 94); font-size: 15px;} :where(.secret-cms) .admin-warehouse-form__grid {display: grid; grid-template-columns: repeat(3, minmax(95px, 1fr)); gap: 8px; align-items: end;} :where(.secret-cms) .admin-warehouse-form__category, :where(.secret-cms) .admin-warehouse-form__item {grid-column: 1 / -1;} :where(.secret-cms) .admin-warehouse-form label {display: grid; gap: 4px; color: rgb(52, 73, 94); font-size: 12px; font-weight: 700;} :where(.secret-cms) .admin-warehouse-form input, :where(.secret-cms) .admin-warehouse-form select {width: 100%; min-width: 0px; border: 1px solid rgb(207, 214, 220); background: rgb(255, 255, 255); color: rgb(52, 73, 94); padding: 8px 9px; box-sizing: border-box;} :where(.secret-cms) .admin-warehouse-form input[readonly] {background: rgb(238, 242, 244); color: rgb(104, 119, 131);} :where(.secret-cms) .admin-warehouse-checks {display: flex; flex-wrap: wrap; gap: 8px 12px;} :where(.secret-cms) .admin-warehouse-checks label {display: inline-flex; grid-auto-flow: column; align-items: center; gap: 5px; font-size: 12px; font-weight: 700;} :where(.secret-cms) .admin-warehouse-form__actions {display: flex; flex-wrap: wrap; gap: 8px;} :where(.secret-cms) .item-tooltip__meta {margin: 3px 0px 7px; color: rgb(215, 220, 224); font-size: 11px; text-align: center;} @media (max-width: 760px) { :where(.secret-cms) .admin-warehouse-form__grid {grid-template-columns: 1fr;} } :where(.secret-cms) .admin-warehouse-card .warehouse-slot__label {display: none;} :where(.secret-cms) .page-card--market {max-width: 1180px;} :where(.secret-cms) .market-toolbar {display: grid; gap: 14px; margin: 18px 0px 22px;} :where(.secret-cms) .market-filter {display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)) auto auto auto; gap: 10px; align-items: end;} :where(.secret-cms) .market-filter label {display: grid; gap: 5px; color: rgb(205, 184, 135); font-size: 12px; font-weight: 700; text-transform: uppercase;} :where(.secret-cms) .market-filter input, :where(.secret-cms) .market-filter select {min-height: 42px; border: 1px solid rgba(177, 125, 45, 0.75); background: rgba(0, 0, 0, 0.55); color: rgb(255, 248, 223); padding: 0px 12px; box-sizing: border-box;} :where(.secret-cms) .market-toolbar__link {min-width: 120px;} :where(.secret-cms) .market-note, :where(.secret-cms) .market-empty {border: 1px solid rgba(177, 125, 45, 0.55); background: rgba(0, 0, 0, 0.42); color: rgb(215, 208, 192); padding: 12px 14px; font-weight: 700;} :where(.secret-cms) .market-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px;} :where(.secret-cms) .market-card {display: grid; grid-template-columns: 82px minmax(0px, 1fr); gap: 14px; position: relative; padding: 14px; border: 1px solid rgba(177, 125, 45, 0.75); background: linear-gradient(135deg, rgba(0, 0, 0, 0.78), rgba(34, 22, 13, 0.58)); color: rgb(255, 248, 223);} :where(.secret-cms) .market-card__image {width: 76px; height: 76px; border: 1px solid rgba(177, 125, 45, 0.45); background: rgba(0, 0, 0, 0.45);} :where(.secret-cms) .market-card__image > img {width: 100%; height: 100%; object-fit: contain;} :where(.secret-cms) .market-card__body h2 {margin: 0px 0px 10px; font-size: 18px; line-height: 1.15;} :where(.secret-cms) .market-card__body dl {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px 10px; margin: 0px;} :where(.secret-cms) .market-card__body dl div {min-width: 0px;} :where(.secret-cms) .market-card__body dt {color: rgb(205, 184, 135); font-size: 10px; font-weight: 800; text-transform: uppercase;} :where(.secret-cms) .market-card__body dd {margin: 2px 0px 0px; color: rgb(255, 255, 255); font-weight: 800; overflow-wrap: anywhere;} :where(.secret-cms) .market-card__body p {margin: 10px 0px 0px; color: rgb(215, 208, 192); font-size: 12px;} :where(.secret-cms) .market-card__actions {grid-column: 1 / -1; display: flex; justify-content: flex-end;} :where(.secret-cms) .market-card .item-tooltip {z-index: 30000;} :where(.secret-cms) .warehouse-slot {overflow: visible;} :where(.secret-cms) .warehouse-market-sell {display: none; position: absolute; left: 50%; top: calc(100% + 6px); z-index: 25000; width: 184px; transform: translateX(-50%); gap: 5px; padding: 8px; border: 1px solid rgba(177, 125, 45, 0.85); background: rgba(4, 6, 8, 0.96); box-shadow: rgba(0, 0, 0, 0.55) 0px 10px 28px;} :where(.secret-cms) .warehouse-slot:hover .warehouse-market-sell, :where(.secret-cms) .warehouse-slot:focus-within .warehouse-market-sell {display: grid;} :where(.secret-cms) .warehouse-market-sell input, :where(.secret-cms) .warehouse-market-sell button {width: 100%; min-width: 0px; box-sizing: border-box; border: 1px solid rgba(177, 125, 45, 0.65); background: rgba(0, 0, 0, 0.65); color: rgb(255, 248, 223); padding: 6px 7px; font-size: 11px; font-weight: 700;} :where(.secret-cms) .warehouse-market-sell button {cursor: pointer; background: rgba(177, 125, 45, 0.85); color: rgb(255, 255, 255);} :where(.secret-cms) .admin-market-settings .admin-server-extra__grid {grid-template-columns: repeat(4, minmax(130px, 1fr));} :where(.secret-cms) .admin-market-categories {display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 12px 0px; color: rgb(52, 73, 94); font-weight: 700;} :where(.secret-cms) .admin-market-categories label, :where(.secret-cms) .admin-market-settings label {color: rgb(52, 73, 94);} :where(.secret-cms) .admin-market-table table {min-width: 980px;} @media (max-width: 980px) { :where(.secret-cms) .market-filter, :where(.secret-cms) .admin-market-settings .admin-server-extra__grid {grid-template-columns: repeat(2, minmax(0px, 1fr));} } @media (max-width: 620px) { :where(.secret-cms) .market-filter, :where(.secret-cms) .market-card, :where(.secret-cms) .market-card__body dl {grid-template-columns: 1fr;} :where(.secret-cms) .market-card__image {margin: 0px auto;} } :where(.secret-cms) .page-card--market {max-width: min(72rem, -3rem + 100vw);} :where(.secret-cms) .market-toolbar {gap: 1rem;} :where(.secret-cms) .market-filter {grid-template-columns: repeat(5, minmax(7rem, 1fr)) auto auto auto; align-items: end; gap: 0.75rem;} :where(.secret-cms) .market-filter label {font-size: 0.72rem;} :where(.secret-cms) .market-filter input, :where(.secret-cms) .market-filter select {min-height: 2.7rem; font-size: 0.78rem;} :where(.secret-cms) .market-filter .btn, :where(.secret-cms) .market-toolbar__link {min-width: 8.5rem; min-height: 2.75rem; padding: 0px 0.9rem; font-size: 0.82rem;} :where(.secret-cms) .market-grid {grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 1rem;} :where(.secret-cms) .market-card {display: grid; grid-template-columns: 4.75rem minmax(0px, 1fr); align-items: start; gap: 0.75rem; min-height: 0px; padding: 0.8rem;} :where(.secret-cms) .market-card__image {width: 4.75rem; height: 6.4rem; min-width: 4.75rem;} :where(.secret-cms) .market-card__image > img {max-width: 92%; max-height: 92%;} :where(.secret-cms) .market-card__body h2 {margin-bottom: 0.45rem; font-size: 1.05rem; line-height: 1.02;} :where(.secret-cms) .market-card__body dl {grid-template-columns: 1fr; gap: 0.35rem; font-size: 0.72rem;} :where(.secret-cms) .market-card__body dl div {min-width: 0px;} :where(.secret-cms) .market-card__body dt {font-size: 0.62rem;} :where(.secret-cms) .market-card__body dd {font-size: 0.74rem; overflow-wrap: anywhere;} :where(.secret-cms) .market-card__body p {margin-top: 0.45rem; font-size: 0.72rem;} :where(.secret-cms) .market-card__actions {grid-column: 1 / -1; width: 100%; margin-top: 0.15rem;} :where(.secret-cms) .market-card__actions form, :where(.secret-cms) .market-card__actions .btn {width: 100%;} :where(.secret-cms) .market-card__actions .btn {min-width: 0px; min-height: 2.85rem; padding: 0px 0.8rem; font-size: 0.88rem;} :where(.secret-cms) .web-storage-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr)); gap: 1rem; margin: 1rem 0px 2rem;} :where(.secret-cms) .web-storage-card {position: relative; display: grid; grid-template-columns: 4.5rem minmax(0px, 1fr); gap: 0.75rem; align-items: center; padding: 0.85rem; border: 1px solid rgba(180, 128, 43, 0.42); background: linear-gradient(135deg, rgba(7, 10, 13, 0.82), rgba(34, 20, 11, 0.55));} :where(.secret-cms) .web-storage-card__image {width: 4.5rem; height: 5.4rem;} :where(.secret-cms) .web-storage-card__image img {max-width: 92%; max-height: 92%; object-fit: contain;} :where(.secret-cms) .web-storage-card__body {display: grid; gap: 0.3rem; min-width: 0px;} :where(.secret-cms) .web-storage-card__body strong {color: rgb(255, 228, 155); font-family: var(--font-serif); font-size: 1rem; line-height: 1.05;} :where(.secret-cms) .web-storage-card__body span {color: rgba(255, 240, 205, 0.72); font-size: 0.72rem;} :where(.secret-cms) .web-storage-card form {grid-column: 1 / -1;} :where(.secret-cms) .web-storage-card .button {width: 100%; min-height: 2.6rem; padding: 0px 0.8rem; font-size: 0.82rem;} @media (max-width: 900px) { :where(.secret-cms) .page-card--market {max-width: calc(-1.5rem + 100vw);} :where(.secret-cms) .market-filter {grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.secret-cms) .market-filter .btn, :where(.secret-cms) .market-toolbar__link {width: 100%; min-width: 0px;} :where(.secret-cms) .market-grid, :where(.secret-cms) .web-storage-grid {grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.75rem;} :where(.secret-cms) .market-card, :where(.secret-cms) .web-storage-card {grid-template-columns: 4rem minmax(0px, 1fr); padding: 0.7rem;} :where(.secret-cms) .market-card__image, :where(.secret-cms) .web-storage-card__image {width: 4rem; height: 5rem; min-width: 4rem;} } @media (max-width: 520px) { :where(.secret-cms) .market-filter, :where(.secret-cms) .market-grid, :where(.secret-cms) .web-storage-grid {grid-template-columns: 1fr;} } :where(.secret-cms) .page-card--market {max-width: min(64rem, -3rem + 100vw);} :where(.secret-cms) .market-toolbar {max-width: 100%;} :where(.secret-cms) .market-filter {flex-wrap: wrap; align-items: flex-end; gap: 0.55rem; display: flex !important;} :where(.secret-cms) .market-filter label {flex: 0 1 7.2rem; min-width: 6.8rem;} :where(.secret-cms) .market-filter__search {flex: 1 1 13rem !important; min-width: 13rem !important;} :where(.secret-cms) .market-filter input, :where(.secret-cms) .market-filter select {min-height: 2.2rem; padding: 0px 0.55rem; font-size: 0.72rem;} :where(.secret-cms) .market-filter__flags {display: flex; flex: 1 0 100%; flex-wrap: wrap; gap: 0.35rem 0.5rem; margin-top: 0.1rem;} :where(.secret-cms) .market-filter__flags label {display: inline-flex; flex: 0 0 auto; min-width: 0px; height: 1.75rem; align-items: center; gap: 0.3rem; padding: 0px 0.55rem; border: 1px solid rgba(177, 125, 45, 0.5); background: rgba(0, 0, 0, 0.34); color: rgb(255, 229, 168); font-size: 0.66rem; line-height: 1;} :where(.secret-cms) .market-filter__flags input {width: 0.78rem; height: 0.78rem; min-height: 0px; margin: 0px;} :where(.secret-cms) .market-filter .btn, :where(.secret-cms) .market-toolbar__link {min-width: 7.2rem; min-height: 2.25rem; padding: 0px 0.6rem; font-size: 0.72rem;} :where(.secret-cms) .market-note, :where(.secret-cms) .market-empty {padding: 0.65rem 0.8rem; font-size: 0.78rem; line-height: 1.35;} :where(.secret-cms) .market-grid {grid-template-columns: repeat(auto-fill, minmax(10.75rem, 10.75rem)); gap: 0.7rem; align-items: start;} :where(.secret-cms) .market-card {width: 10.75rem; grid-template-columns: 3.25rem minmax(0px, 1fr); gap: 0.55rem; padding: 0.62rem; min-height: 0px;} :where(.secret-cms) .market-card__image {width: 3.25rem; height: 5rem; min-width: 3.25rem; align-self: start;} :where(.secret-cms) .market-card__image > img {width: auto; height: auto; max-width: 62%; max-height: 84%; object-fit: contain;} :where(.secret-cms) .market-card__body h2 {margin: 0px 0px 0.32rem; font-size: 0.88rem; line-height: 1.04; overflow-wrap: anywhere;} :where(.secret-cms) .market-card__body dl {display: none;} :where(.secret-cms) .market-card__meta {display: grid; gap: 0.16rem; min-width: 0px;} :where(.secret-cms) .market-card__meta span, :where(.secret-cms) .market-card__meta small {color: rgba(255, 238, 194, 0.76); font-size: 0.64rem; line-height: 1.12; overflow-wrap: anywhere;} :where(.secret-cms) .market-card__meta strong {color: rgb(255, 241, 184); font-size: 0.76rem; line-height: 1.1; overflow-wrap: anywhere;} :where(.secret-cms) .market-card__tags {display: flex; flex-wrap: wrap; gap: 0.18rem; margin: 0px 0px 0.3rem;} :where(.secret-cms) .market-card__tags span {padding: 0.12rem 0.26rem; border: 1px solid rgba(255, 214, 130, 0.35); color: rgb(255, 217, 120); background: rgba(0, 0, 0, 0.36); font-size: 0.55rem; line-height: 1;} :where(.secret-cms) .market-card__body p {margin: 0.35rem 0px 0px; font-size: 0.64rem; line-height: 1.2;} :where(.secret-cms) .market-card__actions {margin-top: 0.1rem;} :where(.secret-cms) .market-card__actions .btn {min-height: 2.05rem; padding: 0px 0.55rem; font-size: 0.7rem; background-size: 100% 100%;} :where(.secret-cms) .warehouse-item-actions {display: none; position: absolute; left: 50%; top: calc(100% + 0.35rem); z-index: 26000; width: 10rem; transform: translateX(-50%); gap: 0.35rem; padding: 0.45rem; border: 1px solid rgba(177, 125, 45, 0.8); background: rgba(4, 6, 8, 0.96); box-shadow: rgba(0, 0, 0, 0.55) 0px 0.65rem 1.5rem;} :where(.secret-cms) .warehouse-slot:hover .warehouse-item-actions, :where(.secret-cms) .warehouse-slot:focus-within .warehouse-item-actions {display: grid;} :where(.secret-cms) .warehouse-item-actions .warehouse-market-sell, :where(.secret-cms) .warehouse-item-actions .warehouse-web-transfer {gap: 0.3rem; display: grid !important; position: static !important; width: 100% !important; transform: none !important; padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important;} :where(.secret-cms) .warehouse-item-actions input, :where(.secret-cms) .warehouse-item-actions button {width: 100%; min-height: 1.75rem; padding: 0px 0.4rem; border: 1px solid rgba(177, 125, 45, 0.55); background: rgba(0, 0, 0, 0.72); color: rgb(255, 230, 168); font-size: 0.68rem; font-weight: 800;} :where(.secret-cms) .warehouse-item-actions button {cursor: pointer; text-transform: uppercase;} :where(.secret-cms) .warehouse-item-actions .warehouse-web-transfer button {border-color: rgba(74, 167, 255, 0.55); color: rgb(217, 240, 255);} @media (max-width: 900px) { :where(.secret-cms) .page-card--market {max-width: calc(-1rem + 100vw);} :where(.secret-cms) .market-filter__search, :where(.secret-cms) .market-filter label {flex: 1 1 100% !important; min-width: 0px !important;} :where(.secret-cms) .market-filter .btn, :where(.secret-cms) .market-toolbar__link {flex: 1 1 calc(33.333% - 0.5rem); min-width: 0px;} :where(.secret-cms) .market-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.secret-cms) .market-card {width: auto;} } @media (max-width: 520px) { :where(.secret-cms) .market-grid {grid-template-columns: 1fr;} } :where(.secret-cms) .page-card--market {max-width: min(58rem, -2rem + 100vw);} :where(.secret-cms) .market-toolbar {gap: 0.75rem;} :where(.secret-cms) .market-filter {grid-template-columns: minmax(12rem, 1.55fr) minmax(6.25rem, 0.78fr) minmax(6.1rem, 0.72fr) minmax(5.6rem, 0.65fr) minmax(5.8rem, 0.65fr) minmax(5.8rem, 0.65fr); gap: 0.42rem; align-items: end; display: grid !important;} :where(.secret-cms) .market-filter label, :where(.secret-cms) .market-filter__search {flex: 0 0 auto !important; min-width: 0px !important; width: auto !important;} :where(.secret-cms) .market-filter label {gap: 0.24rem; font-size: 0.56rem; line-height: 1;} :where(.secret-cms) .market-filter input, :where(.secret-cms) .market-filter select {width: 100%; min-width: 0px; min-height: 1.75rem; height: 1.75rem; padding: 0px 0.42rem; font-size: 0.62rem; line-height: 1;} :where(.secret-cms) .market-filter__flags {grid-column: 1 / span 3; display: flex; flex-wrap: wrap; gap: 0.28rem; margin: 0px; flex: 0 0 auto !important;} :where(.secret-cms) .market-filter__flags label {height: 1.45rem; padding: 0px 0.36rem; font-size: 0.52rem;} :where(.secret-cms) .market-filter__flags input {width: 0.7rem; height: 0.7rem;} :where(.secret-cms) .market-filter__actions {grid-column: 4 / span 3; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0.42rem; align-self: end;} :where(.secret-cms) .market-filter__actions .btn, :where(.secret-cms) .market-filter__actions .market-toolbar__link {width: 100%; min-width: 0px; min-height: 1.85rem; padding: 0px 0.32rem; font-size: 0.58rem; background-size: 100% 100%;} :where(.secret-cms) .market-note, :where(.secret-cms) .market-empty {padding: 0.5rem 0.65rem; font-size: 0.68rem;} :where(.secret-cms) .market-grid {grid-template-columns: repeat(auto-fill, minmax(8.65rem, 8.65rem)); gap: 0.55rem;} :where(.secret-cms) .market-card {width: 8.65rem; grid-template-columns: 2.45rem minmax(0px, 1fr); gap: 0.36rem; padding: 0.42rem;} :where(.secret-cms) .market-card__image {width: 2.45rem; height: 3.8rem; min-width: 2.45rem;} :where(.secret-cms) .market-card__image > img {width: auto; height: auto; max-width: 40%; max-height: 80%; object-fit: contain;} :where(.secret-cms) .market-card__body h2 {margin: 0px 0px 0.18rem; font-size: 0.66rem; line-height: 1.02;} :where(.secret-cms) .market-card__tags {gap: 0.12rem; margin-bottom: 0.18rem;} :where(.secret-cms) .market-card__tags span {padding: 0.08rem 0.16rem; font-size: 0.43rem;} :where(.secret-cms) .market-card__meta {gap: 0.1rem;} :where(.secret-cms) .market-card__meta span, :where(.secret-cms) .market-card__meta small, :where(.secret-cms) .market-card__body p {font-size: 0.5rem; line-height: 1.08;} :where(.secret-cms) .market-card__meta strong {font-size: 0.58rem; line-height: 1.08;} :where(.secret-cms) .market-card__actions .btn {min-height: 1.55rem; padding: 0px 0.25rem; font-size: 0.54rem;} :where(.secret-cms) .web-storage-card__actions {grid-column: 1 / -1; display: grid; gap: 0.4rem;} :where(.secret-cms) .web-storage-card__sell {display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) auto; gap: 0.32rem;} :where(.secret-cms) .web-storage-card__sell input {width: 100%; min-width: 0px; min-height: 1.85rem; border: 1px solid rgba(177, 125, 45, 0.55); background: rgba(0, 0, 0, 0.68); color: rgb(255, 230, 168); padding: 0px 0.45rem; font-size: 0.68rem; font-weight: 800; box-sizing: border-box;} :where(.secret-cms) .web-storage-card__actions .button {min-height: 1.85rem; padding: 0px 0.55rem; font-size: 0.7rem;} :where(.secret-cms) .web-storage-card__move .button {width: 100%;} @media (max-width: 900px) { :where(.secret-cms) .market-filter {grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.secret-cms) .market-filter__flags, :where(.secret-cms) .market-filter__actions {grid-column: 1 / -1;} :where(.secret-cms) .market-grid {grid-template-columns: repeat(2, minmax(0px, 8.65rem));} :where(.secret-cms) .market-card {width: auto;} } @media (max-width: 520px) { :where(.secret-cms) .market-filter, :where(.secret-cms) .market-grid, :where(.secret-cms) .market-filter__actions, :where(.secret-cms) .web-storage-card__sell {grid-template-columns: 1fr;} } :where(.secret-cms) .page-card--market {max-width: min(61rem, -2rem + 100vw);} :where(.secret-cms) .market-filter {grid-template-columns: minmax(13.5rem, 1.45fr) minmax(7rem, 0.78fr) minmax(7rem, 0.78fr) minmax(6rem, 0.66fr) minmax(7rem, 0.72fr) minmax(7rem, 0.72fr) !important; gap: 0.5rem !important;} :where(.secret-cms) .market-filter input, :where(.secret-cms) .market-filter select {min-height: 1.95rem !important; height: 1.95rem !important; padding: 0px 0.55rem !important; font-size: 0.66rem !important;} :where(.secret-cms) .market-filter__actions {grid-column: 4 / span 3 !important; grid-template-columns: repeat(3, 6.7rem) !important; justify-content: start !important; gap: 0.5rem !important;} :where(.secret-cms) .market-filter__actions .btn, :where(.secret-cms) .market-filter__actions .market-toolbar__link, :where(.secret-cms) .market-card__actions .btn, :where(.secret-cms) .web-storage-card__actions .button {text-shadow: rgb(0, 0, 0) 0px 2px 8px; min-width: 0px !important; border: 0px !important; background: url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat transparent !important; box-shadow: none !important; color: rgb(255, 246, 221) !important;} :where(.secret-cms) .market-filter__actions .btn, :where(.secret-cms) .market-filter__actions .market-toolbar__link {width: 6.7rem !important; height: 2.15rem !important; min-height: 2.15rem !important; padding: 0px 0.4rem !important; font-size: 0.6rem !important;} :where(.secret-cms) .market-filter__flags {gap: 0.34rem !important;} :where(.secret-cms) .market-filter__flags label {text-shadow: rgb(0, 0, 0) 0px 1px 5px; height: 1.65rem !important; min-width: 4.2rem !important; padding: 0px 0.52rem !important; border: 0px !important; background: url("../../../../assets/images/ui/market-filter-chip.png") center center / 100% 100% no-repeat transparent !important; color: rgb(255, 233, 181) !important; font-size: 0.54rem !important;} :where(.secret-cms) .market-filter__flags input {appearance: none; border: 1px solid rgba(230, 178, 91, 0.78); background: rgba(0, 0, 0, 0.7); box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px inset; width: 0.68rem !important; height: 0.68rem !important;} :where(.secret-cms) .market-filter__flags input:checked {background: radial-gradient(circle, rgb(255, 240, 184) 0px, rgb(255, 240, 184) 26%, rgb(212, 166, 83) 28%, rgb(212, 166, 83) 58%, rgb(26, 18, 8) 62%, rgb(26, 18, 8) 100%); box-shadow: rgba(239, 188, 88, 0.65) 0px 0px 8px, rgba(0, 0, 0, 0.55) 0px 0px 4px inset;} :where(.secret-cms) .market-grid {grid-template-columns: repeat(auto-fill, minmax(10rem, 10rem)) !important; gap: 0.8rem !important;} :where(.secret-cms) .market-card {width: 10rem !important; min-height: 12.45rem !important; grid-template-columns: 3.55rem minmax(0px, 1fr) !important; gap: 0.42rem !important; padding: 0.7rem 0.62rem 0.62rem !important; border: 0px !important; background: url("../../../../assets/images/ui/market-lot-frame.png") center center / 100% 100% no-repeat transparent !important; box-shadow: none !important; overflow: visible !important;} :where(.secret-cms) .market-card__image.equipment-item {width: 3.55rem !important; height: 5.7rem !important; min-width: 3.55rem !important; display: grid !important; place-items: center !important; align-self: start !important; padding: 0px !important; border: 0px !important; background: transparent !important; overflow: visible !important;} :where(.secret-cms) .market-card__image.equipment-item > img:not(.item-tooltip__image) {filter: drop-shadow(rgba(0, 0, 0, 0.95) 0px 0.55rem 0.55rem) drop-shadow(rgba(218, 170, 86, 0.18) 0px 0px 0.35rem); position: static !important; display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; margin: auto !important; object-fit: contain !important; object-position: center center !important; transform: none !important;} :where(.secret-cms) .market-card__body h2 {text-shadow: rgb(0, 0, 0) 0px 2px 7px; margin: 0.05rem 0px 0.16rem !important; font-size: 0.72rem !important; line-height: 1.02 !important;} :where(.secret-cms) .market-card__tags span {padding: 0.08rem 0.18rem !important; border-color: rgba(226, 174, 82, 0.45) !important; background: rgba(0, 0, 0, 0.46) !important; font-size: 0.45rem !important;} :where(.secret-cms) .market-card__meta span, :where(.secret-cms) .market-card__meta small, :where(.secret-cms) .market-card__body p {font-size: 0.53rem !important;} :where(.secret-cms) .market-card__meta strong {font-size: 0.62rem !important;} :where(.secret-cms) .market-card__actions {grid-column: 1 / -1 !important; margin-top: 0.28rem !important;} :where(.secret-cms) .market-card__actions .btn {width: 7.2rem !important; height: 2.05rem !important; min-height: 2.05rem !important; margin: 0px auto !important; padding: 0px 0.35rem !important; font-size: 0.58rem !important;} :where(.secret-cms) .web-storage-grid {grid-template-columns: repeat(auto-fill, minmax(16rem, 16rem)) !important;} :where(.secret-cms) .web-storage-card {grid-template-columns: 4.2rem minmax(0px, 1fr) !important;} :where(.secret-cms) .web-storage-card__sell {grid-template-columns: minmax(5.5rem, 0.9fr) minmax(8.2rem, 1.3fr) !important; gap: 0.38rem !important;} :where(.secret-cms) .web-storage-card__sell input {min-height: 2rem !important; padding: 0px 0.55rem !important; font-size: 0.72rem !important;} :where(.secret-cms) .web-storage-card__sell button {grid-column: 1 / -1;} :where(.secret-cms) .web-storage-card__actions .button {width: 7.8rem !important; height: 2.1rem !important; min-height: 2.1rem !important; margin: 0px auto !important; padding: 0px 0.45rem !important; font-size: 0.62rem !important;} :where(.secret-cms) .web-storage-card__move .button {width: 7.8rem !important;} @media (max-width: 900px) { :where(.secret-cms) .market-filter {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} :where(.secret-cms) .market-filter__flags, :where(.secret-cms) .market-filter__actions {grid-column: 1 / -1 !important;} :where(.secret-cms) .market-filter__actions {grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;} :where(.secret-cms) .market-filter__actions .btn, :where(.secret-cms) .market-filter__actions .market-toolbar__link {width: 100% !important;} } @media (max-width: 520px) { :where(.secret-cms) .market-filter, :where(.secret-cms) .market-filter__actions, :where(.secret-cms) .web-storage-card__sell {grid-template-columns: 1fr !important;} :where(.secret-cms) .market-grid, :where(.secret-cms) .web-storage-grid {grid-template-columns: 1fr !important;} :where(.secret-cms) .market-card {width: 100% !important;} } :where(.secret-cms) .page-card--market .market-filter__actions .btn::before, :where(.secret-cms) .page-card--market .market-filter__actions .btn::after, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link::before, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link::after, :where(.secret-cms) .page-card--market .market-card__actions .btn::before, :where(.secret-cms) .page-card--market .market-card__actions .btn::after, :where(.secret-cms) .page-card--market .web-storage-card__actions .button::before, :where(.secret-cms) .page-card--market .web-storage-card__actions .button::after, :where(.secret-cms) .page-card--market .market-filter__flags label::before, :where(.secret-cms) .page-card--market .market-filter__flags label::after {content: none !important; display: none !important; width: 0px !important; height: 0px !important; background: none !important; border: 0px !important; box-shadow: none !important; transform: none !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link, :where(.secret-cms) .page-card--market .market-card__actions .btn, :where(.secret-cms) .page-card--market .web-storage-card__actions .button {position: relative !important; overflow: visible !important; line-height: 1 !important; background-color: transparent !important; background-image: url("../../../../assets/images/ui/market-small-button.png") !important; background-position: center center !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; transition: filter 0.12s, color 0.12s !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn:focus, :where(.secret-cms) .page-card--market .market-filter__actions .btn:active, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:hover, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:focus, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:active, :where(.secret-cms) .page-card--market .market-card__actions .btn:hover, :where(.secret-cms) .page-card--market .market-card__actions .btn:focus, :where(.secret-cms) .page-card--market .market-card__actions .btn:active, :where(.secret-cms) .page-card--market .web-storage-card__actions .button:hover, :where(.secret-cms) .page-card--market .web-storage-card__actions .button:focus, :where(.secret-cms) .page-card--market .web-storage-card__actions .button:active {background-color: transparent !important; background-image: url("../../../../assets/images/ui/market-small-button.png") !important; background-position: center center !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; transform: none !important; box-shadow: none !important; filter: brightness(1.08) saturate(1.08) !important;} :where(.secret-cms) .page-card--market .market-filter__flags label, :where(.secret-cms) .page-card--market .market-filter__flags label:hover, :where(.secret-cms) .page-card--market .market-filter__flags label:focus-within, :where(.secret-cms) .page-card--market .market-filter__flags label:active {position: relative !important; height: 1.65rem !important; min-height: 1.65rem !important; min-width: 4.2rem !important; padding: 0px 0.52rem !important; overflow: visible !important; background-color: transparent !important; background-image: url("../../../../assets/images/ui/market-filter-chip.png") !important; background-position: center center !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; transform: none !important; box-shadow: none !important; line-height: 1 !important;} :where(.secret-cms) .page-card--market .market-filter__flags label:hover, :where(.secret-cms) .page-card--market .market-filter__flags label:focus-within {filter: brightness(1.08) saturate(1.08) !important;} :where(.secret-cms) .page-card--market .market-filter__flags input, :where(.secret-cms) .page-card--market .market-filter__flags input:hover, :where(.secret-cms) .page-card--market .market-filter__flags input:focus, :where(.secret-cms) .page-card--market .market-filter__flags input:active {flex: 0 0 0.68rem !important; width: 0.68rem !important; height: 0.68rem !important; min-width: 0.68rem !important; min-height: 0.68rem !important; max-width: 0.68rem !important; max-height: 0.68rem !important; padding: 0px !important; transform: none !important; box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px inset !important;} :where(.secret-cms) .page-card--market .btn_size_2::before, :where(.secret-cms) .page-card--market .btn_size_2::after, :where(.secret-cms) .page-card--market .btn_size_2:hover::before, :where(.secret-cms) .page-card--market .btn_size_2:hover::after, :where(.secret-cms) .page-card--market .btn_size_2:focus::before, :where(.secret-cms) .page-card--market .btn_size_2:focus::after, :where(.secret-cms) .page-card--market .btn_size_2:active::before, :where(.secret-cms) .page-card--market .btn_size_2:active::after, :where(.secret-cms) .page-card--market .bt::before, :where(.secret-cms) .page-card--market .bt::after, :where(.secret-cms) .page-card--market .bt:hover::before, :where(.secret-cms) .page-card--market .bt:hover::after, :where(.secret-cms) .page-card--market .bt_gray::before, :where(.secret-cms) .page-card--market .bt_gray::after, :where(.secret-cms) .page-card--market .bt_gray:hover::before, :where(.secret-cms) .page-card--market .bt_gray:hover::after {content: none !important; display: none !important; opacity: 0 !important; visibility: hidden !important; width: 0px !important; height: 0px !important; inset: auto !important; background: none !important; border: 0px !important; box-shadow: none !important; transform: none !important; pointer-events: none !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn_size_2, :where(.secret-cms) .page-card--market .market-filter__actions .btn_size_2:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn_size_2:focus, :where(.secret-cms) .page-card--market .market-filter__actions .btn_size_2:active, :where(.secret-cms) .page-card--market .market-card__actions .btn_size_2, :where(.secret-cms) .page-card--market .market-card__actions .btn_size_2:hover, :where(.secret-cms) .page-card--market .market-card__actions .btn_size_2:focus, :where(.secret-cms) .page-card--market .market-card__actions .btn_size_2:active {--btn-scale: 1 !important; min-width: 0px !important; background: url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat transparent !important; border: 0px !important; outline: 0px !important; transform: none !important; box-shadow: none !important;} :where(.secret-cms) .page-card--market .market-filter__flags label, :where(.secret-cms) .page-card--market .market-filter__flags label:hover, :where(.secret-cms) .page-card--market .market-filter__flags label:focus-within, :where(.secret-cms) .page-card--market .market-filter__flags label:active {box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.25rem !important; width: auto !important; max-width: none !important; background: url("../../../../assets/images/ui/market-filter-chip.png") center center / 100% 100% no-repeat transparent !important;} :where(.secret-cms) .page-card--rankings .tabs {gap: 0.75rem !important; align-items: center !important;} :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs a:active, :where(.secret-cms) .ranking-tabs a, :where(.secret-cms) .class-tabs a {text-shadow: rgb(0, 0, 0) 0px 2px 8px; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 7.45rem !important; min-height: 3.05rem !important; padding: 0px 0.95rem !important; border: 0px !important; background: url("../../../../assets/images/ui/ranking-tab.png") center center / 100% 100% no-repeat transparent !important; box-shadow: none !important; color: rgb(255, 231, 173) !important; line-height: 1.05 !important; text-align: center !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .tabs a::before, :where(.secret-cms) .page-card--rankings .tabs a::after, :where(.secret-cms) .page-card--rankings .tabs a:hover::before, :where(.secret-cms) .page-card--rankings .tabs a:hover::after, :where(.secret-cms) .ranking-tabs a::before, :where(.secret-cms) .ranking-tabs a::after, :where(.secret-cms) .class-tabs a::before, :where(.secret-cms) .class-tabs a::after {content: none !important; display: none !important;} :where(.secret-cms) .page-card--rankings .tabs a.is-active, :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .ranking-tabs a.is-active, :where(.secret-cms) .class-tabs a.is-active {background-image: url("../../../../assets/images/ui/ranking-tab-active.png") !important; color: rgb(255, 248, 221) !important; filter: brightness(1.08) saturate(1.07) !important;} :where(.secret-cms) .page-card--rankings .tabs--compact {gap: 0.55rem !important; margin-top: 0.95rem !important;} :where(.secret-cms) .page-card--rankings .tabs--compact a {min-width: 6.75rem !important; min-height: 2.78rem !important; padding: 0px 0.72rem !important; font-size: 0.78rem !important;} :where(.secret-cms) .page-card--rankings .ranking-search {position: relative !important; grid-template-columns: minmax(15rem, 1fr) 7.8rem !important; gap: 0.8rem !important; margin: 0px 0px 1.15rem !important; padding: 1.05rem 1.25rem !important; border: 0px !important; background: url("../../../../assets/images/ui/ranking-search-panel.png") center center / 100% 100% no-repeat transparent !important; box-shadow: none !important; overflow: visible !important;} :where(.secret-cms) .page-card--rankings .ranking-search::before, :where(.secret-cms) .page-card--rankings .ranking-search::after {content: none !important; display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-search input {min-height: 2.35rem !important; border: 1px solid rgba(218, 170, 86, 0.55) !important; background: rgba(0, 0, 0, 0.68) !important; color: rgb(255, 244, 210) !important; font-size: 0.84rem !important; box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 18px inset !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button, :where(.secret-cms) .page-card--rankings .ranking-search .button:hover, :where(.secret-cms) .page-card--rankings .ranking-search .button:focus, :where(.secret-cms) .page-card--rankings .ranking-search .button:active {width: 7.45rem !important; min-width: 7.45rem !important; height: 2.6rem !important; min-height: 2.6rem !important; padding: 0px 0.6rem !important; border: 0px !important; background: url("../../../../assets/images/ui/ranking-tab-active.png") center center / 100% 100% no-repeat transparent !important; box-shadow: none !important; color: rgb(255, 248, 221) !important; font-size: 0.78rem !important; line-height: 1 !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button::before, :where(.secret-cms) .page-card--rankings .ranking-search .button::after, :where(.secret-cms) .page-card--rankings .ranking-search .button:hover::before, :where(.secret-cms) .page-card--rankings .ranking-search .button:hover::after {content: none !important; display: none !important;} :where(.secret-cms) .page-card--rankings .table-wrap {padding: 0.85rem 1rem !important; overflow-x: auto !important; background: rgba(0, 0, 0, 0.2) !important;} :where(.secret-cms) .page-card--rankings .ranking-table {border-collapse: separate !important; border-spacing: 0px 0.42rem !important;} :where(.secret-cms) .page-card--rankings .ranking-table thead tr {background: rgba(0, 0, 0, 0.32) !important;} :where(.secret-cms) .page-card--rankings .ranking-table thead th {padding-top: 0.9rem !important; padding-bottom: 0.9rem !important; background: rgba(0, 0, 0, 0.28) !important; border-top: 0px !important; color: rgb(255, 228, 166) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr {position: relative !important; background: url("../../../../assets/images/ui/ranking-row.png") center center / 100% 100% no-repeat transparent !important; transition: filter 0.12s, transform 0.12s !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(-n+3) {background-image: url("../../../../assets/images/ui/ranking-row-top.png") !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover {filter: brightness(1.1) saturate(1.08) !important; transform: translateY(-1px) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td {padding: 0.95rem 1rem !important; border-top: 0px !important; background: transparent !important; vertical-align: middle !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"] {text-shadow: rgb(0, 0, 0) 0px 2px 6px; min-width: 3.35rem !important; width: 3.35rem !important; background: url("../../../../assets/images/ui/ranking-badge-silver.png") center center / 2.45rem 2.45rem no-repeat transparent !important; color: rgb(255, 245, 211) !important; font-size: 0.82rem !important; font-weight: 800 !important; text-align: center !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(1) td[data-label="#"] {background-image: url("../../../../assets/images/ui/ranking-badge-gold.png") !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(2) td[data-label="#"] {background-image: url("../../../../assets/images/ui/ranking-badge-silver.png") !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(3) td[data-label="#"] {background-image: url("../../../../assets/images/ui/ranking-badge-bronze.png") !important;} :where(.secret-cms) .page-card--rankings .ranking-table .link, :where(.secret-cms) .page-card--rankings .vip-name {text-shadow: rgba(218, 170, 86, 0.42) 0px 0px 10px, rgb(0, 0, 0) 0px 2px 8px; color: rgb(255, 227, 160) !important;} :where(.secret-cms) .page-card--rankings .rank-status {border-color: rgba(86, 255, 116, 0.46) !important; background: linear-gradient(rgba(10, 72, 24, 0.42), rgba(0, 26, 8, 0.64)) !important; box-shadow: rgba(57, 255, 91, 0.1) 0px 0px 12px inset, rgba(57, 255, 91, 0.08) 0px 0px 10px !important;} @media (max-width: 680px) { :where(.secret-cms) .page-card--rankings .tabs a {min-width: calc(50% - 0.35rem) !important; min-height: 3rem !important; font-size: 0.78rem !important;} :where(.secret-cms) .page-card--rankings .tabs--compact a {min-width: calc(50% - 0.3rem) !important; font-size: 0.66rem !important;} :where(.secret-cms) .page-card--rankings .ranking-search {grid-template-columns: 1fr !important; gap: 0.55rem !important; padding: 0.95rem !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button {width: 100% !important; min-width: 0px !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr {background-image: url("../../../../assets/images/ui/ranking-mobile-card.png") !important; background-size: 100% 100% !important; border: 0px !important; box-shadow: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(-n+3) {background-image: url("../../../../assets/images/ui/ranking-mobile-card.png") !important; filter: saturate(1.05) !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="#"] {background-size: 2.15rem 2.15rem !important;} } :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs a:active, :where(.secret-cms) .page-card--rankings .tabs--compact a, :where(.secret-cms) .page-card--rankings .tabs--compact a:hover, :where(.secret-cms) .page-card--rankings .tabs--compact a:focus, :where(.secret-cms) .page-card--rankings .tabs--compact a:active {box-sizing: border-box !important; height: 3.05rem !important; min-height: 3.05rem !important; max-height: 3.05rem !important; transform: none !important; filter: none !important; transition: filter 0.12s, color 0.12s !important;} :where(.secret-cms) .page-card--rankings .tabs--compact a, :where(.secret-cms) .page-card--rankings .tabs--compact a:hover, :where(.secret-cms) .page-card--rankings .tabs--compact a:focus, :where(.secret-cms) .page-card--rankings .tabs--compact a:active {height: 2.78rem !important; min-height: 2.78rem !important; max-height: 2.78rem !important;} :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs a.is-active {filter: brightness(1.16) saturate(1.12) drop-shadow(rgba(218, 170, 86, 0.34) 0px 0px 0.45rem) !important; color: rgb(255, 247, 217) !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button:hover, :where(.secret-cms) .page-card--rankings .ranking-search .button:focus, :where(.secret-cms) .page-card--rankings .ranking-search .button:active, :where(.secret-cms) .page-card--market .market-filter__actions .btn:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn:focus, :where(.secret-cms) .page-card--market .market-filter__actions .btn:active, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:hover, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:focus, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:active, :where(.secret-cms) .page-card--market .market-card__actions .btn:hover, :where(.secret-cms) .page-card--market .market-card__actions .btn:focus, :where(.secret-cms) .page-card--market .market-card__actions .btn:active {filter: brightness(1.22) saturate(1.14) drop-shadow(rgba(218, 170, 86, 0.44) 0px 0px 0.42rem) !important; color: rgb(255, 255, 255) !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr, :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(-n+3), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover, :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(-n+3):hover {background-image: url("../../../../assets/images/ui/ranking-row.png") !important; background-color: transparent !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover {filter: brightness(1.12) saturate(1.08) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"] {min-width: 3rem !important; width: 3rem !important; padding-left: 0.7rem !important; padding-right: 0.7rem !important; background: none !important; color: rgb(255, 241, 197) !important; font-size: 0.86rem !important; font-weight: 800 !important; text-align: center !important; vertical-align: middle !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"]::before, :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"]::after {content: none !important; display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(1) td[data-label="#"] {color: rgb(255, 215, 109) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(2) td[data-label="#"] {color: rgb(217, 224, 238) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(3) td[data-label="#"] {color: rgb(230, 165, 108) !important;} :where(.secret-cms) .page-card--market .market-grid {grid-template-columns: repeat(auto-fill, minmax(10rem, 10rem)) !important; gap: 0.9rem !important; align-items: start !important;} :where(.secret-cms) .page-card--market .market-card {width: 10rem !important; min-height: 18.1rem !important; display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "title" "image" "tags" "options" "meta" "note" "actions" !important; place-items: start center !important; gap: 0.25rem !important; padding: 0.8rem 0.68rem 0.72rem !important; text-align: center !important;} :where(.secret-cms) .page-card--market .market-card__body {display: contents !important;} :where(.secret-cms) .page-card--market .market-card__body h2 {grid-area: title !important; width: 100% !important; margin: 0px 0px 0.12rem !important; font-size: 0.74rem !important; line-height: 1.04 !important; text-align: center !important; overflow-wrap: anywhere !important;} :where(.secret-cms) .page-card--market .market-card__image.equipment-item {grid-area: image !important; place-self: center !important; width: 5.1rem !important; height: 6.7rem !important; min-width: 5.1rem !important; margin: 0.05rem auto 0.08rem !important;} :where(.secret-cms) .page-card--market .market-card__image.equipment-item > img:not(.item-tooltip__image) {max-width: 100% !important; max-height: 100% !important; margin: auto !important;} :where(.secret-cms) .page-card--market .market-card__tags {grid-area: tags !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 0.16rem !important; width: 100% !important; min-height: 1rem !important; margin: 0px !important;} :where(.secret-cms) .page-card--market .market-card__tags span {font-size: 0.43rem !important; line-height: 1 !important;} :where(.secret-cms) .page-card--market .market-card__options {grid-area: options !important; width: 100% !important; max-height: 4.55rem !important; margin: 0.08rem 0px 0.12rem !important; padding: 0.28rem 0.34rem !important; list-style: none !important; overflow: hidden !important; border: 1px solid rgba(218, 170, 86, 0.22) !important; background: rgba(0, 0, 0, 0.36) !important; box-shadow: rgba(0, 0, 0, 0.72) 0px 0px 0.75rem inset !important; text-align: left !important;} :where(.secret-cms) .page-card--market .market-card__options li {margin: 0px !important; padding: 0px !important; font-size: 0.46rem !important; line-height: 1.24 !important; color: rgb(216, 216, 216) !important; text-shadow: rgb(0, 0, 0) 0px 1px 4px !important; white-space: normal !important;} :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--excellent {color: rgb(56, 255, 120) !important;} :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--socket {color: rgb(143, 210, 255) !important;} :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--additional {color: rgb(143, 183, 255) !important;} :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--ancient {color: rgb(255, 200, 109) !important;} :where(.secret-cms) .page-card--market .market-card__options-more {color: rgb(255, 224, 160) !important; text-align: center !important;} :where(.secret-cms) .page-card--market .market-card__meta {grid-area: meta !important; display: grid !important; justify-items: center !important; gap: 0.08rem !important; width: 100% !important; margin: 0.08rem 0px 0px !important; text-align: center !important;} :where(.secret-cms) .page-card--market .market-card__meta span {font-size: 0.52rem !important; color: rgb(205, 187, 148) !important;} :where(.secret-cms) .page-card--market .market-card__meta strong {font-size: 0.68rem !important; color: rgb(255, 231, 166) !important;} :where(.secret-cms) .page-card--market .market-card__meta small {font-size: 0.48rem !important; color: rgb(200, 176, 121) !important;} :where(.secret-cms) .page-card--market .market-card__body p {grid-area: note !important; width: 100% !important; margin: 0.08rem 0px 0px !important; font-size: 0.48rem !important; text-align: center !important; color: rgb(191, 191, 191) !important;} :where(.secret-cms) .page-card--market .market-card__actions {grid-area: actions !important; width: 100% !important; margin: 0.18rem 0px 0px !important; justify-self: center !important;} :where(.secret-cms) .page-card--market .market-card__actions form {display: flex !important; justify-content: center !important; width: 100% !important;} :where(.secret-cms) .page-card--market .market-card__actions .btn {width: 7rem !important; height: 2rem !important; min-height: 2rem !important; font-size: 0.58rem !important;} @media (max-width: 680px) { :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"]::before {content: none !important; display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"] {background: rgba(98, 61, 24, 0.42) !important; border: 1px solid rgba(218, 170, 86, 0.42) !important;} :where(.secret-cms) .page-card--market .market-grid {grid-template-columns: repeat(auto-fill, minmax(9.4rem, 1fr)) !important;} :where(.secret-cms) .page-card--market .market-card {width: 100% !important; max-width: 10.6rem !important; margin: 0px auto !important;} } :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs a:active {box-sizing: border-box !important; min-width: 7.45rem !important; width: auto !important; height: 3.05rem !important; min-height: 3.05rem !important; max-height: 3.05rem !important; padding: 0px 0.95rem !important; font-size: 0.86rem !important; font-weight: 700 !important; line-height: 1.05 !important; transform: none !important; transition: filter 0.14s, color 0.14s !important;} :where(.secret-cms) .page-card--rankings .tabs--compact a, :where(.secret-cms) .page-card--rankings .tabs--compact a:hover, :where(.secret-cms) .page-card--rankings .tabs--compact a:focus, :where(.secret-cms) .page-card--rankings .tabs--compact a:active {min-width: 6.75rem !important; width: auto !important; height: 2.78rem !important; min-height: 2.78rem !important; max-height: 2.78rem !important; padding: 0px 0.72rem !important; font-size: 0.72rem !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs a.is-active {background-image: url("../../../../assets/images/ui/ranking-tab-active.png") !important; filter: brightness(1.18) saturate(1.16) drop-shadow(rgba(218, 170, 86, 0.36) 0px 0px 0.42rem) !important; color: rgb(255, 248, 223) !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button, :where(.secret-cms) .page-card--rankings .ranking-search .button:hover, :where(.secret-cms) .page-card--rankings .ranking-search .button:focus, :where(.secret-cms) .page-card--rankings .ranking-search .button:active {box-sizing: border-box !important; width: 7.45rem !important; min-width: 7.45rem !important; height: 2.6rem !important; min-height: 2.6rem !important; max-height: 2.6rem !important; padding: 0px 0.6rem !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button:hover, :where(.secret-cms) .page-card--rankings .ranking-search .button:focus, :where(.secret-cms) .page-card--rankings .ranking-search .button:active, :where(.secret-cms) .page-card--market .market-filter__actions .btn:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn:focus, :where(.secret-cms) .page-card--market .market-filter__actions .btn:active, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:hover, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:focus, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:active, :where(.secret-cms) .page-card--market .market-card__actions .btn:hover, :where(.secret-cms) .page-card--market .market-card__actions .btn:focus, :where(.secret-cms) .page-card--market .market-card__actions .btn:active {filter: brightness(1.34) saturate(1.18) drop-shadow(rgba(218, 170, 86, 0.5) 0px 0px 0.5rem) !important; color: rgb(255, 255, 255) !important; text-shadow: rgba(255, 226, 151, 0.65) 0px 0px 0.45rem, rgb(0, 0, 0) 0px 2px 8px !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr, :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(1), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(2), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(3), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(-n+3), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover, :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(-n+3):hover {background-image: url("../../../../assets/images/ui/ranking-row.png") !important; background-color: transparent !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover {filter: brightness(1.13) saturate(1.1) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"], :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(1) td[data-label="#"], :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(2) td[data-label="#"], :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(3) td[data-label="#"] {position: static !important; display: table-cell !important; min-width: 3.05rem !important; width: 3.05rem !important; padding: 0.95rem 0.7rem !important; background: none transparent !important; color: rgb(255, 241, 197) !important; font-size: 0.86rem !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; vertical-align: middle !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"]::before, :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"]::after {content: none !important; display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(1) td[data-label="#"] {color: rgb(255, 215, 109) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(2) td[data-label="#"] {color: rgb(217, 224, 238) !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(3) td[data-label="#"] {color: rgb(230, 165, 108) !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link, :where(.secret-cms) .page-card--market .market-filter__actions .btn:hover, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn:focus, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:focus, :where(.secret-cms) .page-card--market .market-filter__actions .btn:active, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:active {width: 7.25rem !important; min-width: 7.25rem !important; height: 2.45rem !important; min-height: 2.45rem !important; max-height: 2.45rem !important; padding: 0px 0.55rem !important; font-size: 0.62rem !important; line-height: 1 !important; transform: none !important;} :where(.secret-cms) .page-card--market .market-grid {grid-template-columns: repeat(auto-fill, minmax(9.65rem, 9.65rem)) !important; gap: 0.82rem !important; align-items: start !important;} :where(.secret-cms) .page-card--market .market-card {box-sizing: border-box !important; width: 9.65rem !important; min-height: 18.25rem !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) !important; grid-template-areas: "title" "image" "tags" "options" "meta" "note" "actions" !important; place-items: start center !important; gap: 0.24rem !important; padding: 0.82rem 0.68rem 0.7rem !important; text-align: center !important;} :where(.secret-cms) .page-card--market .market-card__body {display: contents !important;} :where(.secret-cms) .page-card--market .market-card__body h2 {grid-area: title !important; width: 100% !important; margin: 0px 0px 0.08rem !important; font-size: 0.7rem !important; line-height: 1.05 !important; text-align: center !important; overflow-wrap: anywhere !important;} :where(.secret-cms) .page-card--market .market-card__image.equipment-item {grid-area: image !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 5.15rem !important; height: 6.35rem !important; min-width: 5.15rem !important; min-height: 6.35rem !important; margin: 0.05rem auto 0.08rem !important;} :where(.secret-cms) .page-card--market .market-card__image.equipment-item > img:not(.item-tooltip__image) {display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; margin: auto !important; object-fit: contain !important;} :where(.secret-cms) .page-card--market .market-card__tags {grid-area: tags !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 0.14rem !important; width: 100% !important; min-height: 0.86rem !important; margin: 0px !important;} :where(.secret-cms) .page-card--market .market-card__tags span {font-size: 0.42rem !important; line-height: 1 !important;} :where(.secret-cms) .page-card--market .market-card__options {grid-area: options !important; box-sizing: border-box !important; width: 100% !important; max-height: 4.7rem !important; margin: 0.08rem 0px 0.1rem !important; padding: 0.3rem 0.34rem !important; list-style: none !important; overflow: hidden !important; border: 1px solid rgba(218, 170, 86, 0.24) !important; background: rgba(0, 0, 0, 0.42) !important; box-shadow: rgba(0, 0, 0, 0.74) 0px 0px 0.75rem inset !important; text-align: left !important;} :where(.secret-cms) .page-card--market .market-card__options li {margin: 0px !important; padding: 0px !important; font-size: 0.45rem !important; line-height: 1.23 !important; color: rgb(221, 221, 221) !important; text-shadow: rgb(0, 0, 0) 0px 1px 4px !important; white-space: normal !important;} :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--excellent {color: rgb(56, 255, 120) !important;} :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--socket {color: rgb(143, 210, 255) !important;} :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--additional {color: rgb(143, 183, 255) !important;} :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--ancient {color: rgb(255, 200, 109) !important;} :where(.secret-cms) .page-card--market .market-card__options-more {color: rgb(255, 224, 160) !important; text-align: center !important;} :where(.secret-cms) .page-card--market .market-card__meta {grid-area: meta !important; display: grid !important; justify-items: center !important; gap: 0.08rem !important; width: 100% !important; margin: 0.05rem 0px 0px !important; text-align: center !important;} :where(.secret-cms) .page-card--market .market-card__meta span {font-size: 0.48rem !important; color: rgb(205, 187, 148) !important;} :where(.secret-cms) .page-card--market .market-card__meta strong {font-size: 0.64rem !important; color: rgb(255, 231, 166) !important;} :where(.secret-cms) .page-card--market .market-card__meta small {font-size: 0.46rem !important; color: rgb(200, 176, 121) !important;} :where(.secret-cms) .page-card--market .market-card__body p {grid-area: note !important; width: 100% !important; margin: 0.05rem 0px 0px !important; font-size: 0.46rem !important; line-height: 1.18 !important; text-align: center !important; color: rgb(191, 191, 191) !important;} :where(.secret-cms) .page-card--market .market-card__actions {grid-area: actions !important; width: 100% !important; margin: 0.15rem 0px 0px !important; justify-self: center !important;} :where(.secret-cms) .page-card--market .market-card__actions form {display: flex !important; justify-content: center !important; width: 100% !important;} :where(.secret-cms) .page-card--market .market-card__actions .btn, :where(.secret-cms) .page-card--market .market-card__actions .btn:hover, :where(.secret-cms) .page-card--market .market-card__actions .btn:focus, :where(.secret-cms) .page-card--market .market-card__actions .btn:active {width: 6.55rem !important; min-width: 6.55rem !important; height: 1.9rem !important; min-height: 1.9rem !important; max-height: 1.9rem !important; font-size: 0.56rem !important; transform: none !important;} @media (max-width: 680px) { :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs a:active, :where(.secret-cms) .page-card--rankings .tabs--compact a, :where(.secret-cms) .page-card--rankings .tabs--compact a:hover, :where(.secret-cms) .page-card--rankings .tabs--compact a:focus, :where(.secret-cms) .page-card--rankings .tabs--compact a:active {min-width: calc(50% - 0.35rem) !important; width: calc(50% - 0.35rem) !important; height: 2.9rem !important; min-height: 2.9rem !important; max-height: 2.9rem !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td[data-label="#"], :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(1) td[data-label="#"], :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(2) td[data-label="#"], :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(3) td[data-label="#"] {display: flex !important; align-items: center !important; justify-content: center !important; min-width: 2.35rem !important; width: 2.35rem !important; padding: 0.52rem 0.25rem !important; border: 1px solid rgba(218, 170, 86, 0.42) !important; background: rgba(98, 61, 24, 0.34) !important;} :where(.secret-cms) .page-card--market .market-grid {grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr)) !important;} :where(.secret-cms) .page-card--market .market-card {width: 100% !important; max-width: 10.2rem !important; margin: 0px auto !important;} } :where(.secret-cms) .page-card--market {width: min(78rem, -3rem + 100vw) !important; max-width: none !important; margin-left: 50% !important; transform: translateX(-50%) !important;} :where(.secret-cms) .page-card--market .market-toolbar {max-width: none !important;} :where(.secret-cms) .page-card--market .market-filter {grid-template-columns: minmax(14rem, 2fr) minmax(8rem, 1fr) minmax(8rem, 1fr) minmax(7rem, 0.85fr) minmax(7rem, 0.8fr) minmax(7rem, 0.8fr) !important; column-gap: 0.62rem !important;} :where(.secret-cms) .page-card--market .market-grid {grid-template-columns: repeat(auto-fill, minmax(11.8rem, 11.8rem)) !important; gap: 1rem !important;} :where(.secret-cms) .page-card--market .market-card {width: 11.8rem !important; min-height: auto !important; grid-template-areas: "title" "image" "tags" "options" "meta" "note" "actions" !important; gap: 0.26rem !important; padding: 0.86rem 0.72rem 0.78rem !important;} :where(.secret-cms) .page-card--market .market-card__body h2 {font-size: 0.62rem !important; line-height: 1.06 !important; min-height: 1.32rem !important; margin: 0px 0px 0.06rem !important; padding: 0px 0.12rem !important;} :where(.secret-cms) .page-card--market .market-card__image.equipment-item {width: 4.45rem !important; height: 5.45rem !important; min-width: 4.45rem !important; min-height: 5.45rem !important; margin: 0.02rem auto 0.04rem !important; background: rgba(0, 0, 0, 0.42) !important; border: 1px solid rgba(218, 170, 86, 0.18) !important; box-shadow: rgba(0, 0, 0, 0.68) 0px 0px 1rem inset !important;} :where(.secret-cms) .page-card--market .market-card__image.equipment-item > img:not(.item-tooltip__image) {max-width: 86% !important; max-height: 90% !important;} :where(.secret-cms) .page-card--market .market-card__tags {min-height: 0.74rem !important; gap: 0.16rem !important;} :where(.secret-cms) .page-card--market .market-card__tags span {padding: 0.08rem 0.22rem !important; border-radius: 0.16rem !important; font-size: 0.4rem !important; background: rgba(50, 31, 12, 0.72) !important;} :where(.secret-cms) .page-card--market .market-card__options {width: calc(100% - 0.08rem) !important; max-height: none !important; min-height: 0px !important; margin: 0.12rem auto 0.08rem !important; padding: 0.34rem 0.42rem !important; border-radius: 0.28rem !important; border: 1px solid rgba(218, 170, 86, 0.28) !important; background: linear-gradient(rgba(9, 11, 14, 0.88), rgba(0, 0, 0, 0.66)) !important; box-shadow: rgba(0, 0, 0, 0.78) 0px 0px 0.9rem inset, rgba(0, 0, 0, 0.35) 0px 0.2rem 0.7rem !important; overflow: visible !important;} :where(.secret-cms) .page-card--market .market-card__options li {font-size: 0.43rem !important; line-height: 1.18 !important; overflow-wrap: anywhere !important;} :where(.secret-cms) .page-card--market .market-card__options li + li {margin-top: 0.03rem !important;} :where(.secret-cms) .page-card--market .market-card__meta {margin-top: 0.08rem !important;} :where(.secret-cms) .page-card--market .market-card__meta span {font-size: 0.46rem !important;} :where(.secret-cms) .page-card--market .market-card__meta strong {font-size: 0.62rem !important;} :where(.secret-cms) .page-card--market .market-card__actions .btn, :where(.secret-cms) .page-card--market .market-card__actions .btn:hover, :where(.secret-cms) .page-card--market .market-card__actions .btn:focus, :where(.secret-cms) .page-card--market .market-card__actions .btn:active {width: 6.8rem !important; min-width: 6.8rem !important; height: 1.85rem !important; min-height: 1.85rem !important; max-height: 1.85rem !important;} :where(.secret-cms) .ranking-class {display: inline-flex !important; align-items: center !important; gap: 0.48rem !important; min-width: 0px !important;} :where(.secret-cms) .ranking-class__icon {flex: 0 0 1.75rem !important; width: 1.75rem !important; height: 1.75rem !important; border: 1px solid rgba(218, 170, 86, 0.24) !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(218, 170, 86, 0.16), rgba(0, 0, 0, 0.72)) !important; object-fit: cover !important; opacity: 0.78 !important; filter: saturate(0.82) brightness(0.78) contrast(1.08) !important; box-shadow: rgba(0, 0, 0, 0.82) 0px 0px 0.45rem inset, rgba(218, 170, 86, 0.12) 0px 0px 0.35rem !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:hover .ranking-class__icon {opacity: 0.92 !important; filter: saturate(0.95) brightness(0.9) contrast(1.08) !important;} :where(.secret-cms) .ranking-class__name {min-width: 0px !important;} @media (max-width: 760px) { :where(.secret-cms) .page-card--market {width: 100% !important; margin-left: 0px !important; transform: none !important;} :where(.secret-cms) .page-card--market .market-filter {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--market .market-grid {grid-template-columns: repeat(auto-fill, minmax(10.2rem, 1fr)) !important;} :where(.secret-cms) .page-card--market .market-card {width: 100% !important; max-width: 11.8rem !important;} :where(.secret-cms) .ranking-class__icon {width: 1.55rem !important; height: 1.55rem !important; flex-basis: 1.55rem !important;} } :where(.secret-cms) .page-card--rankings {width: min(67.5rem, -24rem + 100vw) !important; max-width: 67.5rem !important; margin-left: clamp(1rem, 5vw, 4rem) !important; margin-right: auto !important;} :where(.secret-cms) .page-card--rankings .ranking-search {grid-template-columns: minmax(12rem, 1fr) 7.2rem !important;} :where(.secret-cms) .page-card--rankings .table-wrap {padding-left: 0.75rem !important; padding-right: 0.75rem !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td {padding-left: 0.72rem !important; padding-right: 0.72rem !important;} :where(.secret-cms) .ranking-class__icon {width: 1.55rem !important; height: 1.55rem !important; flex-basis: 1.55rem !important; opacity: 0.72 !important;} :where(.secret-cms) .page-card--market .market-card {width: 9.25rem !important; min-height: auto !important; grid-template-areas: "image" "title" "meta" "note" "actions" !important; gap: 0.18rem !important; padding: 0.72rem 0.62rem 0.7rem !important;} :where(.secret-cms) .page-card--market .market-grid {grid-template-columns: repeat(auto-fill, minmax(9.25rem, 9.25rem)) !important; gap: 0.86rem !important;} :where(.secret-cms) .page-card--market .market-card__image.equipment-item {width: 3.35rem !important; height: 4.2rem !important; min-width: 3.35rem !important; min-height: 4.2rem !important; margin: 0.06rem auto 0.1rem !important; border: 0px !important; background: transparent !important; box-shadow: none !important;} :where(.secret-cms) .page-card--market .market-card__image.equipment-item > img:not(.item-tooltip__image) {max-width: 92% !important; max-height: 94% !important;} :where(.secret-cms) .page-card--market .market-card__body h2 {font-size: 0.54rem !important; line-height: 1.08 !important; min-height: auto !important; margin: 0px auto 0.14rem !important; padding: 0px 0.1rem !important;} :where(.secret-cms) .page-card--market .market-card__tags, :where(.secret-cms) .page-card--market .market-card__options, :where(.secret-cms) .page-card--market .market-card__options-more {display: none !important;} :where(.secret-cms) .page-card--market .market-card__meta {margin-top: 0.04rem !important; gap: 0.03rem !important;} :where(.secret-cms) .page-card--market .market-card__meta span, :where(.secret-cms) .page-card--market .market-card__meta small, :where(.secret-cms) .page-card--market .market-card__body p {font-size: 0.43rem !important; line-height: 1.12 !important;} :where(.secret-cms) .page-card--market .market-card__meta strong {font-size: 0.6rem !important; line-height: 1.05 !important;} :where(.secret-cms) .page-card--market .market-card__actions {margin-top: 0.08rem !important;} :where(.secret-cms) .page-card--market .market-card__actions .btn, :where(.secret-cms) .page-card--market .market-card__actions .btn:hover, :where(.secret-cms) .page-card--market .market-card__actions .btn:focus, :where(.secret-cms) .page-card--market .market-card__actions .btn:active {width: 6.15rem !important; min-width: 6.15rem !important; height: 1.7rem !important; min-height: 1.7rem !important; max-height: 1.7rem !important; font-size: 0.52rem !important;} :where(.secret-cms) .page-card--usercp .account-grid {grid-template-columns: repeat(auto-fit, minmax(8.8rem, 1fr)) !important; gap: 0.72rem !important;} :where(.secret-cms) .page-card--usercp .stat-box, :where(.secret-cms) .page-card--usercp .usercp-action--vip, :where(.secret-cms) .page-card--usercp .vote-card, :where(.secret-cms) .page-card--usercp .usercp-character, :where(.secret-cms) .page-card--usercp .usercp-ticket, :where(.secret-cms) .page-card--usercp .usercp-ticket-form {min-height: 5.2rem !important; padding: 1rem !important;} :where(.secret-cms) .page-card--usercp .stat-box span, :where(.secret-cms) .page-card--usercp .usercp-action span {font-size: 0.62rem !important;} :where(.secret-cms) .page-card--usercp .stat-box strong, :where(.secret-cms) .page-card--usercp .usercp-action strong {font-size: 1rem !important; line-height: 1.18 !important;} :where(.secret-cms) .page-card--usercp .web-storage-grid {grid-template-columns: repeat(auto-fill, minmax(9.25rem, 9.25rem)) !important; gap: 0.82rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card {width: 9.25rem !important; padding: 0.72rem 0.62rem !important; gap: 0.18rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__image.equipment-item {width: 3.35rem !important; height: 4.2rem !important; min-width: 3.35rem !important; min-height: 4.2rem !important; margin: 0px auto 0.08rem !important; border: 0px !important; background: transparent !important; box-shadow: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__image.equipment-item > img:not(.item-tooltip__image) {max-width: 92% !important; max-height: 94% !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__body h3 {font-size: 0.58rem !important; line-height: 1.08 !important; margin: 0px 0px 0.12rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__tags, :where(.secret-cms) .page-card--usercp .market-card__tags {display: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell {gap: 0.25rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell input, :where(.secret-cms) .page-card--usercp .web-storage-card__sell textarea, :where(.secret-cms) .page-card--usercp .web-storage-card__sell select {min-height: 1.85rem !important; padding: 0.36rem 0.45rem !important; font-size: 0.58rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button {min-height: 1.8rem !important; height: 1.8rem !important; padding: 0px 0.5rem !important; font-size: 0.55rem !important;} @media (max-width: 900px) { :where(.secret-cms) .page-card--rankings {width: 100% !important; max-width: 100% !important; margin-left: 0px !important;} } @media (max-width: 760px) { :where(.secret-cms) .legacyx-cms-page {width: 100% !important; max-width: 100% !important; padding: 0px 0.75rem !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings {width: 100% !important; max-width: 100% !important; margin: 4.9rem auto 0px !important; padding: 1.1rem 0.9rem 1.3rem !important; transform: none !important; overflow: visible !important;} :where(.secret-cms) .page-card--rankings .section__head {margin-bottom: 0.9rem !important;} :where(.secret-cms) .page-card--rankings h1 {font-size: 1.55rem !important; line-height: 1.1 !important; margin-bottom: 0.9rem !important;} :where(.secret-cms) .page-card--rankings .tabs, :where(.secret-cms) .page-card--rankings .tabs--compact {display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.5rem !important; margin: 0.75rem 0px 0.9rem !important; align-items: stretch !important;} :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs a:active, :where(.secret-cms) .page-card--rankings .tabs--compact a, :where(.secret-cms) .page-card--rankings .tabs--compact a:hover, :where(.secret-cms) .page-card--rankings .tabs--compact a:focus, :where(.secret-cms) .page-card--rankings .tabs--compact a:active {width: 100% !important; min-width: 0px !important; height: 2.35rem !important; min-height: 2.35rem !important; max-height: 2.35rem !important; padding: 0px 0.42rem !important; font-size: 0.63rem !important; line-height: 1.05 !important; transform: none !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .ranking-search {display: grid !important; grid-template-columns: 1fr !important; gap: 0.55rem !important; margin: 0px 0px 1rem !important; padding: 0.75rem !important; background: rgba(0, 0, 0, 0.34) !important; border: 1px solid rgba(190, 134, 62, 0.45) !important; box-shadow: rgba(0, 0, 0, 0.65) 0px 0px 1.2rem inset !important;} :where(.secret-cms) .page-card--rankings .ranking-search input {width: 100% !important; min-width: 0px !important; min-height: 2.3rem !important; font-size: 0.72rem !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .ranking-search .button, :where(.secret-cms) .page-card--rankings .ranking-search .button:hover, :where(.secret-cms) .page-card--rankings .ranking-search .button:focus, :where(.secret-cms) .page-card--rankings .ranking-search .button:active {width: 7.1rem !important; min-width: 7.1rem !important; height: 2.25rem !important; min-height: 2.25rem !important; max-height: 2.25rem !important; justify-self: start !important; font-size: 0.68rem !important; transform: none !important;} :where(.secret-cms) .page-card--rankings .table-wrap {padding: 0.55rem !important; overflow: visible !important; background: transparent !important; border: 1px solid rgba(190, 134, 62, 0.32) !important;} :where(.secret-cms) .page-card--rankings .ranking-table, :where(.secret-cms) .page-card--rankings .ranking-table tbody, :where(.secret-cms) .page-card--rankings .ranking-table tr, :where(.secret-cms) .page-card--rankings .ranking-table td {display: block !important; width: 100% !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--rankings .ranking-table thead {display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody {display: grid !important; gap: 0.7rem !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr, :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(1), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(2), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(3), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(-n+3) {display: grid !important; grid-template-columns: 2.35rem minmax(0px, 1fr) 5rem !important; grid-template-areas: "rank name status" "class class class" "level resets grand" !important; gap: 0.45rem 0.55rem !important; padding: 0.72rem 0.65rem !important; background: linear-gradient(var(--lx-frame), var(--lx-frame)) center top / 5rem 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) center bottom / 5rem 1px no-repeat, linear-gradient(145deg, rgba(6, 8, 11, .92), rgba(22, 13, 6, .62)) !important; border: 1px solid rgba(190, 134, 62, 0.45) !important; box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 1.2rem inset !important; transform: none !important; filter: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody td {min-width: 0px !important; width: auto !important; padding: 0px !important; border: 0px !important; background: transparent !important; text-align: left !important; line-height: 1.1 !important;} :where(.secret-cms) .page-card--rankings .ranking-table td::before {content: none !important; display: none !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="#"] {grid-area: rank !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 2.35rem !important; min-width: 2.35rem !important; height: 2.35rem !important; padding: 0px !important; border: 1px solid rgba(218, 170, 86, 0.45) !important; background: rgba(98, 61, 24, 0.34) !important; font-size: 0.78rem !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Name"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Character"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Guild"] {grid-area: name !important; align-self: center !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Class"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Master"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Role"] {grid-area: class !important; align-self: center !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"] {grid-area: level !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"] {grid-area: resets !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {grid-area: grand !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Status"] {grid-area: status !important; place-self: center end !important; width: auto !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"], :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"] {padding: 0.42rem 0.48rem !important; border: 1px solid rgba(190, 134, 62, 0.24) !important; background: rgba(0, 0, 0, 0.28) !important; font-size: 0.72rem !important;} :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Level"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Resets"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Grand Resets"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Members"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Score"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total Resets"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Total GR"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Power Score"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Gear Score"]::before, :where(.secret-cms) .page-card--rankings .ranking-table td[data-label="Stats Score"]::before {content: attr(data-label) !important; display: block !important; margin-bottom: 0.14rem !important; color: rgb(255, 217, 133) !important; font-size: 0.48rem !important; line-height: 1 !important; text-transform: uppercase !important;} :where(.secret-cms) .page-card--rankings .ranking-table .link, :where(.secret-cms) .page-card--rankings .vip-name {font-size: 0.82rem !important;} :where(.secret-cms) .ranking-class {justify-content: flex-start !important; gap: 0.4rem !important; font-size: 0.7rem !important;} :where(.secret-cms) .ranking-class__icon {width: 1.35rem !important; height: 1.35rem !important; flex-basis: 1.35rem !important;} :where(.secret-cms) .page-card--rankings .rank-status {width: 4.6rem !important; min-width: 4.6rem !important; height: 1.85rem !important; min-height: 1.85rem !important; padding: 0px 0.35rem !important; font-size: 0.62rem !important;} } @media (max-width: 430px) { :where(.secret-cms) .page-card--rankings {margin-top: 4.4rem !important; padding-left: 0.65rem !important; padding-right: 0.65rem !important;} :where(.secret-cms) .page-card--rankings .ranking-table tbody tr, :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(1), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(2), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(3), :where(.secret-cms) .page-card--rankings .ranking-table tbody tr:nth-child(-n+3) {grid-template-columns: 2.1rem minmax(0px, 1fr) 4.4rem !important; gap: 0.38rem 0.45rem !important; padding: 0.62rem 0.55rem !important;} :where(.secret-cms) .page-card--rankings .rank-status {width: 4.25rem !important; min-width: 4.25rem !important; font-size: 0.58rem !important;} } :where(.secret-cms) .rank-status, :where(.secret-cms) .page-card--rankings .rank-status {display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1 !important; padding-top: 0px !important; padding-bottom: 0px !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--market .market-filter label, :where(.secret-cms) .page-card--market .market-filter__search {gap: 0.28rem !important;} :where(.secret-cms) .page-card--market .market-filter input, :where(.secret-cms) .page-card--market .market-filter select {height: 2.05rem !important; min-height: 2.05rem !important; padding: 0px 0.7rem !important; border: 0px !important; outline: 0px !important; color: rgb(255, 244, 204) !important; background: linear-gradient(rgba(2, 4, 6, 0.82), rgba(14, 9, 5, 0.72)), url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat !important; box-shadow: rgba(0, 0, 0, 0.78) 0px 0px 0.8rem inset !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--market .market-filter input:hover, :where(.secret-cms) .page-card--market .market-filter select:hover, :where(.secret-cms) .page-card--market .market-filter input:focus, :where(.secret-cms) .page-card--market .market-filter select:focus {color: rgb(255, 230, 160) !important; filter: brightness(1.12) !important; box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 0.9rem inset, rgba(207, 154, 70, 0.22) 0px 0px 0.55rem !important;} :where(.secret-cms) .page-card--market .market-filter__flags label {min-height: 1.42rem !important; height: 1.42rem !important; padding: 0px 0.45rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.24rem !important; background: linear-gradient(rgba(3, 5, 7, 0.8), rgba(16, 10, 5, 0.68)), url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat !important; border: 0px !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--market .market-filter__flags label:hover {filter: brightness(1.14) !important;} :where(.secret-cms) .page-card--market .market-filter__flags input {width: 0.72rem !important; height: 0.72rem !important; min-height: 0.72rem !important; padding: 0px !important; accent-color: rgb(201, 148, 67) !important;} :where(.secret-cms) .page-card--usercp .web-storage-grid {justify-content: start !important; align-items: start !important; grid-template-columns: repeat(auto-fill, minmax(8.8rem, 8.8rem)) !important; gap: 0.85rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card {width: 8.8rem !important; min-height: auto !important; display: grid !important; grid-template-columns: 1fr !important; place-items: start center !important; gap: 0.22rem !important; padding: 0.62rem 0.52rem 0.58rem !important; text-align: center !important; border: 1px solid rgba(190, 134, 62, 0.5) !important; background: linear-gradient(145deg, rgba(4, 6, 8, 0.86), rgba(29, 15, 7, 0.74)), url("../../../../assets/images/ui/market-lot-frame.png") center center / 100% 100% no-repeat !important; box-shadow: rgba(0, 0, 0, 0.72) 0px 0px 1rem inset !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__image.equipment-item {width: 4.35rem !important; height: 4.35rem !important; min-width: 4.35rem !important; min-height: 4.35rem !important; margin: 0.12rem auto 0.18rem !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(218, 170, 86, 0.34) !important; background: linear-gradient(rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0% 0% / 50% 50%, linear-gradient(90deg, rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0% 0% / 50% 50%, 0% 0% / auto rgba(0, 0, 0, 0.48) !important; box-shadow: rgba(0, 0, 0, 0.78) 0px 0px 0.75rem inset !important; overflow: visible !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__image.equipment-item > img:not(.item-tooltip__image) {max-width: 82% !important; max-height: 86% !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: auto !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__body {display: grid !important; justify-items: center !important; gap: 0.12rem !important; width: 100% !important; min-width: 0px !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__body strong, :where(.secret-cms) .page-card--usercp .web-storage-card__body h3 {display: block !important; width: 100% !important; margin: 0px !important; color: rgb(255, 228, 155) !important; font-size: 0.58rem !important; line-height: 1.05 !important; text-align: center !important; overflow-wrap: anywhere !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__body span {display: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions {width: 100% !important; display: grid !important; gap: 0.22rem !important; justify-items: center !important; margin-top: 0.1rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell, :where(.secret-cms) .page-card--usercp .web-storage-card__move {width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 0.2rem !important; justify-items: center !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell input, :where(.secret-cms) .page-card--usercp .web-storage-card__sell textarea, :where(.secret-cms) .page-card--usercp .web-storage-card__sell select {width: 100% !important; min-height: 1.45rem !important; height: 1.45rem !important; padding: 0px 0.38rem !important; font-size: 0.5rem !important; line-height: 1 !important; text-align: center !important; border: 1px solid rgba(190, 134, 62, 0.48) !important; background: rgba(0, 0, 0, 0.42) !important; color: rgb(255, 244, 204) !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button {width: 5.65rem !important; min-width: 5.65rem !important; max-width: 5.65rem !important; height: 1.45rem !important; min-height: 1.45rem !important; max-height: 1.45rem !important; padding: 0px 0.35rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 0.48rem !important; line-height: 1 !important; text-align: center !important; border: 0px !important; background: linear-gradient(rgba(3, 5, 7, 0.68), rgba(16, 10, 5, 0.72)), url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat !important; box-shadow: none !important; transform: none !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button:hover, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button:hover, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button:hover {filter: brightness(1.14) !important; color: rgb(255, 230, 160) !important;} @media (max-width: 760px) { :where(.secret-cms) .page-card--usercp .web-storage-grid {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; justify-content: stretch !important;} :where(.secret-cms) .page-card--usercp .web-storage-card {width: 100% !important; max-width: 9rem !important; justify-self: center !important;} } :where(.secret-cms) .page-card--usercp .warehouse-slot:hover .warehouse-item-actions {display: none !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot:focus-within .warehouse-item-actions, :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-item-actions {display: grid !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active, :where(.secret-cms) .page-card--usercp .warehouse-slot:focus-within {z-index: 27000 !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .equipment-item .item-tooltip, :where(.secret-cms) .page-card--usercp .warehouse-slot:focus-within .equipment-item .item-tooltip {display: none !important; visibility: hidden !important; opacity: 0 !important;} :where(.secret-cms) .page-card--usercp .web-storage-grid {display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0.9rem !important; overflow: visible !important;} :where(.secret-cms) .page-card--usercp .web-storage-card, :where(.secret-cms) .page-card--usercp .web-storage-card * {box-sizing: border-box !important;} :where(.secret-cms) .page-card--usercp .web-storage-card::before, :where(.secret-cms) .page-card--usercp .web-storage-card::after, :where(.secret-cms) .page-card--usercp .web-storage-card .button::before, :where(.secret-cms) .page-card--usercp .web-storage-card .button::after, :where(.secret-cms) .page-card--usercp .web-storage-card button::before, :where(.secret-cms) .page-card--usercp .web-storage-card button::after {content: none !important; display: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card {position: relative !important; width: 9.6rem !important; min-width: 9.6rem !important; max-width: 9.6rem !important; min-height: 11rem !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 0.28rem !important; padding: 0.78rem 0.68rem 0.72rem !important; text-align: center !important; overflow: visible !important; border: 0px !important; background: url("../../../../assets/images/ui/market-lot-frame.png") center center / 100% 100% no-repeat !important; box-shadow: none !important; cursor: pointer !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__image.equipment-item {width: 4.85rem !important; height: 4.85rem !important; min-width: 4.85rem !important; min-height: 4.85rem !important; max-width: 4.85rem !important; max-height: 4.85rem !important; margin: 0.06rem auto 0.1rem !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; border: 0px !important; background: transparent !important; box-shadow: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__image.equipment-item > img:not(.item-tooltip__image) {display: block !important; width: auto !important; height: auto !important; max-width: 88% !important; max-height: 88% !important; margin: auto !important; object-fit: contain !important; transform: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__body {width: 100% !important; min-width: 0px !important; display: block !important; padding: 0px !important; margin: 0px !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__body strong, :where(.secret-cms) .page-card--usercp .web-storage-card__body h3 {display: block !important; width: 100% !important; margin: 0px !important; padding: 0px !important; color: rgb(255, 228, 155) !important; font-family: var(--font-serif) !important; font-size: 0.6rem !important; line-height: 1.08 !important; text-align: center !important; text-shadow: rgba(255, 210, 110, 0.28) 0px 0px 0.28rem !important; overflow-wrap: anywhere !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__body span {display: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions {width: 100% !important; display: none !important; flex-direction: column !important; align-items: center !important; gap: 0.24rem !important; margin: 0.1rem 0px 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within {z-index: 28000 !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__actions, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__actions {display: flex !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .item-tooltip, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .item-tooltip {display: none !important; visibility: hidden !important; opacity: 0 !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell, :where(.secret-cms) .page-card--usercp .web-storage-card__move {width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0.2rem !important; margin: 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell input, :where(.secret-cms) .page-card--usercp .web-storage-card__sell textarea, :where(.secret-cms) .page-card--usercp .web-storage-card__sell select {width: 100% !important; min-width: 0px !important; max-width: 100% !important; height: 1.34rem !important; min-height: 1.34rem !important; max-height: 1.34rem !important; margin: 0px !important; padding: 0px 0.4rem !important; color: rgb(255, 244, 204) !important; font-size: 0.5rem !important; line-height: 1 !important; text-align: center !important; border: 0px !important; background: url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat !important; box-shadow: none !important; transform: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button, :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button:hover, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button:hover, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button:hover, :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button:focus, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button:focus, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button:focus, :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button:active, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button:active, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button:active {display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 6.3rem !important; min-width: 6.3rem !important; max-width: 6.3rem !important; height: 1.38rem !important; min-height: 1.38rem !important; max-height: 1.38rem !important; margin: 0px !important; padding: 0px 0.35rem !important; overflow: visible !important; border: 0px !important; color: rgb(255, 244, 213) !important; background: url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat !important; box-shadow: none !important; filter: none !important; transform: none !important; font-family: var(--font-serif) !important; font-size: 0.52rem !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button:hover, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button:hover, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button:hover, :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button:focus, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button:focus, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button:focus {filter: brightness(1.12) saturate(1.08) !important;} @media (max-width: 760px) { :where(.secret-cms) .page-card--usercp .web-storage-grid {justify-content: center !important; gap: 0.75rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card {width: 9.2rem !important; min-width: 9.2rem !important; max-width: 9.2rem !important;} } .secret-cms.body_usercp .legacyx-cms-section [data-section-bg="content"], .secret-cms.body_rankings .legacyx-cms-section [data-section-bg="content"] {position: fixed !important; inset: 0px !important; width: 100vw !important; height: 100vh !important; min-height: 100vh !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transform: none !important;} .secret-cms.body_rankings .legacyx-cms-section [data-section-bg="content"] {background-image: url("/public/legacyx/themes/legacyx/images/resources/bg.jpg") !important; background-position: center top !important;} :where(.secret-cms) .admin-log-tabs {display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0px 12px; padding: 8px; background: rgb(238, 241, 244); border: 1px solid rgb(208, 215, 222);} :where(.secret-cms) .admin-log-tabs a {display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 30px; padding: 6px 10px; color: rgb(52, 73, 94); font-size: 13px; font-weight: 700; text-decoration: none; background: rgb(255, 255, 255); border: 1px solid rgb(203, 211, 218);} :where(.secret-cms) .admin-log-tabs a:hover, :where(.secret-cms) .admin-log-tabs a.is-active {color: rgb(255, 255, 255); background: rgb(52, 73, 94); border-color: rgb(52, 73, 94);} :where(.secret-cms) .admin-log-tabs span {min-width: 20px; padding: 1px 6px; color: inherit; text-align: center; background: rgba(52, 73, 94, 0.12); border-radius: 10px;} :where(.secret-cms) .admin-log-tabs a:hover span, :where(.secret-cms) .admin-log-tabs a.is-active span {background: rgba(255, 255, 255, 0.18);} :where(.secret-cms) .admin-log-panel {margin-top: 8px; background: rgb(255, 255, 255); border: 1px solid rgb(208, 215, 222);} :where(.secret-cms) .admin-log-panel__head {display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; color: rgb(52, 73, 94); background: rgb(244, 246, 248); border-bottom: 1px solid rgb(208, 215, 222);} :where(.secret-cms) .admin-log-panel__head h3 {margin: 0px; color: rgb(52, 73, 94); font-size: 16px;} :where(.secret-cms) .admin-log-count {font-weight: 700;} :where(.secret-cms) .admin-log-table-wrap {overflow-x: auto;} :where(.secret-cms) .admin-log-table-wrap table {min-width: 980px;} :where(.secret-cms) .admin-log-type {display: inline-flex; align-items: center; justify-content: center; min-width: 86px; padding: 4px 8px; color: rgb(52, 73, 94); font-size: 12px; font-weight: 700; background: rgb(238, 241, 244); border: 1px solid rgb(208, 215, 222);} :where(.secret-cms) .admin-log-context {max-width: 760px; white-space: pre-wrap; word-break: break-word; color: rgb(52, 73, 94); font-family: Consolas, Monaco, monospace; font-size: 12px;} .secret-cms.body_usercp .legacyx-cms-section [data-section-bg="content"], .secret-cms.body_rankings .legacyx-cms-section [data-section-bg="content"], .secret-cms.body_character .legacyx-cms-section [data-section-bg="content"] {position: fixed !important; inset: 0px !important; width: 100vw !important; height: 100vh !important; min-height: 100vh !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transform: none !important;} .secret-cms.body_rankings .legacyx-cms-section [data-section-bg="content"] {background-image: url("/public/legacyx/themes/legacyx/images/resources/bg.jpg") !important; background-position: center top !important;} :where(.secret-cms) .page-card--usercp .web-storage-card {width: 9.8rem !important; min-width: 9.8rem !important; max-width: 9.8rem !important; min-height: 13.2rem !important; padding: 0.82rem 0.72rem !important; gap: 0.22rem !important; align-items: center !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions, :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__actions, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__actions {display: flex !important; width: 100% !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 0.18rem !important; margin: 0.12rem 0px 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell, :where(.secret-cms) .page-card--usercp .web-storage-card__move {display: flex !important; width: 100% !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.18rem !important; margin: 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell input, :where(.secret-cms) .page-card--usercp .web-storage-card__sell textarea, :where(.secret-cms) .page-card--usercp .web-storage-card__sell select, :where(.secret-cms) .page-card--usercp .web-storage-card__sell button, :where(.secret-cms) .page-card--usercp .web-storage-card__move .button, :where(.secret-cms) .page-card--usercp .web-storage-card__actions .button {display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 6.55rem !important; min-width: 6.55rem !important; max-width: 6.55rem !important; height: 1.26rem !important; min-height: 1.26rem !important; max-height: 1.26rem !important; margin: 0px auto !important; padding: 0px 0.42rem !important; box-sizing: border-box !important; text-align: center !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; background: url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat !important; border: 0px !important; box-shadow: none !important; transform: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__sell textarea {resize: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__image.equipment-item {margin-bottom: 0.04rem !important;} @media (max-width: 760px) { :where(.secret-cms) .page-card--usercp .web-storage-card {width: 9.6rem !important; min-width: 9.6rem !important; max-width: 9.6rem !important;} } :where(.secret-cms) .page-card--usercp .web-storage-card {min-height: 8.35rem !important; padding: 0.82rem 0.72rem 0.76rem !important; cursor: pointer !important;} :where(.secret-cms) .page-card--usercp .web-storage-card__actions {display: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active {z-index: 30000 !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active::before {content: "" !important; display: block !important; position: fixed !important; inset: 0px !important; z-index: 29990 !important; pointer-events: none !important; background: rgba(0, 0, 0, 0.58) !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__actions, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__actions {position: fixed !important; left: 50% !important; top: 50% !important; z-index: 30010 !important; display: flex !important; width: 15rem !important; min-width: 15rem !important; max-width: calc(-2rem + 100vw) !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.48rem !important; margin: 0px !important; padding: 1.05rem 1rem 1rem !important; transform: translate(-50%, -50%) !important; background: linear-gradient(rgba(19, 14, 9, 0.98), rgba(7, 8, 10, 0.98)) !important; border: 1px solid rgba(173, 119, 36, 0.9) !important; box-shadow: rgba(255, 216, 133, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.7) 0px 1.2rem 3rem !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__actions::before, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__actions::before {content: "Действия" !important; display: block !important; width: 100% !important; margin: 0px 0px 0.25rem !important; color: rgb(255, 228, 155) !important; font-family: var(--font-serif) !important; font-size: 0.86rem !important; line-height: 1 !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0px !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__sell, :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__move, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__sell, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__move {width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0.38rem !important; margin: 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__sell input, :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__sell textarea, :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__sell select, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__sell input, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__sell textarea, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__sell select {width: 11.8rem !important; min-width: 11.8rem !important; max-width: 11.8rem !important; height: 1.55rem !important; min-height: 1.55rem !important; max-height: 1.55rem !important; margin: 0px auto !important; padding: 0px 0.62rem !important; color: rgb(255, 244, 213) !important; font-size: 0.64rem !important; text-align: center !important; background: rgba(0, 0, 0, 0.45) !important; border: 1px solid rgba(173, 119, 36, 0.75) !important;} :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__sell button, :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__move .button, :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__actions .button, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__sell button, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__move .button, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__actions .button {width: 9.8rem !important; min-width: 9.8rem !important; max-width: 9.8rem !important; height: 1.58rem !important; min-height: 1.58rem !important; max-height: 1.58rem !important; margin: 0px auto !important; padding: 0px 0.45rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: rgb(255, 244, 213) !important; font-size: 0.62rem !important; text-align: center !important; background: url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat !important; border: 0px !important; box-shadow: none !important; transform: none !important;} @media (max-width: 760px) { :where(.secret-cms) .page-card--usercp .web-storage-card.web-storage-card--active .web-storage-card__actions, :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within .web-storage-card__actions {width: 14rem !important; min-width: 14rem !important; padding: 0.95rem 0.85rem !important;} } :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within:not(.web-storage-card--active)::before {content: none !important; display: none !important;} :where(.secret-cms) .page-card--usercp .web-storage-card:focus-within:not(.web-storage-card--active) .web-storage-card__actions {display: none !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot:not(.warehouse-slot--empty) {cursor: pointer !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot:hover .warehouse-item-actions, :where(.secret-cms) .page-card--usercp .warehouse-slot:focus-within .warehouse-item-actions, :where(.secret-cms) .page-card--usercp .warehouse-slot .warehouse-item-actions {display: none !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active {z-index: 30000 !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active::before {content: "" !important; display: block !important; position: fixed !important; inset: 0px !important; z-index: 29990 !important; pointer-events: none !important; background: rgba(0, 0, 0, 0.58) !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-item-actions {position: fixed !important; left: 50% !important; top: 50% !important; z-index: 30010 !important; display: flex !important; width: 15rem !important; min-width: 15rem !important; max-width: calc(-2rem + 100vw) !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.48rem !important; margin: 0px !important; padding: 1.05rem 1rem 1rem !important; transform: translate(-50%, -50%) !important; background: linear-gradient(rgba(19, 14, 9, 0.98), rgba(7, 8, 10, 0.98)) !important; border: 1px solid rgba(173, 119, 36, 0.9) !important; box-shadow: rgba(255, 216, 133, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.7) 0px 1.2rem 3rem !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-item-actions::before {content: "Действия" !important; display: block !important; width: 100% !important; margin: 0px 0px 0.25rem !important; color: rgb(255, 228, 155) !important; font-family: var(--font-serif) !important; font-size: 0.86rem !important; line-height: 1 !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0px !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-market-sell, :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-web-transfer {width: 100% !important; display: flex !important; position: static !important; flex-direction: column !important; align-items: center !important; gap: 0.38rem !important; margin: 0px !important; padding: 0px !important; transform: none !important; border: 0px !important; background: transparent !important; box-shadow: none !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-item-actions input {width: 11.8rem !important; min-width: 11.8rem !important; max-width: 11.8rem !important; height: 1.55rem !important; min-height: 1.55rem !important; max-height: 1.55rem !important; margin: 0px auto !important; padding: 0px 0.62rem !important; color: rgb(255, 244, 213) !important; font-size: 0.64rem !important; font-weight: 800 !important; text-align: center !important; background: rgba(0, 0, 0, 0.45) !important; border: 1px solid rgba(173, 119, 36, 0.75) !important; box-shadow: none !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-item-actions button {width: 9.8rem !important; min-width: 9.8rem !important; max-width: 9.8rem !important; height: 1.58rem !important; min-height: 1.58rem !important; max-height: 1.58rem !important; margin: 0px auto !important; padding: 0px 0.45rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: rgb(255, 244, 213) !important; font-family: var(--font-serif) !important; font-size: 0.62rem !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; text-transform: uppercase !important; background: url("../../../../assets/images/ui/market-small-button.png") center center / 100% 100% no-repeat !important; border: 0px !important; box-shadow: none !important; transform: none !important; cursor: pointer !important;} :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-item-actions button:hover, :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-item-actions button:focus {filter: brightness(1.12) saturate(1.08) !important;} @media (max-width: 760px) { :where(.secret-cms) .page-card--usercp .warehouse-slot.warehouse-slot--active .warehouse-item-actions {width: 14rem !important; min-width: 14rem !important; padding: 0.95rem 0.85rem !important;} } :where(.secret-cms) .page-card--market .market-filter__flags {display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0.42rem !important;} :where(.secret-cms) .page-card--market .market-filter__flags label, :where(.secret-cms) .page-card--market .market-filter__flags label:hover, :where(.secret-cms) .page-card--market .market-filter__flags label:focus-within, :where(.secret-cms) .page-card--market .market-filter__flags label:active {position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.34rem !important; width: 4.95rem !important; min-width: 4.95rem !important; max-width: 4.95rem !important; height: 1.34rem !important; min-height: 1.34rem !important; max-height: 1.34rem !important; margin: 0px !important; padding: 0px 0.52rem !important; color: rgb(255, 233, 181) !important; font-size: 0.54rem !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; text-shadow: rgb(0, 0, 0) 0px 1px 5px !important; text-transform: uppercase !important; background: url("../../../../assets/images/ui/market-filter-chip.png") center center / 100% 100% no-repeat transparent !important; border: 0px !important; box-shadow: none !important; transform: none !important; cursor: pointer !important; overflow: visible !important;} :where(.secret-cms) .page-card--market .market-filter__flags label:hover, :where(.secret-cms) .page-card--market .market-filter__flags label:focus-within {color: rgb(255, 247, 214) !important; filter: brightness(1.18) saturate(1.08) drop-shadow(rgba(218, 170, 86, 0.35) 0px 0px 0.28rem) !important;} :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"], :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:hover, :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:focus, :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:active {appearance: none !important; position: relative !important; display: inline-block !important; flex: 0 0 0.55rem !important; width: 0.55rem !important; min-width: 0.55rem !important; max-width: 0.55rem !important; height: 0.55rem !important; min-height: 0.55rem !important; max-height: 0.55rem !important; margin: 0px !important; padding: 0px !important; vertical-align: middle !important; background: none rgba(5, 4, 3, 0.72) !important; border: 1px solid rgba(255, 220, 135, 0.78) !important; border-radius: 0px !important; box-shadow: rgba(0, 0, 0, 0.88) 0px 0px 0.22rem inset, rgba(218, 170, 86, 0.28) 0px 0px 0.16rem !important; opacity: 1 !important; outline: 0px !important; transform: none !important; pointer-events: none !important;} :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:checked {background: rgba(75, 47, 12, 0.95) !important; border-color: rgb(255, 216, 110) !important;} :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:checked::after {content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; display: block !important; width: 0.26rem !important; height: 0.26rem !important; background: rgb(255, 216, 110) !important; box-shadow: rgba(255, 220, 100, 0.92) 0px 0px 0.45rem !important; transform: translate(-50%, -50%) !important;} :where(.secret-cms) .page-card--market .market-filter__flags label:has(input[type="checkbox"]:checked) {color: rgb(255, 248, 215) !important; filter: brightness(1.18) saturate(1.08) !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link, :where(.secret-cms) .page-card--market .market-filter__actions .btn:hover, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn:focus, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:focus, :where(.secret-cms) .page-card--market .market-filter__actions .btn:active, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:active {position: relative !important; top: auto !important; bottom: auto !important; margin-top: 0px !important; margin-bottom: 0px !important; transform: none !important; background-position: center center !important; background-size: 100% 100% !important;} :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"], :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:hover, :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:focus, :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:active, :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:checked {position: absolute !important; left: 0px !important; top: 0px !important; width: 1px !important; min-width: 1px !important; max-width: 1px !important; height: 1px !important; min-height: 1px !important; max-height: 1px !important; margin: 0px !important; padding: 0px !important; opacity: 0 !important; background: none transparent !important; border: 0px !important; box-shadow: none !important; pointer-events: none !important;} :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]::after, :where(.secret-cms) .page-card--market .market-filter__flags input[type="checkbox"]:checked::after, :where(.secret-cms) .page-card--market .market-filter__flags label::after, :where(.secret-cms) .page-card--market .market-filter__flags label:has(input[type="checkbox"]:checked)::after {content: none !important; display: none !important;} :where(.secret-cms) .page-card--market .market-filter__flags label::before, :where(.secret-cms) .page-card--market .market-filter__flags label:hover::before, :where(.secret-cms) .page-card--market .market-filter__flags label:focus-within::before {content: "" !important; position: relative !important; display: block !important; flex: 0 0 0.5rem !important; width: 0.5rem !important; height: 0.5rem !important; margin: 0px !important; background: rgba(0, 0, 0, 0.22) !important; border: 1px solid rgba(255, 220, 135, 0.62) !important; box-shadow: rgba(0, 0, 0, 0.72) 0px 0px 0.2rem inset, rgba(218, 170, 86, 0.24) 0px 0px 0.14rem !important; transform: none !important;} :where(.secret-cms) .page-card--market .market-filter__flags label:has(input[type="checkbox"]:checked)::before {background: radial-gradient(circle, rgb(255, 216, 110) 0px, rgb(255, 216, 110) 0.15rem, rgba(78, 48, 12, 0.95) 0.16rem, rgba(78, 48, 12, 0.95) 100%) !important; border-color: rgb(255, 216, 110) !important; box-shadow: rgba(255, 220, 100, 0.58) 0px 0px 0.45rem, rgba(0, 0, 0, 0.8) 0px 0px 0.16rem inset !important;} :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]), :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):hover, :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):focus, :where(.secret-cms) .page-card--market .market-filter select, :where(.secret-cms) .page-card--market .market-filter select:hover, :where(.secret-cms) .page-card--market .market-filter select:focus {background-color: transparent !important; background-image: url("../../../../assets/images/ui/market-small-button.png") !important; background-position: center center !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; background-blend-mode: normal !important; box-shadow: none !important; border: 0px !important; outline: 0px !important; transform: none !important;} :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"])::placeholder {color: rgba(255, 234, 184, 0.92) !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link, :where(.secret-cms) .page-card--market .market-filter__actions .btn:hover, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn:focus, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:focus, :where(.secret-cms) .page-card--market .market-filter__actions .btn:active, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:active {background-color: transparent !important; background-image: url("../../../../assets/images/ui/market-small-button.png") !important; background-position: center center !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; box-shadow: none !important; transform: none !important;} :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]), :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):hover, :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):focus, :where(.secret-cms) .page-card--market .market-filter select, :where(.secret-cms) .page-card--market .market-filter select:hover, :where(.secret-cms) .page-card--market .market-filter select:focus {background: none transparent !important; box-shadow: rgba(255, 221, 139, 0.04) 0px 0px 0px 1px inset !important; border: 1px solid rgba(177, 125, 45, 0.72) !important; outline: 0px !important; transform: none !important;} :where(.secret-cms) .page-card--market .market-filter select {background-color: rgba(0, 0, 0, 0.12) !important;} :where(.secret-cms) .page-card--market .market-filter option {background: rgb(7, 6, 5) !important; color: rgb(255, 233, 181) !important;} :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]), :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):hover, :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):focus, :where(.secret-cms) .page-card--market .market-filter select, :where(.secret-cms) .page-card--market .market-filter select:hover, :where(.secret-cms) .page-card--market .market-filter select:focus {background-color: transparent !important; background-image: url("../../../../assets/images/ui/market-small-button.png") !important; background-position: center center !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; background-blend-mode: normal !important; border: 0px !important; box-shadow: none !important; outline: 0px !important; transform: none !important;} :where(.secret-cms) .page-card--market .market-filter select {color-scheme: dark !important;} :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):hover, :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):focus, :where(.secret-cms) .page-card--market .market-filter select:hover, :where(.secret-cms) .page-card--market .market-filter select:focus {filter: brightness(1.12) saturate(1.05) !important;} :where(.secret-cms) .page-card--market .market-filter label, :where(.secret-cms) .page-card--market .market-filter__search {text-align: center !important; place-items: center !important;} :where(.secret-cms) .page-card--market .market-filter label {gap: 0.24rem !important;} :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]), :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):hover, :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]):focus, :where(.secret-cms) .page-card--market .market-filter select, :where(.secret-cms) .page-card--market .market-filter select:hover, :where(.secret-cms) .page-card--market .market-filter select:focus {text-align: center !important; text-align-last: center !important; padding-left: 0.7rem !important; padding-right: 0.7rem !important; line-height: 1.05 !important;} :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"])::placeholder {text-align: center !important; opacity: 1 !important;} :where(.secret-cms) .page-card--market .market-filter select option {text-align: center !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link, :where(.secret-cms) .page-card--market .market-filter__actions .btn:hover, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn:focus, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:focus, :where(.secret-cms) .page-card--market .market-filter__actions .btn:active, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:active {display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1 !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important;} :where(.secret-cms) .page-card--market .market-filter__flags label, :where(.secret-cms) .page-card--market .market-filter__flags label:hover, :where(.secret-cms) .page-card--market .market-filter__flags label:focus-within, :where(.secret-cms) .page-card--market .market-filter__flags label:active {justify-content: center !important; align-items: center !important; text-align: center !important; line-height: 1 !important;} :where(.secret-cms) .page-card--market .market-card__body h2 {display: block !important; width: 5.4rem !important; max-width: 5.4rem !important; min-height: 1.25rem !important; margin: 0.1rem auto 0.18rem !important; padding: 0px 0.08rem !important; font-size: 0.48rem !important; line-height: 1.08 !important; letter-spacing: 0px !important; text-align: center !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important;} :where(.secret-cms) .page-card--market .market-card__body, :where(.secret-cms) .page-card--market .market-card__tags, :where(.secret-cms) .page-card--market .market-card__actions {text-align: center !important; justify-content: center !important; align-items: center !important;} @media (min-width: 769px) { :where(.secret-cms) .page-card--market .market-filter__search input:not([type="checkbox"]), :where(.secret-cms) .page-card--market .market-filter__search input:not([type="checkbox"]):hover, :where(.secret-cms) .page-card--market .market-filter__search input:not([type="checkbox"]):focus {width: 50% !important; min-width: 8rem !important; max-width: 9.5rem !important; justify-self: center !important; margin-left: auto !important; margin-right: auto !important; background-size: 100% 100% !important; background-position: center center !important;} } @media (max-width: 768px) { :where(.secret-cms) .page-card--market .market-filter__search input:not([type="checkbox"]), :where(.secret-cms) .page-card--market .market-filter__search input:not([type="checkbox"]):hover, :where(.secret-cms) .page-card--market .market-filter__search input:not([type="checkbox"]):focus {width: 100% !important; max-width: none !important; justify-self: stretch !important;} } .secret-cms.body_usercp .legacyx-cms-section [data-section-bg="content"] {background-size: cover !important; background-position: center top !important;} :where(.secret-cms) .page-card--usercp {padding: clamp(1.25rem, 2vw, 1.9rem) !important;} :where(.secret-cms) .page-card--usercp h1 {margin-bottom: 0.75rem !important; font-size: clamp(1.6rem, 2vw, 2.05rem) !important; line-height: 1.05 !important;} :where(.secret-cms) .page-card--usercp h2 {margin: 1.15rem 0px 0.65rem !important; font-size: clamp(1.35rem, 1.85vw, 1.85rem) !important; line-height: 1.08 !important;} :where(.secret-cms) .page-card--usercp .eyebrow {margin-bottom: 0.35rem !important;} :where(.secret-cms) .page-card--usercp .account-grid {grid-template-columns: repeat(auto-fit, minmax(7.15rem, 1fr)) !important; gap: 0.48rem !important; margin: 0.75rem 0px 0.9rem !important;} :where(.secret-cms) .page-card--usercp .stat-box, :where(.secret-cms) .page-card--usercp .usercp-action--vip, :where(.secret-cms) .page-card--usercp .vote-card, :where(.secret-cms) .page-card--usercp .usercp-character, :where(.secret-cms) .page-card--usercp .usercp-ticket, :where(.secret-cms) .page-card--usercp .usercp-ticket-form {border: 0px !important; box-shadow: none !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 100% 100% !important;} :where(.secret-cms) .page-card--usercp .stat-box {min-height: 4rem !important; padding: 0.72rem 0.8rem !important; background-image: url("../../../../assets/images/ui/usercp-tile-frame.png") !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 0.28rem !important;} :where(.secret-cms) .page-card--usercp .stat-box::before, :where(.secret-cms) .page-card--usercp .usercp-action--vip::before, :where(.secret-cms) .page-card--usercp .vote-card::before, :where(.secret-cms) .page-card--usercp .usercp-character::before, :where(.secret-cms) .page-card--usercp .usercp-ticket::before {display: none !important;} :where(.secret-cms) .page-card--usercp .stat-box--button:hover, :where(.secret-cms) .page-card--usercp .stat-box--button:focus {background-image: url("../../../../assets/images/ui/usercp-tile-frame-hover.png") !important; transform: translateY(-1px) !important; filter: brightness(1.1) saturate(1.05) !important;} :where(.secret-cms) .page-card--usercp .stat-box span, :where(.secret-cms) .page-card--usercp .usercp-action span, :where(.secret-cms) .page-card--usercp .usercp-privacy span {font-size: 0.52rem !important; line-height: 1.15 !important; letter-spacing: 0px !important;} :where(.secret-cms) .page-card--usercp .stat-box strong, :where(.secret-cms) .page-card--usercp .usercp-action strong {font-size: 0.88rem !important; line-height: 1.08 !important; letter-spacing: 0px !important;} :where(.secret-cms) .page-card--usercp .usercp-action--vip {min-height: 3.55rem !important; margin: 0.55rem 0px 1rem !important; padding: 0.65rem 0.95rem !important; grid-template-columns: minmax(8rem, 1fr) minmax(4rem, auto) minmax(7.4rem, auto) !important; gap: 0.65rem !important; background-image: url("../../../../assets/images/ui/usercp-wide-frame.png") !important;} :where(.secret-cms) .page-card--usercp .usercp-action--vip .button {min-height: 1.55rem !important; height: 1.55rem !important; padding: 0px 0.7rem !important; font-size: 0.56rem !important; line-height: 1 !important;} :where(.secret-cms) .page-card--usercp .admin-help {margin: 0.55rem 0px 0.7rem !important; padding: 0.55rem 0.75rem !important; font-size: 0.58rem !important; line-height: 1.45 !important;} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(auto-fit, minmax(18.5rem, 1fr)) !important; gap: 0.7rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character {min-height: 0px !important; padding: 0.78rem 0.85rem !important; gap: 0.48rem !important; background-image: url("../../../../assets/images/ui/usercp-character-frame.png") !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head {grid-template-columns: minmax(0px, 1fr) auto !important; gap: 0.5rem !important; padding-bottom: 0.45rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character__identity {grid-template-columns: 2.8rem minmax(0px, 1fr) !important; gap: 0.5rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character__avatar {width: 2.8rem !important; height: 3.15rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head strong {font-size: 0.95rem !important; line-height: 1.05 !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head span, :where(.secret-cms) .page-card--usercp .usercp-character__stats {font-size: 0.58rem !important; line-height: 1.15 !important;} :where(.secret-cms) .page-card--usercp .usercp-action {grid-template-columns: minmax(0px, 1fr) 4.1rem 6.4rem !important; gap: 0.35rem !important; align-items: center !important;} :where(.secret-cms) .page-card--usercp .usercp-action input, :where(.secret-cms) .page-card--usercp .usercp-action select, :where(.secret-cms) .page-card--usercp .usercp-ticket-form input, :where(.secret-cms) .page-card--usercp .usercp-ticket-form textarea {min-height: 1.45rem !important; height: 1.45rem !important; padding: 0px 0.5rem !important; font-size: 0.56rem !important;} :where(.secret-cms) .page-card--usercp .button, :where(.secret-cms) .page-card--usercp .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button {min-height: 1.45rem !important; height: 1.45rem !important; padding: 0px 0.55rem !important; font-size: 0.54rem !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy {gap: 0.35rem !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy form {min-height: 1.75rem !important; padding: 0.35rem 0.45rem !important; gap: 0.35rem !important;} @media (max-width: 900px) { :where(.secret-cms) .page-card--usercp .account-grid {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} :where(.secret-cms) .page-card--usercp .usercp-action--vip, :where(.secret-cms) .page-card--usercp .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-privacy form {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: 1fr !important;} } :where(.secret-cms) .page-card--usercp .stat-box span, :where(.secret-cms) .page-card--usercp .stat-box strong, :where(.secret-cms) .page-card--usercp .usercp-action span, :where(.secret-cms) .page-card--usercp .usercp-action strong, :where(.secret-cms) .page-card--usercp .usercp-privacy span, :where(.secret-cms) .page-card--usercp .usercp-character__head, :where(.secret-cms) .page-card--usercp .usercp-character__head strong, :where(.secret-cms) .page-card--usercp .usercp-character__meta {background: transparent !important; box-shadow: none !important;} :where(.secret-cms) .page-card--usercp .usercp-action--vip {width: min(21rem, 100%) !important; max-width: 21rem !important; min-height: 2.9rem !important; margin: 0.55rem 0px 0.9rem !important; padding: 0.48rem 0.7rem !important; grid-template-columns: minmax(0px, 1fr) 3.7rem 5.5rem !important; gap: 0.35rem !important; justify-items: stretch !important;} :where(.secret-cms) .page-card--usercp .usercp-action--vip strong {font-size: 0.58rem !important; line-height: 1.08 !important;} :where(.secret-cms) .page-card--usercp .usercp-action--vip span {justify-self: end !important; text-align: right !important; font-size: 0.5rem !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--usercp .usercp-action--vip .button {width: 5.5rem !important; min-width: 5.5rem !important; max-width: 5.5rem !important; height: 1.25rem !important; min-height: 1.25rem !important; padding: 0px 0.3rem !important; font-size: 0.43rem !important; line-height: 0.92 !important; white-space: normal !important;} :where(.secret-cms) .page-card--usercp .usercp-action {grid-template-columns: 7.6rem 4.1rem 6.35rem !important; gap: 0.38rem !important;} :where(.secret-cms) .page-card--usercp .usercp-action input[name="new_name"], :where(.secret-cms) .page-card--usercp .usercp-action select[name="class"] {width: 7.6rem !important; max-width: 7.6rem !important; min-width: 0px !important; justify-self: start !important;} :where(.secret-cms) .page-card--usercp .usercp-action .button {min-width: 6.35rem !important; width: 6.35rem !important; max-width: 6.35rem !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy form {grid-template-columns: minmax(0px, 1fr) 5.95rem !important; gap: 0.45rem !important; align-items: center !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy .button {min-width: 5.95rem !important; width: 5.95rem !important; max-width: 5.95rem !important; height: 1.35rem !important; min-height: 1.35rem !important; padding: 0px 0.35rem !important; font-size: 0.44rem !important; line-height: 0.95 !important; white-space: normal !important; background-image: url("../../../../assets/images/ui/market-small-button.png") !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: transparent !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy .button:hover, :where(.secret-cms) .page-card--usercp .usercp-action .button:hover, :where(.secret-cms) .page-card--usercp .usercp-action--vip .button:hover {transform: none !important; filter: brightness(1.14) saturate(1.08) !important;} @media (max-width: 900px) { :where(.secret-cms) .page-card--usercp .usercp-action--vip, :where(.secret-cms) .page-card--usercp .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-privacy form {width: 100% !important; max-width: 100% !important; grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-action input[name="new_name"], :where(.secret-cms) .page-card--usercp .usercp-action select[name="class"], :where(.secret-cms) .page-card--usercp .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button, :where(.secret-cms) .page-card--usercp .usercp-action--vip .button {width: 100% !important; max-width: 100% !important;} } :where(.secret-cms) .page-card--usercp .stat-box span, :where(.secret-cms) .page-card--usercp .usercp-character, :where(.secret-cms) .page-card--usercp .usercp-character * {-webkit-font-smoothing: antialiased !important; text-rendering: optimizelegibility !important;} :where(.secret-cms) .page-card--usercp .stat-box span, :where(.secret-cms) .page-card--usercp .usercp-action span, :where(.secret-cms) .page-card--usercp .usercp-privacy span, :where(.secret-cms) .page-card--usercp .usercp-character__stats, :where(.secret-cms) .page-card--usercp .usercp-character__head span {text-shadow: rgba(0, 0, 0, 0.92) 0px 1px 1px !important; opacity: 1 !important;} :where(.secret-cms) .page-card--usercp .usercp-action input, :where(.secret-cms) .page-card--usercp .usercp-action select {font-size: 0.58rem !important; font-weight: 700 !important; line-height: 1.12 !important; color: rgb(255, 242, 207) !important;} :where(.secret-cms) .page-card--usercp .usercp-action span {font-size: 0.58rem !important; line-height: 1.1 !important; color: rgb(255, 226, 164) !important;} :where(.secret-cms) .page-card--usercp .usercp-action .button {font-size: 0.54rem !important; line-height: 1 !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy form {min-height: 1.95rem !important; padding: 0.42rem 0.5rem !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy span {font-size: 0.63rem !important; line-height: 1.18 !important; font-weight: 800 !important; color: rgb(255, 240, 198) !important; text-align: left !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy .button {height: 1.48rem !important; min-height: 1.48rem !important; font-size: 0.5rem !important; font-weight: 800 !important; line-height: 0.98 !important; color: rgb(255, 243, 210) !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head strong {font-size: 1rem !important; line-height: 1.08 !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head span, :where(.secret-cms) .page-card--usercp .usercp-character__stats {font-size: 0.62rem !important; line-height: 1.18 !important; color: rgb(243, 223, 181) !important;} :where(.secret-cms) .page-card--usercp .usercp-character .admin-help {font-size: 0.58rem !important; line-height: 1.25 !important;} :where(.secret-cms) .page-card--usercp .usercp-dashboard {display: grid !important; grid-template-columns: minmax(0px, 1.25fr) minmax(15rem, 0.75fr) !important; gap: 0.85rem !important; align-items: stretch !important; margin: 0.45rem 0px 1.25rem !important;} :where(.secret-cms) .page-card--usercp .usercp-panel {position: relative !important; min-width: 0px !important; padding: 0.78rem 0.82rem !important; border: 1px solid rgba(190, 134, 62, 0.42) !important; background: linear-gradient(105deg, rgba(3, 6, 8, 0.74), rgba(29, 19, 10, 0.42)) !important; box-shadow: rgba(0, 0, 0, 0.52) 0px 0px 1.6rem inset, rgba(190, 134, 62, 0.08) 0px 0px 0.95rem !important;} :where(.secret-cms) .page-card--usercp .usercp-panel__head {display: flex !important; align-items: end !important; justify-content: space-between !important; gap: 0.65rem !important; margin: 0px 0px 0.58rem !important; padding: 0px 0px 0.42rem !important; border-bottom: 1px solid rgba(190, 134, 62, 0.25) !important;} :where(.secret-cms) .page-card--usercp .usercp-panel__head span {color: rgba(245, 218, 166, 0.7) !important; font-size: 0.52rem !important; font-weight: 800 !important; text-transform: uppercase !important;} :where(.secret-cms) .page-card--usercp .usercp-panel__head strong {color: rgb(255, 230, 170) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 0.95rem !important; line-height: 1 !important; text-align: right !important;} :where(.secret-cms) .page-card--usercp .account-grid--summary, :where(.secret-cms) .page-card--usercp .account-grid--quick {display: grid !important; gap: 0.45rem !important; margin: 0px !important;} :where(.secret-cms) .page-card--usercp .account-grid--summary {grid-template-columns: repeat(auto-fit, minmax(6.7rem, 1fr)) !important;} :where(.secret-cms) .page-card--usercp .account-grid--quick {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .stat-box {min-height: 3.05rem !important; padding: 0.52rem 0.6rem !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .stat-box span {font-size: 0.53rem !important; color: rgba(246, 220, 171, 0.72) !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .stat-box strong {font-size: 0.82rem !important; line-height: 1.08 !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .stat-box--button:hover, :where(.secret-cms) .page-card--usercp .usercp-panel .stat-box--button:focus {transform: none !important; filter: brightness(1.18) saturate(1.08) !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip {width: 100% !important; max-width: none !important; margin: 0.62rem 0px 0px !important; min-height: 2.35rem !important; padding: 0.46rem 0.6rem !important; grid-template-columns: minmax(0px, 1fr) auto 5.2rem !important; background-image: url("../../../../assets/images/ui/usercp-wide-frame.png") !important; background-size: 100% 100% !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip strong {font-size: 0.62rem !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip span {font-size: 0.54rem !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 5.2rem !important; max-width: 5.2rem !important; min-width: 5.2rem !important; height: 1.32rem !important; min-height: 1.32rem !important; font-size: 0.48rem !important;} :where(.secret-cms) .page-card--usercp > h2 {margin: 1.35rem 0px 0.55rem !important;} :where(.secret-cms) .page-card--usercp > .admin-help {margin: 0px 0px 0.75rem !important; padding: 0.52rem 0.65rem !important; font-size: 0.62rem !important; line-height: 1.35 !important; color: rgb(241, 221, 185) !important; background: rgba(0, 0, 0, 0.18) !important; border: 1px solid rgba(190, 134, 62, 0.25) !important;} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.85rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character {padding: 0.78rem 0.85rem !important; gap: 0.55rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head {padding-bottom: 0.5rem !important; margin-bottom: 0.12rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-privacy {position: relative !important; margin-top: 0.12rem !important; padding-top: 1.05rem !important; border-top: 1px solid rgba(190, 134, 62, 0.22) !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action::before, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-privacy::before {position: absolute !important; top: 0.18rem !important; left: 0.05rem !important; color: rgba(245, 218, 166, 0.7) !important; font-size: 0.5rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0px !important; pointer-events: none !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action:nth-of-type(1)::before {content: "Смена ника" !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action:nth-of-type(2)::before {content: "Смена класса" !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-privacy::before {content: "Приватность" !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action {grid-template-columns: minmax(7rem, 1fr) 3.7rem 5.9rem !important; gap: 0.4rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action input[name="new_name"], :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action select[name="class"] {width: 100% !important; max-width: none !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button {width: 5.9rem !important; max-width: 5.9rem !important; min-width: 5.9rem !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy {gap: 0.42rem !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy form {grid-template-columns: minmax(0px, 1fr) 6rem !important; padding: 0.42rem 0.05rem 0.05rem !important;} @media (max-width: 1180px) { :where(.secret-cms) .page-card--usercp .usercp-dashboard, :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: 1fr !important;} } @media (max-width: 900px) { :where(.secret-cms) .page-card--usercp .account-grid--summary, :where(.secret-cms) .page-card--usercp .account-grid--quick {grid-template-columns: 1fr 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-privacy form, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 100% !important; max-width: 100% !important; min-width: 0px !important;} } :where(.secret-cms) .page-card--usercp .usercp-character, :where(.secret-cms) .page-card--usercp .usercp-character *, :where(.secret-cms) .page-card--usercp .usercp-panel, :where(.secret-cms) .page-card--usercp .usercp-panel * {text-shadow: none !important; filter: none !important; -webkit-font-smoothing: antialiased !important; text-rendering: geometricprecision !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip {width: min(15.5rem, 100%) !important; max-width: 15.5rem !important; min-height: 2.15rem !important; padding: 0.38rem 0.52rem !important; grid-template-columns: minmax(0px, 1fr) 3.25rem 3.9rem !important; gap: 0.28rem !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip strong {font-size: 0.58rem !important; line-height: 1.05 !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip span {font-size: 0.48rem !important; line-height: 1 !important; text-align: right !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 3.9rem !important; min-width: 3.9rem !important; max-width: 3.9rem !important; height: 1.18rem !important; min-height: 1.18rem !important; padding: 0px 0.2rem !important; font-size: 0.43rem !important; line-height: 0.95 !important;} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 0.58rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character {min-width: 0px !important; min-height: 0px !important; padding: 0.62rem 0.66rem !important; gap: 0.42rem !important; background-color: rgba(7, 5, 3, 0.42) !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head {grid-template-columns: minmax(0px, 1fr) auto !important; gap: 0.35rem !important; padding-bottom: 0.38rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character__identity {grid-template-columns: 2.3rem minmax(0px, 1fr) !important; gap: 0.4rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character__avatar {width: 2.3rem !important; height: 2.65rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head strong {font-size: 0.82rem !important; line-height: 1.05 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head span, :where(.secret-cms) .page-card--usercp .usercp-character__stats {font-size: 0.52rem !important; line-height: 1.1 !important; color: rgb(242, 221, 180) !important;} :where(.secret-cms) .page-card--usercp .usercp-character__stats {white-space: nowrap !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-privacy {padding-top: 0.86rem !important; margin-top: 0px !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action::before, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-privacy::before {top: 0.15rem !important; font-size: 0.46rem !important; color: rgba(255, 226, 170, 0.82) !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action {grid-template-columns: minmax(0px, 1fr) 3.15rem 4.6rem !important; gap: 0.28rem !important; align-items: center !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action input[name="new_name"], :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action select[name="class"] {width: 100% !important; max-width: 100% !important; height: 1.24rem !important; min-height: 1.24rem !important; padding: 0px 0.42rem !important; font-size: 0.5rem !important; line-height: 1.1 !important; font-weight: 800 !important; color: rgb(255, 242, 202) !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action span {font-size: 0.48rem !important; line-height: 1 !important; justify-content: center !important; text-align: center !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button {width: 4.6rem !important; min-width: 4.6rem !important; max-width: 4.6rem !important; height: 1.2rem !important; min-height: 1.2rem !important; padding: 0px 0.22rem !important; font-size: 0.46rem !important; line-height: 0.95 !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy form {grid-template-columns: minmax(0px, 1fr) 4.9rem !important; min-height: 1.55rem !important; padding: 0.26rem 0.02rem 0.02rem !important; gap: 0.28rem !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy span {font-size: 0.54rem !important; line-height: 1.08 !important; font-weight: 800 !important; color: rgb(255, 240, 198) !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy .button {width: 4.9rem !important; min-width: 4.9rem !important; max-width: 4.9rem !important; height: 1.24rem !important; min-height: 1.24rem !important; padding: 0px 0.2rem !important; font-size: 0.43rem !important; line-height: 0.9 !important;} @media (max-width: 1240px) { :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} } @media (max-width: 900px) { :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-privacy form, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 100% !important; max-width: 100% !important; min-width: 0px !important;} } .secret-cms.body_usercp .legacyx-cms-container, .secret-cms.body_usercp [data-container="content"] {width: min(68rem, -34rem + 100vw) !important; max-width: 68rem !important; margin-left: max(15rem, 8vw) !important; margin-right: auto !important;} .secret-cms.body_usercp .page-card--usercp {width: 100% !important; max-width: 68rem !important; margin-left: 0px !important; margin-right: auto !important; padding: 1.2rem 1.35rem !important; box-sizing: border-box !important; overflow: visible !important;} .secret-cms.body_usercp .page-card--usercp, .secret-cms.body_usercp .page-card--usercp :not(h1):not(h2):not(.stat-box strong):not(.usercp-character__head strong) {font-family: Arial, Helvetica, sans-serif !important; text-shadow: none !important; letter-spacing: 0px !important; filter: none !important; -webkit-font-smoothing: antialiased !important; text-rendering: auto !important;} .secret-cms.body_usercp .page-card--usercp h1, .secret-cms.body_usercp .page-card--usercp h2 {text-shadow: rgba(0, 0, 0, 0.75) 0px 1px 0px !important;} .secret-cms.body_usercp .page-card--usercp .usercp-dashboard {grid-template-columns: 1fr !important; gap: 0.65rem !important; margin-bottom: 1rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel {padding: 0.62rem 0.72rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel__head {margin-bottom: 0.45rem !important; padding-bottom: 0.3rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel__head strong {font-size: 0.78rem !important;} .secret-cms.body_usercp .page-card--usercp .account-grid--summary, .secret-cms.body_usercp .page-card--usercp .account-grid--quick {grid-template-columns: repeat(auto-fit, minmax(7.2rem, 1fr)) !important; gap: 0.38rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .stat-box {min-height: 2.55rem !important; padding: 0.42rem 0.52rem !important;} .secret-cms.body_usercp .page-card--usercp .stat-box span, .secret-cms.body_usercp .page-card--usercp .usercp-panel__head span {font-family: Arial, Helvetica, sans-serif !important; font-size: 0.56rem !important; line-height: 1.1 !important; color: rgb(216, 191, 134) !important;} .secret-cms.body_usercp .page-card--usercp .stat-box strong {font-size: 0.78rem !important; line-height: 1.05 !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip {width: min(13rem, 100%) !important; max-width: 13rem !important; min-height: 1.85rem !important; padding: 0.32rem 0.45rem !important; grid-template-columns: minmax(0px, 1fr) 2.7rem 3.2rem !important; gap: 0.24rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button {font-family: Arial, Helvetica, sans-serif !important; text-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong {font-size: 0.52rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span {font-size: 0.45rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 3.2rem !important; min-width: 3.2rem !important; max-width: 3.2rem !important; height: 1.05rem !important; min-height: 1.05rem !important; font-size: 0.4rem !important; line-height: 0.92 !important; padding: 0px 0.12rem !important;} .secret-cms.body_usercp .page-card--usercp > h2 {margin-top: 1.05rem !important; margin-bottom: 0.45rem !important;} .secret-cms.body_usercp .page-card--usercp > .admin-help {font-family: Arial, Helvetica, sans-serif !important; font-size: 0.62rem !important; line-height: 1.35 !important; color: rgb(240, 223, 189) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(3, 1fr) !important; gap: 0.52rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character {width: auto !important; min-width: 0px !important; max-width: none !important; padding: 0.52rem 0.55rem !important; gap: 0.34rem !important; background: rgba(5, 4, 3, 0.48) !important; border: 1px solid rgba(190, 134, 62, 0.44) !important; box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 0.75rem inset !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__head {display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; gap: 0.3rem !important; padding-bottom: 0.32rem !important; border-bottom: 1px solid rgba(190, 134, 62, 0.28) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__identity {grid-template-columns: 2.05rem minmax(0px, 1fr) !important; gap: 0.35rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__avatar {width: 2.05rem !important; height: 2.35rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__head strong {font-family: Arial, Helvetica, sans-serif !important; font-size: 0.78rem !important; font-weight: 800 !important; line-height: 1.05 !important; color: rgb(255, 227, 166) !important; text-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__head span, .secret-cms.body_usercp .page-card--usercp .usercp-character__stats {font-family: Arial, Helvetica, sans-serif !important; font-size: 0.5rem !important; font-weight: 700 !important; line-height: 1.08 !important; color: rgb(216, 197, 155) !important; text-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-privacy {padding-top: 0.72rem !important; border-top: 1px solid rgba(190, 134, 62, 0.23) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action::before, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-privacy::before {top: 0.12rem !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 0.43rem !important; color: rgb(200, 167, 103) !important; text-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action {grid-template-columns: minmax(0px, 1fr) 2.65rem 3.85rem !important; gap: 0.24rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action input[name="new_name"], .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action select[name="class"] {height: 1.12rem !important; min-height: 1.12rem !important; padding: 0px 0.34rem !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 0.48rem !important; font-weight: 800 !important; color: rgb(255, 241, 200) !important; background: rgba(0, 0, 0, 0.45) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action span {font-family: Arial, Helvetica, sans-serif !important; font-size: 0.43rem !important; color: rgb(232, 207, 145) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action .button, .secret-cms.body_usercp .page-card--usercp .usercp-privacy .button {font-family: Arial, Helvetica, sans-serif !important; font-size: 0.4rem !important; font-weight: 800 !important; color: rgb(255, 240, 200) !important; text-shadow: none !important; height: 1.1rem !important; min-height: 1.1rem !important; padding: 0px 0.14rem !important; white-space: nowrap !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action .button {width: 3.85rem !important; min-width: 3.85rem !important; max-width: 3.85rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-privacy form {grid-template-columns: minmax(0px, 1fr) 4.15rem !important; gap: 0.22rem !important; min-height: 1.32rem !important; padding: 0.2rem 0px 0px !important;} .secret-cms.body_usercp .page-card--usercp .usercp-privacy span {font-family: Arial, Helvetica, sans-serif !important; font-size: 0.49rem !important; font-weight: 800 !important; color: rgb(255, 240, 200) !important; text-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .usercp-privacy .button {width: 4.15rem !important; min-width: 4.15rem !important; max-width: 4.15rem !important;} @media (max-width: 1500px) { .secret-cms.body_usercp .legacyx-cms-container, .secret-cms.body_usercp [data-container="content"] {width: min(62rem, -30rem + 100vw) !important; max-width: 62rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(2, 1fr) !important;} } @media (max-width: 1180px) { .secret-cms.body_usercp .legacyx-cms-container, .secret-cms.body_usercp [data-container="content"] {width: min(100% - 1.5rem, 58rem) !important; max-width: 58rem !important; margin-left: auto !important; margin-right: auto !important;} } @media (max-width: 900px) { .secret-cms.body_usercp .page-card--usercp .usercp-character-grid, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action, .secret-cms.body_usercp .page-card--usercp .usercp-privacy form, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip {grid-template-columns: 1fr !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action .button, .secret-cms.body_usercp .page-card--usercp .usercp-privacy .button, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 100% !important; max-width: 100% !important; min-width: 0px !important;} } :where(.secret-cms) .page-card--usercp {width: min(60rem, -33rem + 100vw) !important; max-width: 60rem !important; margin-left: 0px !important; margin-right: auto !important; padding: 1rem 1.1rem 1.2rem !important;} :where(.secret-cms) .legacyx-cms-container:has(.page-card--usercp), :where(.secret-cms) [data-container="content"]:has(.page-card--usercp) {width: min(60rem, -33rem + 100vw) !important; max-width: 60rem !important; margin-left: max(14rem, 7vw) !important; margin-right: auto !important;} :where(.secret-cms) .page-card--usercp, :where(.secret-cms) .page-card--usercp * {letter-spacing: 0px !important;} :where(.secret-cms) .page-card--usercp :not(h1):not(h2):not(.headline):not(.section-title) {font-family: Arial, Helvetica, sans-serif !important; text-shadow: none !important; filter: none !important;} :where(.secret-cms) .page-card--usercp h1 {font-size: 1.65rem !important; margin-bottom: 0.75rem !important;} :where(.secret-cms) .page-card--usercp h2 {font-size: 1.35rem !important; margin: 1.05rem 0px 0.55rem !important;} :where(.secret-cms) .page-card--usercp .usercp-dashboard {grid-template-columns: 1fr !important; gap: 0.5rem !important;} :where(.secret-cms) .page-card--usercp .account-grid--summary, :where(.secret-cms) .page-card--usercp .account-grid--quick {grid-template-columns: repeat(4, minmax(6.4rem, 1fr)) !important; gap: 0.42rem !important;} :where(.secret-cms) .page-card--usercp .account-card {min-height: 3.45rem !important; padding: 0.5rem 0.58rem !important;} :where(.secret-cms) .page-card--usercp .account-card span {font-size: 0.52rem !important; font-weight: 800 !important; color: rgb(200, 178, 118) !important;} :where(.secret-cms) .page-card--usercp .account-card strong, :where(.secret-cms) .page-card--usercp .account-card a {font-size: 0.74rem !important; line-height: 1.1 !important; font-weight: 800 !important; color: rgb(255, 228, 165) !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip {grid-template-columns: minmax(0px, 1fr) 2.7rem 3.1rem !important; width: min(14.5rem, 100%) !important; gap: 0.25rem !important; padding: 0.32rem 0.4rem !important;} :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 3.1rem !important; min-width: 3.1rem !important; height: 1rem !important; min-height: 1rem !important; padding: 0px 0.14rem !important; font-size: 0.42rem !important; line-height: 1 !important;} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(3, minmax(12.8rem, 13.8rem)) !important; justify-content: start !important; align-items: start !important; gap: 0.55rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character {width: 100% !important; min-width: 0px !important; min-height: 0px !important; padding: 0.48rem !important; background: linear-gradient(100deg, rgba(5, 5, 5, 0.84), rgba(54, 34, 14, 0.42)) !important; border: 1px solid rgba(177, 124, 52, 0.55) !important; box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 1.1rem inset !important;} :where(.secret-cms) .page-card--usercp .usercp-character::before, :where(.secret-cms) .page-card--usercp .usercp-character::after {display: none !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head {grid-template-columns: 2.05rem minmax(0px, 1fr) auto !important; gap: 0.34rem !important; min-height: 2.25rem !important; align-items: center !important; margin-bottom: 0.38rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head img {width: 2.05rem !important; height: 2.35rem !important; object-fit: cover !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head strong {font-size: 0.72rem !important; line-height: 1.06 !important; font-weight: 800 !important;} :where(.secret-cms) .page-card--usercp .usercp-character__head span, :where(.secret-cms) .page-card--usercp .usercp-character__stats {font-size: 0.52rem !important; line-height: 1.16 !important; font-weight: 700 !important; color: rgb(229, 208, 160) !important;} :where(.secret-cms) .page-card--usercp .usercp-character__stats {justify-self: end !important; text-align: right !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action {grid-template-columns: minmax(0px, 1fr) 2.45rem 3.2rem !important; gap: 0.22rem !important; align-items: center !important; padding-top: 0.62rem !important;} :where(.secret-cms) .page-card--usercp .usercp-privacy form {grid-template-columns: minmax(0px, 1fr) 3.2rem !important; gap: 0.22rem !important; min-height: 1.18rem !important; padding-top: 0.18rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action input[name="new_name"], :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action select[name="class"] {width: 100% !important; height: 1.05rem !important; min-height: 1.05rem !important; padding: 0px 0.34rem !important; font-size: 0.48rem !important; font-weight: 800 !important; line-height: 1 !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action span, :where(.secret-cms) .page-card--usercp .usercp-privacy span {font-size: 0.46rem !important; font-weight: 800 !important; color: rgb(240, 213, 143) !important; white-space: nowrap !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button {width: 3.2rem !important; min-width: 3.2rem !important; max-width: 3.2rem !important; height: 1rem !important; min-height: 1rem !important; padding: 0px 0.14rem !important; font-size: 0.42rem !important; line-height: 1 !important; font-weight: 800 !important; text-align: center !important;} @media (max-width: 1500px) { :where(.secret-cms) .page-card--usercp, :where(.secret-cms) .legacyx-cms-container:has(.page-card--usercp), :where(.secret-cms) [data-container="content"]:has(.page-card--usercp) {width: min(56rem, -30rem + 100vw) !important; max-width: 56rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(3, minmax(12.2rem, 13rem)) !important;} } @media (max-width: 1180px) { :where(.secret-cms) .page-card--usercp, :where(.secret-cms) .legacyx-cms-container:has(.page-card--usercp), :where(.secret-cms) [data-container="content"]:has(.page-card--usercp) {width: min(100% - 1.25rem, 54rem) !important; max-width: 54rem !important; margin-left: auto !important; margin-right: auto !important;} :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(2, minmax(13rem, 1fr)) !important;} } @media (max-width: 760px) { :where(.secret-cms) .page-card--usercp .account-grid--summary, :where(.secret-cms) .page-card--usercp .account-grid--quick, :where(.secret-cms) .page-card--usercp .usercp-character-grid, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-privacy form, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 100% !important; max-width: 100% !important; min-width: 0px !important;} } :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action input[name="new_name"], :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action select[name="class"] {font-size: 0.53rem !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action span, :where(.secret-cms) .page-card--usercp .usercp-privacy span {font-size: 0.52rem !important; line-height: 1.05 !important;} :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip .button {font-size: 0.49rem !important; line-height: 1.02 !important;} .secret-cms.body_usercp .legacyx-cms-container:has(.page-card--usercp), .secret-cms.body_usercp [data-container="content"]:has(.page-card--usercp), :where(.secret-cms) .legacyx-cms-container:has(.page-card--usercp), :where(.secret-cms) [data-container="content"]:has(.page-card--usercp) {width: min(72rem, -36rem + 100vw) !important; max-width: 72rem !important; margin-left: auto !important; margin-right: auto !important;} .secret-cms.body_usercp .page-card--usercp, :where(.secret-cms) .page-card--usercp {width: 100% !important; max-width: 72rem !important; margin-left: auto !important; margin-right: auto !important; padding: 1.15rem 1.25rem 1.35rem !important;} .secret-cms.body_usercp .page-card--usercp, .secret-cms.body_usercp .page-card--usercp :not(h1):not(h2), :where(.secret-cms) .page-card--usercp, :where(.secret-cms) .page-card--usercp :not(h1):not(h2) {-webkit-font-smoothing: antialiased; text-rendering: geometricprecision; font-family: Arial, Helvetica, sans-serif !important; letter-spacing: 0px !important; text-shadow: none !important; filter: none !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character-grid, :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(3, minmax(17rem, 1fr)) !important; justify-content: center !important; gap: 0.8rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character, :where(.secret-cms) .page-card--usercp .usercp-character {padding: 0.75rem !important; gap: 0.58rem !important; background: linear-gradient(110deg, rgba(5, 5, 5, 0.88), rgba(45, 28, 12, 0.5)) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__head, :where(.secret-cms) .page-card--usercp .usercp-character__head {min-height: 3.05rem !important; padding-bottom: 0.52rem !important; margin-bottom: 0.12rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__identity, :where(.secret-cms) .page-card--usercp .usercp-character__identity {grid-template-columns: 2.6rem minmax(0px, 1fr) !important; gap: 0.5rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__avatar, .secret-cms.body_usercp .page-card--usercp .usercp-character__head img, :where(.secret-cms) .page-card--usercp .usercp-character__avatar, :where(.secret-cms) .page-card--usercp .usercp-character__head img {width: 2.6rem !important; height: 3rem !important; object-fit: cover !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__head strong, :where(.secret-cms) .page-card--usercp .usercp-character__head strong {font-size: 0.92rem !important; line-height: 1.12 !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__head span, .secret-cms.body_usercp .page-card--usercp .usercp-character__stats, :where(.secret-cms) .page-card--usercp .usercp-character__head span, :where(.secret-cms) .page-card--usercp .usercp-character__stats {font-size: 0.68rem !important; line-height: 1.25 !important; color: rgb(234, 215, 173) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action {grid-template-columns: minmax(0px, 1fr) 4.2rem 5rem !important; gap: 0.36rem !important; min-height: 2.1rem !important; padding-top: 0.82rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action input[name="new_name"], .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action select[name="class"], :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action input[name="new_name"], :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action select[name="class"] {width: 100% !important; min-width: 0px !important; height: 1.55rem !important; min-height: 1.55rem !important; padding: 0px 0.55rem !important; font-size: 0.72rem !important; line-height: 1.2 !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action span, .secret-cms.body_usercp .page-card--usercp .usercp-privacy span, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action span, :where(.secret-cms) .page-card--usercp .usercp-privacy span {font-size: 0.66rem !important; line-height: 1.15 !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action .button, .secret-cms.body_usercp .page-card--usercp .usercp-privacy .button, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button {width: 5rem !important; min-width: 5rem !important; max-width: 5rem !important; height: 1.55rem !important; min-height: 1.55rem !important; padding: 0px 0.4rem !important; font-size: 0.64rem !important; line-height: 1.05 !important;} .secret-cms.body_usercp .page-card--usercp .usercp-privacy form, :where(.secret-cms) .page-card--usercp .usercp-privacy form {grid-template-columns: minmax(0px, 1fr) 5rem !important; gap: 0.36rem !important; min-height: 1.75rem !important;} :where(.secret-cms) .character-profile {width: min(68rem, -36rem + 100vw) !important; max-width: 68rem !important; margin-left: auto !important; margin-right: auto !important;} :where(.secret-cms) .legacyx-cms-container:has(.character-profile), :where(.secret-cms) [data-container="content"]:has(.character-profile) {width: min(68rem, -36rem + 100vw) !important; max-width: 68rem !important; margin-left: auto !important; margin-right: auto !important;} :where(.secret-cms) .character-profile__grid {grid-template-columns: minmax(17rem, 21rem) minmax(0px, 1fr) !important; align-items: start !important; gap: 1rem !important;} :where(.secret-cms) .character-profile .character-card {min-height: 12rem !important; padding: 1rem !important; display: grid !important; grid-template-columns: 7rem minmax(0px, 1fr) !important; align-items: center !important; gap: 0.85rem !important;} :where(.secret-cms) .character-profile .character-card::before {display: none !important;} :where(.secret-cms) .character-profile .character-card__avatar {position: static !important; width: 7rem !important; max-width: 7rem !important; height: 9.5rem !important; max-height: 9.5rem !important; object-fit: contain !important; transform: none !important;} @media (max-width: 1500px) { .secret-cms.body_usercp .legacyx-cms-container:has(.page-card--usercp), .secret-cms.body_usercp [data-container="content"]:has(.page-card--usercp), :where(.secret-cms) .legacyx-cms-container:has(.page-card--usercp), :where(.secret-cms) [data-container="content"]:has(.page-card--usercp), :where(.secret-cms) .legacyx-cms-container:has(.character-profile), :where(.secret-cms) [data-container="content"]:has(.character-profile), :where(.secret-cms) .character-profile {width: min(64rem, -28rem + 100vw) !important; max-width: 64rem !important;} .secret-cms.body_usercp .page-card--usercp, :where(.secret-cms) .page-card--usercp {max-width: 64rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character-grid, :where(.secret-cms) .page-card--usercp .usercp-character-grid {grid-template-columns: repeat(2, minmax(18rem, 1fr)) !important;} } @media (max-width: 1180px) { .secret-cms.body_usercp .legacyx-cms-container:has(.page-card--usercp), .secret-cms.body_usercp [data-container="content"]:has(.page-card--usercp), :where(.secret-cms) .legacyx-cms-container:has(.page-card--usercp), :where(.secret-cms) [data-container="content"]:has(.page-card--usercp), :where(.secret-cms) .legacyx-cms-container:has(.character-profile), :where(.secret-cms) [data-container="content"]:has(.character-profile), :where(.secret-cms) .character-profile {width: min(100% - 1.5rem, 58rem) !important; max-width: 58rem !important;} :where(.secret-cms) .character-profile__grid {grid-template-columns: 1fr !important;} } @media (max-width: 760px) { .secret-cms.body_usercp .page-card--usercp .usercp-character-grid, :where(.secret-cms) .page-card--usercp .usercp-character-grid, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action, .secret-cms.body_usercp .page-card--usercp .usercp-privacy form, :where(.secret-cms) .page-card--usercp .usercp-privacy form {grid-template-columns: 1fr !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action .button, .secret-cms.body_usercp .page-card--usercp .usercp-privacy .button, :where(.secret-cms) .page-card--usercp .usercp-character > .usercp-action .button, :where(.secret-cms) .page-card--usercp .usercp-privacy .button {width: 100% !important; min-width: 0px !important; max-width: 100% !important;} :where(.secret-cms) .character-profile .character-card {grid-template-columns: 1fr !important; justify-items: center !important;} } .secret-cms.body_usercp .page-card--usercp .usercp-panel, :where(.secret-cms) .page-card--usercp .usercp-panel {padding: 0.78rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel__head, :where(.secret-cms) .page-card--usercp .usercp-panel__head {margin-bottom: 0.55rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel__head span, .secret-cms.body_usercp .page-card--usercp .stat-box span, :where(.secret-cms) .page-card--usercp .usercp-panel__head span, :where(.secret-cms) .page-card--usercp .stat-box span {font-size: 0.68rem !important; line-height: 1.18 !important; color: rgb(217, 191, 130) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel__head strong, .secret-cms.body_usercp .page-card--usercp .stat-box strong, :where(.secret-cms) .page-card--usercp .usercp-panel__head strong, :where(.secret-cms) .page-card--usercp .stat-box strong {font-size: 0.9rem !important; line-height: 1.14 !important; color: rgb(255, 231, 173) !important;} .secret-cms.body_usercp .page-card--usercp .stat-box, :where(.secret-cms) .page-card--usercp .stat-box {min-height: 3.15rem !important; padding: 0.62rem 0.72rem !important;} .secret-cms.body_usercp .page-card--usercp .account-grid--summary, .secret-cms.body_usercp .page-card--usercp .account-grid--quick, :where(.secret-cms) .page-card--usercp .account-grid--summary, :where(.secret-cms) .page-card--usercp .account-grid--quick {gap: 0.58rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip {width: min(23rem, 100%) !important; max-width: 23rem !important; min-height: 2.1rem !important; grid-template-columns: minmax(0px, 1fr) 4.2rem 5rem !important; gap: 0.36rem !important; padding: 0.45rem 0.55rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip strong {font-size: 0.72rem !important; line-height: 1.12 !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip span {font-size: 0.66rem !important; line-height: 1.12 !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button, :where(.secret-cms) .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 5rem !important; min-width: 5rem !important; max-width: 5rem !important; height: 1.55rem !important; min-height: 1.55rem !important; padding: 0px 0.4rem !important; font-size: 0.64rem !important; line-height: 1.05 !important;} .secret-cms.body_usercp .page-card--usercp > .admin-help, :where(.secret-cms) .page-card--usercp > .admin-help {font-size: 0.72rem !important; line-height: 1.45 !important; padding: 0.55rem 0.65rem !important;} :where(.secret-cms) .character-profile__grid {grid-template-columns: minmax(24rem, 34rem) minmax(0px, 1fr) !important; gap: 1.1rem !important; align-items: stretch !important;} :where(.secret-cms) .character-profile .character-card {position: relative !important; min-height: 18.5rem !important; padding: 2.1rem 1.55rem !important; display: grid !important; grid-template-columns: 1fr !important; align-content: center !important; overflow: hidden !important; isolation: isolate !important; background: linear-gradient(90deg, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .72) 36%, rgba(0, 0, 0, .3) 68%, rgba(0, 0, 0, .88) 100%), linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .2) 45%, rgba(0, 0, 0, .86)), linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 34px no-repeat, rgba(3, 4, 5, .88) !important;} :where(.secret-cms) .character-profile .character-card::before {background: radial-gradient(circle at 68% 44%, rgba(255, 207, 116, 0.1), transparent 34%), linear-gradient(90deg, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.66) 34%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.82) 100%), linear-gradient(rgba(0, 0, 0, 0.82), transparent 34%, rgba(0, 0, 0, 0.86)); content: "" !important; display: block !important; position: absolute !important; inset: 0px !important; z-index: 2 !important; pointer-events: none !important;} :where(.secret-cms) .character-profile .character-card__avatar {display: block !important; position: absolute !important; z-index: 1 !important; right: -8% !important; bottom: -4% !important; width: 86% !important; max-width: none !important; height: 112% !important; max-height: none !important; object-fit: contain !important; object-position: right bottom !important; opacity: 0.92 !important; transform: none !important; filter: drop-shadow(rgba(0, 0, 0, 0.92) 0px 0px 2.4rem) saturate(0.96) contrast(1.04) !important; mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.58) 18%, rgb(0, 0, 0) 42%, rgb(0, 0, 0) 82%, transparent 100%) !important;} :where(.secret-cms) .character-profile .character-card__body {position: relative !important; z-index: 3 !important; max-width: 45% !important; min-width: 10rem !important;} :where(.secret-cms) .character-profile .character-card__class {font-size: clamp(1.55rem, 2.2vw, 2.25rem) !important; line-height: 1.05 !important;} :where(.secret-cms) .character-profile .character-card__short {margin-top: 0.5rem !important;} :where(.secret-cms) .character-profile .pill {margin-top: 0.9rem !important;} @media (max-width: 1180px) { :where(.secret-cms) .character-profile__grid {grid-template-columns: 1fr !important;} :where(.secret-cms) .character-profile .character-card {min-height: 18rem !important;} } @media (max-width: 760px) { :where(.secret-cms) .character-profile .character-card {min-height: 16rem !important; padding: 1.55rem 1.1rem !important;} :where(.secret-cms) .character-profile .character-card__avatar {right: -16% !important; width: 102% !important; height: 108% !important; opacity: 0.72 !important;} :where(.secret-cms) .character-profile .character-card__body {max-width: 58% !important; min-width: 0px !important;} } :where(.secret-cms), .secret-cms {max-width: 100%; overflow-x: clip;} @supports not (overflow-x: clip) { :where(.secret-cms), .secret-cms {overflow-x: hidden;} } :where(.secret-cms) img, :where(.secret-cms) video, :where(.secret-cms) canvas, :where(.secret-cms) svg {max-width: 100%;} @media (max-width: 1180px) { :where(.secret-cms) .legacyx-cms-section [data-container="content"], :where(.secret-cms) .legacyx-cms-container, :where(.secret-cms) .legacyx-cms-page, :where(.secret-cms) .page-card, :where(.secret-cms) .auth-card, :where(.secret-cms) .page-card--rankings, :where(.secret-cms) .page-card--usercp, :where(.secret-cms) .character-profile {max-width: calc(-1.25rem + 100vw) !important;} } @media (max-width: 760px) { :where(.secret-cms) .legacyx-cms-section [data-container="content"], :where(.secret-cms) .legacyx-cms-container {width: calc(-1rem + 100vw) !important; max-width: calc(-1rem + 100vw) !important; margin-left: auto !important; margin-right: auto !important;} :where(.secret-cms) .legacyx-cms-page, :where(.secret-cms) .page-card, :where(.secret-cms) .auth-card, :where(.secret-cms) .page-card--rankings, :where(.secret-cms) .page-card--usercp, :where(.secret-cms) .character-profile {width: 100% !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card:not(.character-profile), :where(.secret-cms) .auth-card, :where(.secret-cms) .page-card--rankings, :where(.secret-cms) .page-card--usercp {padding-left: 0.85rem !important; padding-right: 0.85rem !important;} :where(.secret-cms) .page-card h1, :where(.secret-cms) .auth-card h1, :where(.secret-cms) .character-profile h1 {overflow-wrap: anywhere; font-size: clamp(1.7rem, 9vw, 2.35rem) !important; line-height: 1.05 !important;} :where(.secret-cms) .page-card--rankings .tabs, :where(.secret-cms) .ranking-tabs {display: flex !important; flex-wrap: wrap !important; gap: 0.45rem !important; overflow: visible !important;} :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .ranking-tabs a {min-width: 0px !important; flex: 1 1 8.5rem !important; white-space: normal !important;} :where(.secret-cms) .table-wrap, :where(.secret-cms) .ranking-wrap, :where(.secret-cms) .warehouse-panel, :where(.secret-cms) .warehouse-vault, :where(.secret-cms) .web-storage-grid {max-width: 100% !important; overflow-x: auto !important;} :where(.secret-cms) .auth-card label, :where(.secret-cms) .auth-card input, :where(.secret-cms) .auth-card .button, :where(.secret-cms) .ranking-search, :where(.secret-cms) .ranking-search input, :where(.secret-cms) .ranking-search .button {width: 100% !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important;} } :where(.secret-cms) .character-profile__grid {grid-template-columns: minmax(250px, 0.38fr) minmax(0px, 1fr) !important; gap: 18px !important; margin: 18px 0px 34px !important; align-items: stretch !important;} :where(.secret-cms) .character-profile .character-card {position: relative !important; display: grid !important; grid-template-columns: 1fr !important; align-content: center !important; justify-items: start !important; gap: 10px !important; min-height: 220px !important; padding: 28px 22px !important; overflow: hidden !important; isolation: isolate !important; --class-avatar: none !important; background: linear-gradient(90deg, rgba(0, 0, 0, .34), rgba(0, 0, 0, .82) 48%, rgba(0, 0, 0, .94)), linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .76)), linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 34px no-repeat, linear-gradient(145deg, rgba(5, 8, 12, .84), rgba(15, 12, 8, .68)) !important;} :where(.secret-cms) .character-profile .character-card::before {content: "" !important; display: block !important; position: absolute !important; z-index: 1 !important; inset: 0px !important; pointer-events: none !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.82) 48%, rgba(0, 0, 0, 0.94)), linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.76)) !important; opacity: 1 !important; filter: none !important; mask-image: none !important; transform: none !important;} :where(.secret-cms) .character-profile .character-card__body {position: relative !important; z-index: 5 !important; display: grid !important; gap: 10px !important; max-width: 58% !important; min-width: 0px !important;} :where(.secret-cms) .character-profile .character-card__class {font-size: clamp(22px, 2vw, 28px) !important; line-height: 1.08 !important; text-shadow: rgba(0, 0, 0, 0.72) 0px 2px 14px !important;} :where(.secret-cms) .character-profile .character-card__short {color: rgba(232, 220, 197, 0.74) !important; font-weight: 700 !important; letter-spacing: 1px !important; margin-top: 0px !important;} :where(.secret-cms) .character-profile .pill {margin-top: 0px !important;} :where(.secret-cms) .character-profile .character-card__avatar {display: block !important; position: absolute !important; right: 0px !important; bottom: 0px !important; z-index: 2 !important; width: 48% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: right center !important; opacity: 0.36 !important; mix-blend-mode: screen !important; transform: none !important; filter: none !important; mask-image: none !important;} @media (max-width: 900px) { :where(.secret-cms) .character-profile__grid {grid-template-columns: 1fr !important;} :where(.secret-cms) .character-profile .character-card__body {max-width: 62% !important;} :where(.secret-cms) .character-profile .character-card__avatar {width: 52% !important; height: 100% !important; opacity: 0.36 !important;} } :where(.secret-cms) [data-section="consent"] {position: fixed !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 90 !important; padding: 16px 0px !important; background: rgba(18, 17, 15, 0.78) !important; backdrop-filter: blur(8px) !important; box-shadow: rgba(0, 0, 0, 0.7) 0px -18px 55px !important; border-top: 1px solid rgba(183, 130, 54, 0.42) !important; opacity: 0 !important; transform: translateY(18px) !important; transition: opacity 0.26s, transform 0.26s !important;} :where(.secret-cms) [data-section="consent"].is-visible {opacity: 1 !important; transform: translateY(0px) !important;} :where(.secret-cms) [data-section="consent"].is-hiding {opacity: 0 !important; transform: translateY(18px) !important;} :where(.secret-cms) [data-container="consent"] {max-width: 1500px !important;} :where(.secret-cms) .consent {display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: center !important; gap: 28px !important; color: rgba(255, 255, 255, 0.92) !important; font-family: intro, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.55 !important; text-align: left !important;} :where(.secret-cms) .consent__content a {color: rgb(216, 168, 79) !important; text-decoration: underline !important; text-underline-offset: 3px !important;} :where(.secret-cms) .consent .btn {min-width: 240px !important;} :where(.secret-cms) .character-profile .character-card {overflow: hidden !important; isolation: isolate !important;} :where(.secret-cms) .character-profile .character-card::before {background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.38) 34%, rgba(0, 0, 0, 0.16) 58%, rgba(0, 0, 0, 0.48) 100%), linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.7)) !important;} :where(.secret-cms) .character-profile .character-card__avatar {right: -2% !important; bottom: -2% !important; width: 58% !important; height: 108% !important; object-fit: cover !important; object-position: right center !important; opacity: 0.46 !important; filter: brightness(0.86) contrast(1.08) saturate(0.92) !important; mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 18%, rgb(0, 0, 0) 38%, rgb(0, 0, 0) 100%) !important;} @media (max-width: 900px) { :where(.secret-cms) .consent {grid-template-columns: 1fr !important; gap: 14px !important; text-align: center !important; font-size: 13px !important;} :where(.secret-cms) .consent .btn {width: 100% !important; min-width: 0px !important;} :where(.secret-cms) .character-profile .character-card__avatar {right: -8% !important; width: 68% !important; height: 106% !important; opacity: 0.42 !important;} } .secret-cms.body_usercp .page-card--usercp .account-card, .secret-cms.body_usercp .page-card--usercp .stat-box, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip, .secret-cms.body_usercp .page-card--usercp .usercp-character, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action, .secret-cms.body_usercp .page-card--usercp .usercp-privacy form {background-color: transparent !important;} .secret-cms.body_usercp .page-card--usercp .account-card::before, .secret-cms.body_usercp .page-card--usercp .account-card::after, .secret-cms.body_usercp .page-card--usercp .stat-box::before, .secret-cms.body_usercp .page-card--usercp .stat-box::after, .secret-cms.body_usercp .page-card--usercp .usercp-action--vip::before, .secret-cms.body_usercp .page-card--usercp .usercp-action--vip::after, .secret-cms.body_usercp .page-card--usercp .usercp-character::before, .secret-cms.body_usercp .page-card--usercp .usercp-character::after, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action::after, .secret-cms.body_usercp .page-card--usercp .usercp-privacy form::after {display: none !important; background: none !important; opacity: 0 !important;} .secret-cms.body_usercp .page-card--usercp .account-card span, .secret-cms.body_usercp .page-card--usercp .account-card strong, .secret-cms.body_usercp .page-card--usercp .account-card a, .secret-cms.body_usercp .page-card--usercp .stat-box span, .secret-cms.body_usercp .page-card--usercp .stat-box strong, .secret-cms.body_usercp .page-card--usercp .usercp-character__head strong, .secret-cms.body_usercp .page-card--usercp .usercp-character__head span, .secret-cms.body_usercp .page-card--usercp .usercp-character__stats, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action span, .secret-cms.body_usercp .page-card--usercp .usercp-privacy span {background: transparent !important; box-shadow: none !important; text-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .stat-box--button, .secret-cms.body_usercp .page-card--usercp .stat-box--button:hover, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action .button, .secret-cms.body_usercp .page-card--usercp .usercp-privacy .button {box-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .stat-box--button span, .secret-cms.body_usercp .page-card--usercp .stat-box--button strong, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button, .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action .button, .secret-cms.body_usercp .page-card--usercp .usercp-privacy .button, .secret-cms.body_usercp .page-card--usercp .button, .secret-cms.body_usercp .page-card--usercp .btn__content {background: none transparent !important; box-shadow: none !important; filter: none !important;} .secret-cms.body_usercp .page-card--usercp .stat-box--button span::before, .secret-cms.body_usercp .page-card--usercp .stat-box--button span::after, .secret-cms.body_usercp .page-card--usercp .stat-box--button strong::before, .secret-cms.body_usercp .page-card--usercp .stat-box--button strong::after, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong::before, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong::after, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span::before, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span::after, .secret-cms.body_usercp .page-card--usercp .button::before, .secret-cms.body_usercp .page-card--usercp .button::after, .secret-cms.body_usercp .page-card--usercp .btn__content::before, .secret-cms.body_usercp .page-card--usercp .btn__content::after {content: none !important; display: none !important; background: none !important; box-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .account-grid--summary, .secret-cms.body_usercp .page-card--usercp .account-grid--quick {align-items: stretch !important;} .secret-cms.body_usercp .page-card--usercp .stat-box, .secret-cms.body_usercp .page-card--usercp .stat-box--button, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip {position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 2.9rem !important; padding: 0.48rem 0.8rem !important; overflow: hidden !important; border: 0px !important; background-color: transparent !important; background-image: url("../../legacyx/images/server/server-bg.png") !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; box-shadow: none !important;} .secret-cms.body_usercp .page-card--usercp .stat-box--button {align-items: center !important; text-align: center !important;} .secret-cms.body_usercp .page-card--usercp .account-grid--quick .stat-box--button span, .secret-cms.body_usercp .page-card--usercp .account-grid--quick .stat-box--button strong {width: 100% !important; text-align: center !important; justify-content: center !important;} .secret-cms.body_usercp .page-card--usercp .stat-box span, .secret-cms.body_usercp .page-card--usercp .stat-box strong, .secret-cms.body_usercp .page-card--usercp .stat-box a, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button, .secret-cms.body_usercp .page-card--usercp .button, .secret-cms.body_usercp .page-card--usercp .btn__content {position: relative !important; z-index: 2 !important; display: block !important; background: none transparent !important; box-shadow: none !important; filter: none !important; text-shadow: rgba(0, 0, 0, 0.9) 0px 1px 8px !important;} .secret-cms.body_usercp .page-card--usercp .stat-box::before, .secret-cms.body_usercp .page-card--usercp .stat-box::after, .secret-cms.body_usercp .page-card--usercp .stat-box span::before, .secret-cms.body_usercp .page-card--usercp .stat-box span::after, .secret-cms.body_usercp .page-card--usercp .stat-box strong::before, .secret-cms.body_usercp .page-card--usercp .stat-box strong::after, .secret-cms.body_usercp .page-card--usercp .button::before, .secret-cms.body_usercp .page-card--usercp .button::after, .secret-cms.body_usercp .page-card--usercp .btn__content::before, .secret-cms.body_usercp .page-card--usercp .btn__content::after {content: none !important; display: none !important; background: none !important; box-shadow: none !important; opacity: 0 !important;} .secret-cms.body_usercp .page-card--usercp .stat-box span {margin: 0px 0px 0.18rem !important; font-size: 0.55rem !important; line-height: 1.05 !important; color: rgba(229, 203, 139, 0.82) !important;} .secret-cms.body_usercp .page-card--usercp .stat-box strong {margin: 0px !important; font-size: 0.78rem !important; line-height: 1.05 !important; color: rgb(255, 232, 173) !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip {display: grid !important; grid-template-columns: minmax(0px, 1fr) auto auto !important; align-items: center !important; justify-content: stretch !important; text-align: left !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button {display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;} :where(.secret-cms) [data-section="consent"] {display: block !important; pointer-events: auto !important;} :where(.secret-cms) [data-section="consent"]:not(.is-visible) {pointer-events: none !important;} :where(.secret-cms) [data-section="consent"].is-visible {pointer-events: auto !important;} @media (max-width: 900px) { .secret-cms.body_usercp .page-card--usercp .stat-box, .secret-cms.body_usercp .page-card--usercp .stat-box--button {min-height: 3.2rem !important; text-align: center !important; align-items: center !important;} } .secret-cms.body_usercp .page-card--usercp .account-grid--summary .stat-box {align-items: center !important; justify-content: center !important; text-align: center !important;} .secret-cms.body_usercp .page-card--usercp .account-grid--summary .stat-box span, .secret-cms.body_usercp .page-card--usercp .account-grid--summary .stat-box strong {width: 100% !important; text-align: center !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip {width: min(100%, 19rem) !important; min-height: 2.9rem !important; height: 2.9rem !important; padding: 0.48rem 0.72rem !important; grid-template-columns: minmax(0px, 1fr) auto auto !important; gap: 0.5rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span {white-space: nowrap !important; line-height: 1.05 !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button {width: auto !important; min-width: 4.2rem !important; max-width: 4.8rem !important; height: 1.15rem !important; min-height: 1.15rem !important; padding: 0px 0.28rem !important; font-size: 0.48rem !important; line-height: 1 !important; white-space: nowrap !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character {overflow: hidden !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__head {display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: center !important; gap: 0.5rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__identity {min-width: 0px !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__head strong, .secret-cms.body_usercp .page-card--usercp .usercp-character__head span {overflow: hidden !important; text-overflow: ellipsis !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character__stats {justify-self: end !important; text-align: right !important; white-space: nowrap !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action {display: grid !important; grid-template-columns: minmax(5.8rem, 1fr) 3.75rem 4.35rem !important; align-items: center !important; gap: 0.34rem !important; min-width: 0px !important; padding-top: 0.62rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action input[name="new_name"], .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action select[name="class"] {width: 100% !important; min-width: 0px !important; height: 1.22rem !important; min-height: 1.22rem !important; box-sizing: border-box !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action span {min-width: 0px !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action .button {width: 100% !important; min-width: 0px !important; max-width: none !important; height: 1.22rem !important; min-height: 1.22rem !important; padding: 0px 0.24rem !important; font-size: 0.48rem !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;} .secret-cms.body_usercp .page-card--usercp .usercp-privacy form {display: grid !important; grid-template-columns: minmax(0px, 1fr) 5.6rem !important; align-items: center !important; gap: 0.42rem !important; min-width: 0px !important;} .secret-cms.body_usercp .page-card--usercp .usercp-privacy span {min-width: 0px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;} .secret-cms.body_usercp .page-card--usercp .usercp-privacy .button {width: 100% !important; min-width: 0px !important; max-width: none !important; height: 1.2rem !important; min-height: 1.2rem !important; padding: 0px 0.22rem !important; font-size: 0.46rem !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;} @media (max-width: 900px) { .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip {width: 100% !important; height: auto !important; grid-template-columns: 1fr !important; text-align: center !important;} .secret-cms.body_usercp .page-card--usercp .usercp-character > .usercp-action, .secret-cms.body_usercp .page-card--usercp .usercp-privacy form {grid-template-columns: 1fr !important; text-align: center !important;} } :where(.secret-cms) .character-profile .character-stats {display: grid !important; grid-template-columns: repeat(4, minmax(7.4rem, 1fr)) !important; gap: 0.48rem !important; align-content: start !important; align-items: stretch !important;} :where(.secret-cms) .character-profile .character-stats > div {min-height: 4.55rem !important; height: 4.55rem !important; padding: 0.64rem 0.78rem !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; border: 0px !important; background-color: transparent !important; background-image: url("../../legacyx/images/server/server-bg.png") !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; box-shadow: none !important; overflow: hidden !important;} :where(.secret-cms) .character-profile .character-stats > div::before, :where(.secret-cms) .character-profile .character-stats > div::after {content: none !important; display: none !important;} :where(.secret-cms) .character-profile .character-stats span, :where(.secret-cms) .character-profile .character-stats strong, :where(.secret-cms) .character-profile .character-stats .link {width: 100% !important; display: block !important; text-align: center !important; background: transparent !important; box-shadow: none !important; text-shadow: rgba(0, 0, 0, 0.9) 0px 1px 8px !important;} :where(.secret-cms) .character-profile .character-stats span {margin: 0px 0px 0.22rem !important; font-size: 0.56rem !important; line-height: 1.05 !important; color: rgba(229, 203, 139, 0.82) !important;} :where(.secret-cms) .character-profile .character-stats strong, :where(.secret-cms) .character-profile .character-stats .link {margin: 0px !important; font-size: 0.88rem !important; line-height: 1.08 !important; color: rgb(255, 232, 173) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;} :where(.secret-cms) .item-tooltip__options .item-tooltip__option--additional, :where(.secret-cms) .item-tooltip__options li.item-tooltip__option--additional, :where(.secret-cms) .page-card--market .market-card__options .item-tooltip__option--additional {color: rgb(66, 255, 120) !important; text-shadow: rgba(66, 255, 120, 0.22) 0px 0px 8px, rgb(0, 0, 0) 0px 1px 4px !important;} @media (max-width: 1100px) { :where(.secret-cms) .character-profile .character-stats {grid-template-columns: repeat(3, minmax(7rem, 1fr)) !important;} } @media (max-width: 700px) { :where(.secret-cms) .character-profile .character-stats {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} :where(.secret-cms) .character-profile .character-stats > div {min-height: 4.25rem !important; height: 4.25rem !important;} } :where(.secret-cms) .character-profile .character-stats {gap: 0.34rem !important;} :where(.secret-cms) .character-profile .character-stats > div {min-height: 2.55rem !important; height: 2.55rem !important; padding: 0.36rem 0.58rem !important;} :where(.secret-cms) .character-profile .character-stats span {margin-bottom: 0.12rem !important; font-size: 0.46rem !important; line-height: 1 !important;} :where(.secret-cms) .character-profile .character-stats strong, :where(.secret-cms) .character-profile .character-stats .link {font-size: 0.68rem !important; line-height: 1.02 !important;} @media (max-width: 700px) { :where(.secret-cms) .character-profile .character-stats > div {min-height: 2.8rem !important; height: 2.8rem !important;} } :where(.secret-cms) .character-profile .character-stats {gap: 0.38rem !important;} :where(.secret-cms) .character-profile .character-stats > div {min-height: 2.82rem !important; height: 2.82rem !important; padding: 0.4rem 0.64rem !important;} :where(.secret-cms) .character-profile .character-stats span {margin-bottom: 0.14rem !important; font-size: 0.51rem !important; line-height: 1.02 !important;} :where(.secret-cms) .character-profile .character-stats strong, :where(.secret-cms) .character-profile .character-stats .link {font-size: 0.75rem !important; line-height: 1.04 !important;} @media (max-width: 700px) { :where(.secret-cms) .character-profile .character-stats > div {min-height: 3.05rem !important; height: 3.05rem !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="footer"] {position: fixed !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 18 !important; pointer-events: none !important; transform: translateY(0px) !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns, .secret-cms.body_home [data-section="footer"] .footer__content {pointer-events: auto !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: scale(0.9) !important; transform-origin: left bottom !important;} .secret-cms.body_home [data-section="footer"] .footer__line {opacity: 0.32 !important;} .secret-cms.body_home [data-section="resources"] .fp__container {padding-bottom: 9.75rem !important; box-sizing: border-box !important;} .secret-cms.body_home [data-section="resources"] .resources, .secret-cms.body_home [data-section="resources"] .resources__box, .secret-cms.body_home [data-section="resources"] .resources__files {padding-bottom: 2rem !important;} .secret-cms.body_home [data-section="resources"] .resources__downloads-list {max-height: calc(-19rem + 100vh) !important; overflow-y: auto !important; padding-right: 0.75rem !important; padding-bottom: 1rem !important; mask-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) calc(100% - 2rem), transparent 100%) !important;} .secret-cms.body_home .servers-list, .secret-cms.body_home [data-section="navigation"] {z-index: 80 !important; opacity: 1 !important; visibility: visible !important; filter: none !important;} .secret-cms.body_home .fp__swiper-slide.is-active .fp__box, .secret-cms.body_home .fp__swiper-slide.swiper-slide-active .fp__box {animation: 0.58s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running legacyxSoftSectionIn !important;} .secret-cms.body_home .fp__swiper-slide.is-leaving .fp__box {animation: 0.42s ease 0s 1 normal both running legacyxSoftSectionOut !important;} .secret-cms.body_home .fp__swiper-slide.is-active [data-section-bg], .secret-cms.body_home .fp__swiper-slide.swiper-slide-active [data-section-bg] {animation: 0.72s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running legacyxSoftBgIn !important;} } @keyframes legacyxSoftSectionIn { 0% { opacity: 0; transform: translateY(1.65rem); filter: blur(2px) brightness(0.8); } 100% { opacity: 1; transform: translateY(0px); filter: blur(0px) brightness(1); } } @keyframes legacyxSoftSectionOut { 0% { opacity: 1; transform: translateY(0px); filter: blur(0px); } 100% { opacity: 0; transform: translateY(-1.25rem); filter: blur(2px); } } @keyframes legacyxSoftBgIn { 0% { transform: scale(1.08); filter: brightness(0.72); } 100% { transform: scale(1.02); filter: brightness(0.95); } } @media (min-width: 1200px) { .secret-cms.body_home[data-active-section="resources"] [data-section="resources"] .resources__downloads-list, .secret-cms.body_home [data-section="resources"] .resources__downloads-list {max-height: calc(-24rem + 100vh) !important; overflow-y: auto !important; padding-bottom: 1.5rem !important; scrollbar-width: thin !important;} .secret-cms.body_home[data-active-section="resources"] [data-section="footer"] .footer__fbtns {transform: translateY(4.5rem) scale(0.9) !important; opacity: 0.55 !important; pointer-events: none !important;} } :where(.secret-cms) .legacyx-logo {position: relative !important; display: inline-flex !important; align-items: center !important; overflow: visible !important;} :where(.secret-cms) .legacyx-logo img {position: relative !important; z-index: 2 !important; display: block !important; transition: transform 0.18s, opacity 0.18s !important; will-change: transform !important; filter: none !important;} :where(.secret-cms) .legacyx-logo::before, :where(.secret-cms) .legacyx-logo::after, :where(.secret-cms) .legacyx-logo:hover::before, :where(.secret-cms) .legacyx-logo:hover::after {content: none !important; display: none !important; opacity: 0 !important; animation: auto ease 0s 1 normal none running none !important; background: none !important; filter: none !important;} :where(.secret-cms) .legacyx-logo:hover img {transform: translate(2px, -1px) !important; filter: none !important;} @media (prefers-reduced-motion: reduce) { :where(.secret-cms) .legacyx-logo, :where(.secret-cms) .legacyx-logo img, :where(.secret-cms) .legacyx-logo::before, :where(.secret-cms) .legacyx-logo::after {animation: auto ease 0s 1 normal none running none !important; transition: none !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="footer"] {position: fixed !important; left: 0px !important; right: 0px !important; bottom: 1.45rem !important; z-index: 70 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: none !important;} .secret-cms.body_home [data-section="footer"] .footer {min-height: 5.25rem !important; transform: none !important;} .secret-cms.body_home [data-section="footer"] .footer__fbtns {transform: none !important; opacity: 1 !important; pointer-events: auto !important; align-items: flex-end !important;} .secret-cms.body_home [data-section="footer"] .footer__line, .secret-cms.body_home [data-section="footer"] .footer__content {transform: none !important; opacity: 1 !important;} .secret-cms.body_home [data-section="footer"] .footer__content, .secret-cms.body_home [data-section="footer"] .footer__links, .secret-cms.body_home [data-section="footer"] .footer__link {pointer-events: auto !important;} .secret-cms.body_home[data-active-section="resources"] [data-section="footer"] .footer__fbtns, .secret-cms.body_home[data-active-section="resources"] [data-section="footer"] .footer__line, .secret-cms.body_home[data-active-section="resources"] [data-section="footer"] .footer__content {transform: none !important; opacity: 1 !important; pointer-events: auto !important;} .secret-cms.body_home [data-section="resources"] .fp__container {padding-bottom: 8.25rem !important;} .secret-cms.body_home [data-section="resources"] .resources__downloads-list {max-height: calc(-20.5rem + 100vh) !important; overflow-y: auto !important; padding-bottom: 1rem !important;} } @media (max-width: 1199px) { .secret-cms.body_home [data-section="footer"] {bottom: 0px !important;} } :where(.secret-cms) {--lx-server-panel-bg: url("../../legacyx/images/server/server-bg.png");} :where(.secret-cms) .page-card--rankings .tabs, :where(.secret-cms) .page-card--rankings .tabs--compact {display: flex !important; flex-wrap: wrap !important; gap: 0.62rem !important; align-items: center !important; margin: 0px 0px 1.35rem !important;} :where(.secret-cms) .page-card--rankings .tabs a, :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs a:active, :where(.secret-cms) .page-card--rankings .tabs--compact a, :where(.secret-cms) .page-card--rankings .tabs--compact a:hover, :where(.secret-cms) .page-card--rankings .tabs--compact a:focus, :where(.secret-cms) .page-card--rankings .tabs--compact a:active {position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 7.35rem !important; height: 2.45rem !important; padding: 0px 1rem !important; box-sizing: border-box !important; color: rgb(255, 228, 168) !important; font: 800 .82rem/1 var(--font-main, Arial, sans-serif) !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; background: var(--lx-server-panel-bg) center / 100% 100% no-repeat !important; border: 0px !important; box-shadow: none !important; transform: none !important; text-shadow: rgb(0, 0, 0) 0px 1px 2px !important;} :where(.secret-cms) .page-card--rankings .tabs a::before, :where(.secret-cms) .page-card--rankings .tabs a::after, :where(.secret-cms) .page-card--rankings .tabs--compact a::before, :where(.secret-cms) .page-card--rankings .tabs--compact a::after {display: none !important; content: none !important;} :where(.secret-cms) .page-card--rankings .tabs a.is-active, :where(.secret-cms) .page-card--rankings .tabs a:hover, :where(.secret-cms) .page-card--rankings .tabs a:focus, :where(.secret-cms) .page-card--rankings .tabs--compact a.is-active, :where(.secret-cms) .page-card--rankings .tabs--compact a:hover, :where(.secret-cms) .page-card--rankings .tabs--compact a:focus {color: rgb(255, 241, 191) !important; filter: brightness(1.18) saturate(1.08) !important;} .secret-cms.body_web_shop .page_inner {overflow-x: hidden !important;} .secret-cms.body_web_shop [data-section="content"] {padding-top: 8.7rem !important; min-height: auto !important;} .secret-cms.body_web_shop .legacyx-cms-section [data-section-bg="content"] {position: fixed !important; inset: 0px !important; width: 100vw !important; height: 100vh !important; min-height: 100vh !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transform: none !important;} .secret-cms.body_web_shop .legacyx-cms-container, .secret-cms.body_web_shop [data-container="content"], .secret-cms.body_web_shop .legacyx-cms-page {position: relative !important; left: auto !important; right: auto !important; transform: none !important; float: none !important; display: block !important; width: min(70rem, -28rem + 100vw) !important; max-width: min(70rem, -28rem + 100vw) !important; min-width: 0px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0px !important; padding-right: 0px !important; box-sizing: border-box !important;} :where(.secret-cms) .page-card--web-shop {position: relative !important; display: block !important; width: 100% !important; max-width: 70rem !important; min-width: 0px !important; margin: 0px auto 3rem !important; padding: 1.45rem 1.55rem 1.65rem !important; box-sizing: border-box !important; overflow: visible !important; background: linear-gradient(90deg, rgba(3, 4, 5, 0.96), rgba(16, 10, 6, 0.88)) !important; border: 1px solid rgba(155, 110, 42, 0.58) !important; box-shadow: rgba(0, 0, 0, 0.54) 0px 0px 3rem inset !important;} :where(.secret-cms) .page-card--web-shop .eyebrow {margin: 0px 0px 0.25rem !important; color: rgba(235, 220, 190, 0.86) !important; font-size: 0.78rem !important; line-height: 1 !important;} :where(.secret-cms) .page-card--web-shop h1 {position: static !important; margin: 0px 0px 1.1rem !important; padding: 0px !important; transform: none !important; color: rgb(255, 226, 160) !important; font-size: 2rem !important; line-height: 1.05 !important; text-align: left !important;} :where(.secret-cms) .page-card--web-shop .web-shop-toolbar {display: grid !important; gap: 0.7rem !important; margin: 0px 0px 0.9rem !important;} :where(.secret-cms) .page-card--web-shop .web-shop-filter {display: grid !important; grid-template-columns: 10rem 12rem max-content !important; gap: 0.7rem !important; align-items: end !important; justify-content: center !important; width: 100% !important; margin: 0px auto !important; padding: 0px !important; border: 0px !important; background: none !important;} :where(.secret-cms) .page-card--web-shop .web-shop-filter label {display: flex !important; flex-direction: column !important; gap: 0.18rem !important; min-width: 0px !important; width: auto !important; color: rgb(215, 183, 110) !important; font-size: 0.6rem !important; line-height: 1 !important; text-align: center !important; text-transform: uppercase !important;} :where(.secret-cms) .page-card--web-shop .web-shop-filter input:not([type="checkbox"]), :where(.secret-cms) .page-card--web-shop .web-shop-filter select, :where(.secret-cms) .page-card--web-shop .web-shop-basic-controls select, :where(.secret-cms) .page-card--web-shop .web-shop-advanced select {width: 100% !important; min-width: 0px !important; height: 1.8rem !important; min-height: 1.8rem !important; padding: 0px 0.5rem !important; box-sizing: border-box !important; color: rgb(255, 231, 170) !important; font: 700 .68rem/1 var(--font-main, Arial, sans-serif) !important; background: rgba(0, 0, 0, 0.62) !important; border: 1px solid rgba(171, 121, 44, 0.72) !important; border-radius: 0px !important; outline: 0px !important; box-shadow: none !important;} :where(.secret-cms) .page-card--web-shop .web-shop-filter__actions {display: grid !important; grid-template-columns: 5.4rem 7.2rem !important; gap: 0.4rem !important; align-items: end !important;} :where(.secret-cms) .page-card--web-shop .web-shop-filter-btn, :where(.secret-cms) .page-card--web-shop .web-shop-filter-btn:hover, :where(.secret-cms) .page-card--web-shop .web-shop-filter-btn:focus, :where(.secret-cms) .page-card--web-shop .web-shop-filter-btn:active, :where(.secret-cms) .page-card--web-shop .lx-shop-buy-btn, :where(.secret-cms) .page-card--web-shop .lx-shop-buy-btn:hover, :where(.secret-cms) .page-card--web-shop .lx-shop-buy-btn:focus, :where(.secret-cms) .page-card--web-shop .lx-shop-buy-btn:active {position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0px !important; height: 1.78rem !important; min-height: 1.78rem !important; margin: 0px !important; padding: 0px 0.45rem !important; box-sizing: border-box !important; color: rgb(255, 230, 166) !important; font: 800 .62rem/1 var(--font-main, Arial, sans-serif) !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer !important; background: linear-gradient(rgba(103, 67, 27, 0.9), rgba(31, 18, 7, 0.96)) !important; border: 1px solid rgba(202, 151, 66, 0.74) !important; border-radius: 0px !important; box-shadow: none !important; text-shadow: rgb(0, 0, 0) 0px 1px 2px !important; transform: none !important; filter: none !important;} :where(.secret-cms) .page-card--web-shop .web-shop-filter-btn::before, :where(.secret-cms) .page-card--web-shop .web-shop-filter-btn::after, :where(.secret-cms) .page-card--web-shop .lx-shop-buy-btn::before, :where(.secret-cms) .page-card--web-shop .lx-shop-buy-btn::after, :where(.secret-cms) .page-card--web-shop .web-shop-checks label::before, :where(.secret-cms) .page-card--web-shop .web-shop-checks label::after, :where(.secret-cms) .page-card--web-shop .web-shop-excellent label::before, :where(.secret-cms) .page-card--web-shop .web-shop-excellent label::after {display: none !important; content: none !important;} :where(.secret-cms) .page-card--web-shop .web-shop-note, :where(.secret-cms) .page-card--web-shop .web-shop-balance {width: 100% !important; margin: 0px !important; box-sizing: border-box !important; border: 1px solid rgba(171, 121, 44, 0.62) !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(34, 20, 8, 0.42)) !important;} :where(.secret-cms) .page-card--web-shop .web-shop-note {padding: 0.5rem 0.72rem !important; color: rgb(245, 223, 171) !important; font-size: 0.62rem !important; line-height: 1.35 !important;} :where(.secret-cms) .page-card--web-shop .web-shop-balance {display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 2.55rem !important; padding: 0.45rem 0.75rem !important; color: rgb(234, 210, 160) !important; font-size: 0.74rem !important;} :where(.secret-cms) .page-card--web-shop .web-shop-balance strong {color: rgb(255, 231, 170) !important; font-size: 0.92rem !important;} :where(.secret-cms) .page-card--web-shop .web-shop-grid {display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.7rem !important; align-items: start !important; width: 100% !important; margin: 0.85rem 0px 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card, :where(.secret-cms) .page-card--web-shop .lx-shop-card {position: relative !important; display: block !important; width: 100% !important; min-width: 0px !important; height: auto !important; min-height: 0px !important; padding: 0.52rem !important; box-sizing: border-box !important; overflow: visible !important; background: linear-gradient(90deg, rgba(2, 2, 2, 0.94), rgba(26, 14, 6, 0.78)) !important; border: 1px solid rgba(171, 121, 44, 0.66) !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1.5rem inset !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card__form {display: grid !important; grid-template-columns: 4rem minmax(0px, 1fr) !important; gap: 0.5rem !important; align-items: start !important; width: 100% !important; margin: 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card__media, :where(.secret-cms) .page-card--web-shop .web-shop-card__media.equipment-item {grid-area: 1 / 1 !important; width: 4rem !important; min-width: 4rem !important; height: 4.1rem !important; min-height: 4.1rem !important; margin: 0px !important; padding: 0.28rem !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; background: radial-gradient(circle at 50% 40%, rgba(110, 72, 27, 0.22), rgba(0, 0, 0, 0.72) 70%) !important; border: 1px solid rgba(171, 121, 44, 0.62) !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card__media img, :where(.secret-cms) .page-card--web-shop .web-shop-card__media > img:not(.item-tooltip__image) {display: block !important; max-width: 2.85rem !important; max-height: 3.3rem !important; width: auto !important; height: auto !important; object-fit: contain !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card__content {grid-area: 1 / 2 !important; display: block !important; min-width: 0px !important; width: 100% !important; margin: 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card__head {min-height: 0.95rem !important; margin: 0px 0px 0.3rem !important; padding: 0px !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card__head h2 {margin: 0px !important; padding: 0px !important; color: rgb(255, 226, 160) !important; font-size: 0.94rem !important; line-height: 1.08 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;} :where(.secret-cms) .page-card--web-shop .web-shop-basic-controls {display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.38rem !important; margin: 0px 0px 0.28rem !important;} :where(.secret-cms) .page-card--web-shop .web-shop-basic-controls label, :where(.secret-cms) .page-card--web-shop .web-shop-advanced__panel label {display: flex !important; flex-direction: column !important; gap: 0.14rem !important; min-width: 0px !important; color: rgb(226, 191, 116) !important; font-size: 0.58rem !important; line-height: 1 !important; text-align: center !important; text-transform: uppercase !important;} :where(.secret-cms) .page-card--web-shop .web-shop-advanced {width: 100% !important; margin: 0.08rem 0px 0px !important; padding: 0.2rem 0px 0px !important; border-top: 1px solid rgba(171, 121, 44, 0.22) !important;} :where(.secret-cms) .page-card--web-shop .web-shop-advanced summary {display: flex !important; align-items: center !important; min-height: 1.15rem !important; margin: 0px !important; padding: 0px !important; color: rgb(255, 224, 160) !important; font-size: 0.64rem !important; line-height: 1 !important; font-weight: 800 !important; text-transform: uppercase !important; background: transparent !important; border: 0px !important; cursor: pointer !important;} :where(.secret-cms) .page-card--web-shop .web-shop-advanced__panel {display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.42rem !important; width: 100% !important; max-height: none !important; overflow: visible !important; margin: 0.3rem 0px 0px !important; padding: 0px !important;} :where(.secret-cms) .page-card--web-shop .web-shop-options__wide, :where(.secret-cms) .page-card--web-shop .web-shop-checks, :where(.secret-cms) .page-card--web-shop .web-shop-excellent {grid-column: 1 / -1 !important; width: 100% !important;} :where(.secret-cms) .page-card--web-shop .web-shop-checks, :where(.secret-cms) .page-card--web-shop .web-shop-excellent {display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 0.42rem 0.5rem !important; align-items: stretch !important;} :where(.secret-cms) .page-card--web-shop .web-shop-checks label, :where(.secret-cms) .page-card--web-shop .web-shop-excellent label {display: grid !important; grid-template-columns: 0.8rem minmax(0px, 1fr) !important; align-items: start !important; justify-content: start !important; column-gap: 0.28rem !important; min-width: 0px !important; min-height: 2rem !important; padding: 0.24rem 0.36rem !important; box-sizing: border-box !important; color: rgb(255, 227, 165) !important; font-size: 0.54rem !important; line-height: 1.14 !important; text-align: left !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; hyphens: none !important; background: rgba(0, 0, 0, 0.32) !important; border: 1px solid rgba(171, 121, 44, 0.36) !important;} :where(.secret-cms) .page-card--web-shop .web-shop-checks input, :where(.secret-cms) .page-card--web-shop .web-shop-excellent input {grid-column: 1 !important; width: 0.64rem !important; height: 0.64rem !important; margin: 0.06rem 0px 0px !important;} :where(.secret-cms) .page-card--web-shop .lx-shop-buyline, :where(.secret-cms) .page-card--web-shop .web-shop-card__bottom {display: grid !important; grid-template-columns: minmax(0px, 1fr) 5.2rem !important; gap: 0.38rem !important; align-items: center !important; width: 100% !important; margin: 0.4rem 0px 0px !important; padding: 0px !important; background: none !important; border: 0px !important;} :where(.secret-cms) .page-card--web-shop .lx-shop-price {display: flex !important; align-items: center !important; justify-content: center !important; height: 1.78rem !important; min-width: 0px !important; padding: 0px 0.3rem !important; box-sizing: border-box !important; color: rgb(255, 231, 170) !important; font-size: 0.64rem !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; background: rgba(0, 0, 0, 0.28) !important; border: 1px solid rgba(171, 121, 44, 0.38) !important;} :where(.secret-cms) .page-card--web-shop .web-shop-pagination {display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 0.45rem !important; margin: 1rem auto 0px !important; padding: 0.15rem 0px 0px !important;} :where(.secret-cms) .page-card--web-shop .web-shop-page-link, :where(.secret-cms) .page-card--web-shop .web-shop-page-link:hover, :where(.secret-cms) .page-card--web-shop .web-shop-page-link:focus, :where(.secret-cms) .page-card--web-shop .web-shop-page-link:active, :where(.secret-cms) .page-card--web-shop .web-shop-page-dots {display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 2.15rem !important; height: 1.85rem !important; padding: 0px 0.55rem !important; box-sizing: border-box !important; color: rgb(255, 228, 168) !important; font: 800 .68rem/1 var(--font-main, Arial, sans-serif) !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; background: linear-gradient(rgba(58, 35, 12, 0.72), rgba(5, 5, 5, 0.86)) !important; border: 1px solid rgba(171, 121, 44, 0.66) !important; box-shadow: none !important; transform: none !important;} :where(.secret-cms) .page-card--web-shop .web-shop-page-link.is-active, :where(.secret-cms) .page-card--web-shop .web-shop-page-link:hover, :where(.secret-cms) .page-card--web-shop .web-shop-page-link:focus {color: rgb(255, 242, 195) !important; background: linear-gradient(rgba(116, 75, 29, 0.92), rgba(31, 18, 7, 0.96)) !important;} :where(.secret-cms) .page-card--web-shop .web-shop-page-link--arrow {min-width: 5.2rem !important;} :where(.secret-cms) .page-card--web-shop .web-shop-page-dots {min-width: 1.6rem !important; padding: 0px 0.25rem !important; border-color: transparent !important; background: transparent !important;} :where(.secret-cms) .admin-web-shop-price-grid, :where(.secret-cms) .admin-web-shop-small-grid, :where(.secret-cms) .admin-web-shop-harmony-grid {display: grid; gap: 0.7rem;} :where(.secret-cms) .admin-web-shop-price-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));} :where(.secret-cms) .admin-web-shop-small-grid {grid-template-columns: repeat(4, minmax(0px, 1fr));} :where(.secret-cms) .admin-web-shop-harmony-grid {grid-template-columns: repeat(3, minmax(0px, 1fr)); max-height: 32rem; overflow: auto; padding-right: 0.35rem;} @media (max-width: 1520px) { .secret-cms.body_web_shop .legacyx-cms-container, .secret-cms.body_web_shop [data-container="content"], .secret-cms.body_web_shop .legacyx-cms-page {width: min(70rem, -2rem + 100vw) !important; max-width: min(70rem, -2rem + 100vw) !important;} } @media (max-width: 1180px) { :where(.secret-cms) .page-card--web-shop .web-shop-grid {grid-template-columns: 1fr !important;} } @media (max-width: 760px) { .secret-cms.body_web_shop [data-section="content"] {padding-top: 5.7rem !important;} .secret-cms.body_web_shop .legacyx-cms-container, .secret-cms.body_web_shop [data-container="content"], .secret-cms.body_web_shop .legacyx-cms-page {width: calc(-1rem + 100vw) !important; max-width: calc(-1rem + 100vw) !important;} :where(.secret-cms) .page-card--web-shop {padding: 1rem 0.65rem 1.2rem !important;} :where(.secret-cms) .page-card--web-shop .web-shop-filter, :where(.secret-cms) .page-card--web-shop .web-shop-card__form, :where(.secret-cms) .page-card--web-shop .lx-shop-buyline, :where(.secret-cms) .page-card--web-shop .web-shop-card__bottom {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--web-shop .web-shop-filter__actions, :where(.secret-cms) .page-card--web-shop .web-shop-basic-controls, :where(.secret-cms) .page-card--web-shop .web-shop-checks, :where(.secret-cms) .page-card--web-shop .web-shop-excellent {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card__media, :where(.secret-cms) .page-card--web-shop .web-shop-card__media.equipment-item {width: 100% !important; min-width: 0px !important; height: 5rem !important;} :where(.secret-cms) .page-card--web-shop .web-shop-card__content {grid-column: 1 !important;} } .secret-cms.body_register .auth-card--register {box-sizing: border-box !important; width: min(940px, -470px + 100vw) !important; max-width: 940px !important; margin-left: 0px !important; margin-right: auto !important; padding: 28px !important; display: grid !important; grid-template-columns: minmax(260px, 0.78fr) minmax(300px, 0.82fr) !important; gap: 24px !important; overflow: visible !important;} .secret-cms.body_register .register-copy {padding: 18px 20px !important; border-left: 1px solid rgba(214, 177, 111, 0.45) !important; background: linear-gradient(90deg, rgba(8, 9, 11, 0.62), rgba(8, 9, 11, 0.24)) !important;} .secret-cms.body_register .register-copy p {margin: 0px 0px 12px !important; font-size: 0.86rem !important; line-height: 1.55 !important;} .secret-cms.body_register .register-copy p:last-child {margin-bottom: 0px !important;} .secret-cms.body_register .register-form {box-sizing: border-box !important; width: 100% !important; max-width: 460px !important; justify-self: end !important; gap: 14px !important; padding: 22px 24px !important; border: 1px solid rgba(214, 177, 111, 0.28) !important; background: rgba(3, 4, 7, 0.46) !important;} .secret-cms.body_register .register-form input {min-height: 42px !important; padding: 9px 13px !important;} .secret-cms.body_register .register-form .button, .secret-cms.body_register .register-step {border: 0px !important; background-color: transparent !important; background-image: url("../../legacyx/images/server/server-bg.png") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 100% 100% !important; box-shadow: none !important;} .secret-cms.body_register .register-step {background-image: url("../../legacyx/images/server/server-step-bg.png") !important;} .secret-cms.body_register .register-form .button {min-height: 46px !important; color: rgb(255, 240, 194) !important; text-shadow: rgb(0, 0, 0) 0px 1px 0px, rgba(210, 151, 60, 0.35) 0px 0px 10px !important;} .secret-cms.body_register .register-form .button:hover {filter: brightness(1.12) !important;} .secret-cms.body_register .register-steps {display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 12px !important; margin-top: 1.25rem !important;} .secret-cms.body_register .register-step {position: relative !important; min-height: 5.15rem !important; padding: 0.88rem 0.95rem !important; display: grid !important; align-content: center !important; justify-items: center !important; text-align: center !important; overflow: hidden !important;} .secret-cms.body_register .register-step::before {content: "" !important; position: absolute !important; inset: 0.42rem 0.58rem !important; background: linear-gradient(rgba(6, 7, 9, 0.78), rgba(0, 0, 0, 0.5)) !important; pointer-events: none !important;} .secret-cms.body_register .register-step > * {position: relative !important; z-index: 1 !important;} .secret-cms.body_register .register-step span {margin: 0px 0px 0.28rem !important; color: rgb(201, 151, 75) !important; font-size: 0.72rem !important; line-height: 1 !important; font-weight: 800 !important;} .secret-cms.body_register .register-step strong {display: block !important; color: rgb(255, 228, 162) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 0.98rem !important; line-height: 1.15 !important; text-shadow: rgb(0, 0, 0) 0px 1px 0px, rgba(210, 151, 60, 0.35) 0px 0px 9px !important;} .secret-cms.body_register .register-step p {max-width: 10rem !important; margin: 0.32rem auto 0px !important; color: rgba(244, 231, 199, 0.85) !important; font-size: 0.7rem !important; line-height: 1.28 !important;} @media (max-width: 1320px) { .secret-cms.body_register .auth-card--register {width: min(900px, -330px + 100vw) !important; grid-template-columns: minmax(240px, 0.78fr) minmax(300px, 0.82fr) !important; gap: 20px !important;} .secret-cms.body_register .register-form {max-width: 440px !important;} } @media (max-width: 980px) { .secret-cms.body_register .auth-card--register {width: calc(-24px + 100vw) !important; max-width: none !important; padding: 22px !important; grid-template-columns: 1fr !important;} .secret-cms.body_register .register-form {max-width: none !important; justify-self: stretch !important;} .secret-cms.body_register .register-steps {grid-template-columns: 1fr !important;} } :where(.secret-cms) .usercp-panel--referrals {margin: 24px 0px; padding: 18px; border: 1px solid rgba(198, 143, 52, 0.45); background: rgba(5, 7, 10, 0.55);} :where(.secret-cms) .referral-link-input {width: min(100%, 620px); border: 1px solid rgba(198, 143, 52, 0.55); background: rgba(0, 0, 0, 0.55); color: rgb(255, 230, 163); padding: 10px 12px; font-weight: 700;} :where(.secret-cms) .hall-grid {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;} :where(.secret-cms) .hall-card {border: 1px solid rgba(198, 143, 52, 0.45); background: rgba(5, 7, 10, 0.58); padding: 18px;} :where(.secret-cms) .hall-card h2 {margin-top: 0px;} @media (max-width: 900px) { :where(.secret-cms) .hall-grid {grid-template-columns: 1fr;} } :where(.secret-cms) .slot-machine-card {max-width: 1120px;} :where(.secret-cms) .slot-machine-grid {display: grid; grid-template-columns: minmax(0px, 1fr) 280px; gap: 22px; align-items: start;} :where(.secret-cms) .slot-machine-stage, :where(.secret-cms) .slot-machine-side {border: 1px solid rgba(214, 177, 111, 0.24); background: linear-gradient(135deg, rgba(0, 0, 0, 0.38), rgba(43, 25, 13, 0.24)); padding: 20px;} :where(.secret-cms) .slot-machine-reels {display: grid; grid-template-columns: repeat(5, minmax(92px, 1fr)); gap: 12px; margin-bottom: 18px; perspective: 900px;} :where(.secret-cms) .slot-machine-reel {min-height: 166px; border: 1px solid rgba(214, 177, 111, 0.34); border-radius: 12px; padding: 7px; background: radial-gradient(circle at 50% 0px, rgba(210, 151, 60, 0.22), rgba(0, 0, 0, 0.5) 68%); box-shadow: rgba(0, 0, 0, 0.72) 0px 0px 22px inset, rgba(0, 0, 0, 0.32) 0px 10px 24px; transform-style: preserve-3d;} :where(.secret-cms) .slot-machine-card-face {position: relative; height: 100%; min-height: 150px; overflow: hidden; border-radius: 10px; border: 1px solid rgba(255, 224, 153, 0.26); background: rgb(5, 5, 5);} :where(.secret-cms) .slot-machine-card-face::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(rgba(255, 223, 149, 0.12), transparent 34%, rgba(0, 0, 0, 0.55)); pointer-events: none;} :where(.secret-cms) .slot-machine-card-face img {width: 100%; height: 100%; min-height: 150px; display: block; object-fit: cover; transition: opacity 0.12s, transform 0.12s;} :where(.secret-cms) .slot-machine-card-face span {position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; padding: 8px 6px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.82)); color: rgb(255, 228, 162); font-family: TrajanPro3, Georgia, serif; font-size: 14px; font-weight: 700; text-align: center; text-shadow: rgb(0, 0, 0) 0px 1px 0px, rgba(210, 151, 60, 0.45) 0px 0px 10px;} :where(.secret-cms) .slot-machine-reels.is-spinning .slot-machine-reel {animation-duration: 0.32s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: slot-reel-roll; animation-timeline: auto; animation-range: normal; animation-delay: var(--slot-delay, 0ms);} :where(.secret-cms) .slot-machine-reels.is-spinning .slot-machine-card-face img {transform: scale(1.06); opacity: 0.88;} :where(.secret-cms) .slot-machine-reels--spun .slot-machine-reel {animation-duration: 0.72s; animation-timing-function: cubic-bezier(0.17, 0.67, 0.2, 1.12); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: slot-card-stop; animation-timeline: auto; animation-range: normal; animation-delay: var(--slot-delay, 0ms);} @keyframes slot-reel-roll { 0% { transform: translateY(-9px) rotateX(18deg); filter: blur(1.5px); } 50% { transform: translateY(7px) rotateX(-16deg); filter: blur(2.5px); } 100% { transform: translateY(-9px) rotateX(18deg); filter: blur(1.5px); } } @keyframes slot-card-stop { 0% { transform: translateY(-22px) rotateX(70deg) scale(0.9); filter: blur(4px); opacity: 0.25; } 55% { transform: translateY(8px) rotateX(-12deg) scale(1.03); filter: blur(1px); opacity: 1; } 100% { transform: translateY(0px) rotateX(0deg) scale(1); filter: blur(0px); opacity: 1; } } :where(.secret-cms) .slot-machine-result {border: 1px solid rgba(214, 177, 111, 0.24); background: rgba(0, 0, 0, 0.3); padding: 14px;} :where(.secret-cms) .slot-machine-balance {min-height: 56px; display: grid; align-content: center; gap: 2px; border: 0px; padding: 10px 16px; background: url("/public/legacyx/themes/legacyx/images/server/server-bg.png") center center / 100% 100% no-repeat;} :where(.secret-cms) .slot-machine-result.is-hidden {display: none;} :where(.secret-cms) .slot-machine-result strong, :where(.secret-cms) .slot-machine-balance strong {display: block; color: rgb(248, 221, 161); font-size: 20px;} :where(.secret-cms) .slot-machine-balance span {line-height: 1.1;} :where(.secret-cms) .slot-machine-result--win {border-color: rgba(71, 214, 111, 0.48); box-shadow: rgba(71, 214, 111, 0.08) 0px 0px 20px inset;} :where(.secret-cms) .slot-machine-result--lose {border-color: rgba(214, 88, 71, 0.34);} :where(.secret-cms) .slot-machine-rules {margin: 16px 0px; padding-left: 18px; color: rgba(232, 220, 197, 0.78); line-height: 1.65;} :where(.secret-cms) .slot-machine-form {display: grid; grid-template-columns: 74px 96px; gap: 8px; align-items: end;} :where(.secret-cms) .slot-machine-form label {min-width: 0px;} :where(.secret-cms) .slot-machine-form input {width: 100%; height: 36px; border: 1px solid rgba(214, 177, 111, 0.28); background: rgba(0, 0, 0, 0.35); color: rgb(248, 221, 161); padding: 0px 8px;} :where(.secret-cms) .slot-machine-form .button {width: 96px; min-width: 0px; height: 36px; display: grid; place-items: center; border: 0px; padding: 0px 8px; font-size: 12px; color: rgb(255, 228, 162); background: url("/public/legacyx/themes/legacyx/images/server/server-bg.png") center center / 100% 100% no-repeat; box-shadow: none;} :where(.secret-cms) .slot-machine-form .button:hover {filter: brightness(1.15);} :where(.secret-cms) .slot-machine-form.is-spinning {pointer-events: none; opacity: 0.82;} :where(.secret-cms) .slot-machine-history {margin-top: 16px;} :where(.secret-cms) .slot-machine-mini-reels {display: flex; gap: 5px; align-items: center;} :where(.secret-cms) .slot-machine-mini-reels img {width: 32px; height: 42px; object-fit: cover; border-radius: 5px; border: 1px solid rgba(214, 177, 111, 0.35); background: rgb(5, 5, 5);} :where(.secret-cms) .slot-consent-open {overflow: hidden;} :where(.secret-cms) .slot-consent-modal[hidden] {display: none;} :where(.secret-cms) .slot-consent-modal {position: fixed; inset: 0px; z-index: 10000; display: grid; place-items: center; padding: 24px;} :where(.secret-cms) .slot-consent-modal__backdrop {position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.78); backdrop-filter: blur(4px);} :where(.secret-cms) .slot-consent-modal__dialog {position: relative; width: min(920px, 100%); display: grid; grid-template-columns: minmax(250px, 0.85fr) minmax(0px, 1fr); border: 1px solid rgba(214, 177, 111, 0.42); background: linear-gradient(135deg, rgba(4, 7, 11, 0.96), rgba(30, 18, 10, 0.94)); box-shadow: rgba(0, 0, 0, 0.72) 0px 30px 90px;} :where(.secret-cms) .slot-consent-modal__media {min-height: 420px; background: rgb(5, 5, 5); overflow: hidden;} :where(.secret-cms) .slot-consent-modal__media img {width: 100%; height: 100%; display: block; object-fit: cover;} :where(.secret-cms) .slot-consent-modal__body {padding: 28px; color: rgb(244, 234, 215);} :where(.secret-cms) .slot-consent-modal__body h2 {margin: 4px 0px 14px; color: rgb(255, 228, 162);} :where(.secret-cms) .slot-consent-modal__body p, :where(.secret-cms) .slot-consent-modal__body li {color: rgba(244, 234, 215, 0.84); line-height: 1.55;} :where(.secret-cms) .slot-consent-modal__body ul {margin: 14px 0px; padding-left: 18px;} :where(.secret-cms) .slot-consent-modal__check {display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; margin: 18px 0px; padding: 14px; border: 1px solid rgba(214, 177, 111, 0.26); background: rgba(0, 0, 0, 0.25);} :where(.secret-cms) .slot-consent-modal__check input {margin-top: 3px;} :where(.secret-cms) .slot-consent-modal__actions {display: flex; gap: 12px; justify-content: flex-end; flex-wrap: wrap;} :where(.secret-cms) .slot-consent-modal__actions .button {min-width: 150px;} :where(.secret-cms) .slot-consent-modal__actions .button:disabled {opacity: 0.45; cursor: not-allowed; filter: grayscale(1);} :where(.secret-cms) .slot-consent-modal__actions .button--ghost {background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(214, 177, 111, 0.34);} @media (max-width: 720px) { :where(.secret-cms) .slot-consent-modal {padding: 14px; align-items: start; overflow: auto;} :where(.secret-cms) .slot-consent-modal__dialog {grid-template-columns: 1fr;} :where(.secret-cms) .slot-consent-modal__media {min-height: 190px; max-height: 240px;} :where(.secret-cms) .slot-consent-modal__body {padding: 20px;} } @media (max-width: 1100px) { :where(.secret-cms) .slot-machine-grid {grid-template-columns: minmax(0px, 1fr) 260px;} :where(.secret-cms) .slot-machine-reels {grid-template-columns: repeat(5, minmax(68px, 1fr)); gap: 8px;} :where(.secret-cms) .slot-machine-reel {min-height: 128px;} :where(.secret-cms) .slot-machine-card-face, :where(.secret-cms) .slot-machine-card-face img {min-height: 112px;} :where(.secret-cms) .slot-machine-form {grid-template-columns: 1fr;} } @media (max-width: 860px) { :where(.secret-cms) .slot-machine-grid {grid-template-columns: 1fr;} :where(.secret-cms) .slot-machine-form {grid-template-columns: 74px 96px;} } @media (max-width: 560px) { :where(.secret-cms) .slot-machine-reels {grid-template-columns: repeat(5, minmax(48px, 1fr));} :where(.secret-cms) .slot-machine-reel {min-height: 96px; padding: 4px; border-radius: 9px;} :where(.secret-cms) .slot-machine-card-face, :where(.secret-cms) .slot-machine-card-face img {min-height: 86px;} :where(.secret-cms) .slot-machine-card-face span {font-size: 10px; padding: 5px 3px;} :where(.secret-cms) .slot-machine-form {grid-template-columns: 1fr;} } :where(.secret-cms) .admin-check {gap: 8px; align-items: center; display: inline-flex !important;} :where(.secret-cms) .info-rich-content table {width: 100%; margin: 18px 0px; border-collapse: collapse;} :where(.secret-cms) .info-rich-content th, :where(.secret-cms) .info-rich-content td {border: 1px solid rgba(214, 177, 111, 0.32); padding: 10px 12px; vertical-align: top;} .secret-cms.body_info_page .legacyx-cms-page {width: min(1380px, -40px + 100vw);} :where(.secret-cms) .page-card--info {width: 100%; max-width: none; padding: 0px; overflow: hidden; border-color: rgba(199, 150, 66, 0.38); background: linear-gradient(115deg, rgba(4, 5, 7, 0.96), rgba(17, 12, 8, 0.88));} :where(.secret-cms) .info-page {display: grid; grid-template-columns: 310px minmax(0px, 1fr); min-height: 680px;} :where(.secret-cms) .info-page__sidebar {border-right: 1px solid rgba(199, 150, 66, 0.24); background: linear-gradient(rgba(8, 10, 12, 0.92), rgba(5, 5, 6, 0.98)); padding: 20px 10px;} :where(.secret-cms) .info-page__brand {display: grid; gap: 4px; padding: 0px 14px 18px; border-bottom: 1px solid rgba(199, 150, 66, 0.22); text-transform: uppercase;} :where(.secret-cms) .info-page__brand span {color: rgb(20, 185, 255); font-size: 13px;} :where(.secret-cms) .info-page__brand strong {color: rgba(235, 225, 205, 0.78); font-size: 12px; letter-spacing: 0px;} :where(.secret-cms) .info-nav-group {border-bottom: 1px solid rgba(255, 255, 255, 0.07);} :where(.secret-cms) .info-nav-group__head, :where(.secret-cms) .info-nav-group__children a {text-decoration: none;} :where(.secret-cms) .info-nav-group__head {display: grid; grid-template-columns: 38px minmax(0px, 1fr) auto; gap: 10px; align-items: center; min-height: 54px; padding: 9px 10px; color: rgb(189, 189, 189);} :where(.secret-cms) .info-nav-group__head:hover, :where(.secret-cms) .info-nav-group.is-active .info-nav-group__head {color: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(199, 150, 66, 0.16), rgba(255, 255, 255, 0.03));} :where(.secret-cms) .info-nav-group__icon {display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(214, 177, 111, 0.32); color: rgb(255, 224, 160); font-size: 10px;} :where(.secret-cms) .info-nav-group__head strong {min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;} :where(.secret-cms) .info-nav-group__head em {display: grid; place-items: center; min-width: 24px; height: 22px; padding: 0px 6px; border-radius: 3px; background: rgb(255, 214, 56); color: rgb(24, 18, 10); font-style: normal; font-size: 12px; font-weight: 700;} :where(.secret-cms) .info-nav-group__children {display: grid; padding: 0px 0px 10px 48px;} :where(.secret-cms) .info-nav-group__children a {display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; color: rgba(218, 218, 218, 0.72); font-size: 13px;} :where(.secret-cms) .info-nav-group__children a:hover, :where(.secret-cms) .info-nav-group__children a.is-active {color: rgb(255, 230, 168);} :where(.secret-cms) .info-nav-group__children small {color: rgb(20, 185, 255);} :where(.secret-cms) .info-page__content {min-width: 0px; padding: 48px 58px; color: rgb(234, 223, 200);} :where(.secret-cms) .info-page__content h1 {max-width: 760px; margin-bottom: 12px; color: rgb(255, 226, 160);} :where(.secret-cms) .info-page__intro {max-width: 820px; margin-bottom: 30px; color: rgba(234, 223, 200, 0.72);} :where(.secret-cms) .info-rich-content {color: rgba(236, 228, 211, 0.88); font-family: Intro, Arial, sans-serif; font-size: 15px; line-height: 1.72;} :where(.secret-cms) .info-rich-content h2, :where(.secret-cms) .info-rich-content h3, :where(.secret-cms) .info-rich-content h4 {clear: both; margin: 30px 0px 12px; color: rgb(255, 241, 197);} :where(.secret-cms) .info-rich-content p {margin: 0px 0px 16px;} :where(.secret-cms) .info-rich-content a {color: rgb(103, 205, 253);} :where(.secret-cms) .info-rich-content img {max-width: 100%; height: auto; border: 1px solid rgba(214, 177, 111, 0.26); box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 38px;} :where(.secret-cms) .info-rich-content blockquote {margin: 18px 0px; padding: 14px 18px; border-left: 3px solid rgba(255, 214, 119, 0.78); background: rgba(0, 0, 0, 0.28);} :where(.secret-cms) .info-rich-content th {color: rgb(255, 226, 160); background: rgba(214, 177, 111, 0.12);} @media (max-width: 980px) { .secret-cms.body_info_page .legacyx-cms-page {width: calc(-20px + 100vw);} :where(.secret-cms) .info-page {grid-template-columns: 1fr;} :where(.secret-cms) .info-page__sidebar {border-right: 0px; border-bottom: 1px solid rgba(199, 150, 66, 0.24);} :where(.secret-cms) .info-page__content {padding: 28px 22px;} } .secret-cms.admin-body .admin-info-form {display: block !important; padding: 10px !important; background: rgb(237, 240, 243) !important;} .secret-cms.admin-body .admin-info-builder {display: grid; grid-template-columns: 360px minmax(0px, 1fr); gap: 12px; min-height: calc(-230px + 100vh);} .secret-cms.admin-body .admin-info-tree, .secret-cms.admin-body .admin-info-editor-stack {min-width: 0px; border: 1px solid rgb(200, 208, 216); background: rgb(255, 255, 255);} .secret-cms.admin-body .admin-info-tree {display: grid; grid-template-rows: auto auto minmax(0px, 1fr); align-self: start; max-height: calc(-185px + 100vh); overflow: auto;} .secret-cms.admin-body .admin-info-tree__top {position: sticky; top: 0px; z-index: 3; display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 10px; border-bottom: 1px solid rgb(200, 208, 216); background: rgb(245, 247, 249);} .secret-cms.admin-body .admin-info-tree__top strong {color: rgb(38, 49, 61); font-size: 14px;} .secret-cms.admin-body .admin-info-main {display: grid; grid-template-columns: 1fr; gap: 8px; padding: 10px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(215, 221, 228); border-image: none; background: rgb(251, 252, 253);} .secret-cms.admin-body .admin-info-main textarea {min-height: 82px;} .secret-cms.admin-body .admin-info-menu-list {display: grid; gap: 0px;} .secret-cms.admin-body .admin-info-menu {display: block; padding: 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(215, 221, 228); border-image: none; background: rgb(255, 255, 255);} .secret-cms.admin-body .admin-info-menu__head {display: grid; grid-template-columns: 54px minmax(0px, 1fr) 70px 58px 70px; gap: 6px; align-items: center; padding: 8px; background: rgb(243, 246, 248);} .secret-cms.admin-body .admin-info-menu__toggle {height: 30px; border: 1px solid rgb(200, 208, 216); background: rgb(255, 255, 255); color: rgb(38, 49, 61); cursor: pointer; font-size: 11px;} .secret-cms.admin-body .admin-info-menu.is-collapsed .admin-info-children, .secret-cms.admin-body .admin-info-menu.is-collapsed [data-info-add-submenu] {display: none !important;} .secret-cms.admin-body .admin-info-children {display: grid; gap: 0px; padding: 6px 8px 8px 22px; background: rgb(255, 255, 255);} .secret-cms.admin-body .admin-info-tree-child {position: relative; padding-left: 14px;} .secret-cms.admin-body .admin-info-tree-child::before {content: ""; position: absolute; left: 2px; top: 0px; bottom: 0px; width: 1px; background: rgb(207, 214, 222);} .secret-cms.admin-body .admin-info-tree-child button {display: grid; grid-template-columns: minmax(0px, 1fr); gap: 2px; width: 100%; min-height: 44px; padding: 7px 9px; border: 1px solid transparent; background: transparent; color: rgb(38, 49, 61); text-align: left; cursor: pointer;} .secret-cms.admin-body .admin-info-tree-child button:hover, .secret-cms.admin-body .admin-info-tree-child.is-active button {border-color: rgb(155, 196, 232); background: rgb(234, 245, 255);} .secret-cms.admin-body .admin-info-tree-child.is-active button {box-shadow: rgb(36, 147, 212) 3px 0px 0px inset;} .secret-cms.admin-body .admin-info-tree-child.is-disabled {opacity: 0.55;} .secret-cms.admin-body .admin-info-tree-child span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700;} .secret-cms.admin-body .admin-info-tree-child small {overflow: hidden; color: rgb(106, 116, 128); text-overflow: ellipsis; white-space: nowrap;} .secret-cms.admin-body [data-info-add-submenu] {width: calc(100% - 16px); margin: 0px 8px 10px;} .secret-cms.admin-body .admin-info-editor-stack {position: sticky; top: 10px; align-self: start; min-height: calc(-185px + 100vh); max-height: calc(-185px + 100vh); overflow: auto;} .secret-cms.admin-body .admin-info-empty {display: grid; place-items: center; align-content: center; gap: 7px; min-height: 420px; color: rgb(106, 116, 128);} .secret-cms.admin-body .admin-info-empty strong {color: rgb(38, 49, 61); font-size: 20px;} .secret-cms.admin-body .admin-info-editor-panel {display: block; padding: 12px;} .secret-cms.admin-body .admin-info-editor-panel[hidden], .secret-cms.admin-body .admin-info-empty[hidden] {display: none !important;} .secret-cms.admin-body .admin-info-panel-head {display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 10px; padding: 10px 12px; border: 1px solid rgb(207, 214, 222); background: rgb(245, 247, 249);} .secret-cms.admin-body .admin-info-panel-head span {display: block; color: rgb(106, 116, 128); font-size: 11px; text-transform: uppercase;} .secret-cms.admin-body .admin-info-panel-head strong {display: block; color: rgb(38, 49, 61); font-size: 18px;} .secret-cms.admin-body .admin-info-child-fields {display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(160px, 0.8fr) minmax(110px, 0.5fr) 120px; gap: 10px; align-items: end; margin-bottom: 10px; padding: 10px; border: 1px solid rgb(215, 221, 228); background: rgb(251, 252, 253);} .secret-cms.admin-body .admin-info-child-fields label {display: grid; gap: 5px; font-size: 12px;} .secret-cms.admin-body .info-editor {border: 1px solid rgb(191, 201, 212); background: rgb(255, 255, 255);} .secret-cms.admin-body .info-editor__toolbar {position: sticky; top: 0px; z-index: 2; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 9px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(191, 201, 212); border-image: none; background: rgb(232, 237, 243);} .secret-cms.admin-body .info-editor__group {display: inline-flex; gap: 3px; align-items: center; padding: 3px; border: 1px solid rgb(200, 208, 216); background: rgb(247, 249, 251);} .secret-cms.admin-body .info-editor__group--right {margin-left: auto;} .secret-cms.admin-body .info-editor__toolbar select {height: 32px; min-width: 155px; border: 1px solid rgb(185, 195, 206); background: rgb(255, 255, 255); color: rgb(38, 49, 61);} .secret-cms.admin-body .info-editor__toolbar button {min-width: 34px; height: 30px; padding: 0px 8px; border: 1px solid rgb(185, 195, 206); background: linear-gradient(rgb(255, 255, 255), rgb(237, 242, 246)); color: rgb(38, 49, 61); cursor: pointer; font-size: 12px;} .secret-cms.admin-body .info-editor__toolbar button:hover {border-color: rgb(127, 183, 227); background: rgb(234, 245, 255);} .secret-cms.admin-body .info-editor__body {position: relative;} .secret-cms.admin-body .info-editor__surface, .secret-cms.admin-body .info-editor__source, .secret-cms.admin-body .info-editor__preview {width: 100%; min-height: calc(-390px + 100vh); max-height: none; box-sizing: border-box; overflow: auto; padding: 22px; border: 0px; background: rgb(255, 255, 255); color: rgb(38, 49, 61); font: 14px / 1.7 Arial, Helvetica, sans-serif; outline: none;} .secret-cms.admin-body .info-editor__source {resize: vertical; font-family: Consolas, "Courier New", monospace; white-space: pre;} .secret-cms.admin-body .info-editor__preview {background: rgb(250, 251, 252);} .secret-cms.admin-body .info-editor.is-dragover .info-editor__surface {box-shadow: rgba(36, 147, 212, 0.35) 0px 0px 0px 3px inset; background: rgb(245, 251, 255);} .secret-cms.admin-body .info-editor.is-uploading .info-editor__toolbar::after {content: "Загрузка картинки..."; color: rgb(31, 111, 162); font-weight: 700;} .secret-cms.admin-body .info-editor__surface h2, .secret-cms.admin-body .info-editor__preview h2 {margin: 0px 0px 14px; color: rgb(38, 71, 98); font-size: 28px;} .secret-cms.admin-body .info-editor__surface h3, .secret-cms.admin-body .info-editor__preview h3 {margin: 22px 0px 10px; color: rgb(38, 71, 98); font-size: 22px;} .secret-cms.admin-body .info-editor__surface blockquote, .secret-cms.admin-body .info-editor__preview blockquote {margin: 14px 0px; padding: 12px 14px; border-left: 4px solid rgb(36, 147, 212); background: rgb(238, 246, 252);} .secret-cms.admin-body .info-editor__surface pre, .secret-cms.admin-body .info-editor__preview pre {overflow: auto; padding: 12px; border: 1px solid rgb(213, 220, 228); background: rgb(243, 245, 247); font-family: Consolas, "Courier New", monospace;} .secret-cms.admin-body .info-editor__surface img {max-width: 100%; height: auto; cursor: move;} .secret-cms.admin-body .info-editor__surface img.is-selected {outline: rgba(36, 147, 212, 0.75) solid 3px; outline-offset: 3px;} .secret-cms.admin-body .info-editor__surface table, .secret-cms.admin-body .info-editor__preview table {width: 100%; margin: 16px 0px; border-collapse: collapse;} .secret-cms.admin-body .info-editor__surface th, .secret-cms.admin-body .info-editor__surface td, .secret-cms.admin-body .info-editor__preview th, .secret-cms.admin-body .info-editor__preview td {border: 1px solid rgb(203, 212, 222); padding: 9px 10px; vertical-align: top;} .secret-cms.admin-body .info-editor__surface th, .secret-cms.admin-body .info-editor__preview th {background: rgb(238, 243, 248);} :where(.secret-cms) .info-rich-content pre, :where(.secret-cms) .info-rich-content code {font-family: Consolas, "Courier New", monospace;} :where(.secret-cms) .info-rich-content pre {overflow: auto; padding: 14px; border: 1px solid rgba(214, 177, 111, 0.28); background: rgba(0, 0, 0, 0.34);} :where(.secret-cms) .info-rich-content .formula-wrap, :where(.secret-cms) .info-rich-content .data-page, :where(.secret-cms) .info-rich-content .formula-grid, :where(.secret-cms) .info-rich-content .dle-block, :where(.secret-cms) .info-rich-content .arena-wrap, :where(.secret-cms) .info-rich-content .cherry-wrap, :where(.secret-cms) .info-rich-content .golden-grid, :where(.secret-cms) .info-rich-content .faq-item {display: grid; gap: 16px;} :where(.secret-cms) .info-rich-content .formula-grid, :where(.secret-cms) .info-rich-content .golden-grid {grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));} :where(.secret-cms) .info-rich-content .formula-card, :where(.secret-cms) .info-rich-content .dle-block, :where(.secret-cms) .info-rich-content .faq-item, :where(.secret-cms) .info-rich-content .arena-card, :where(.secret-cms) .info-rich-content .cherry-card {min-width: 0px; padding: 18px; border: 1px solid rgba(214, 177, 111, 0.22); background: rgba(0, 0, 0, 0.24);} :where(.secret-cms) .info-rich-content .formula-title, :where(.secret-cms) .info-rich-content .class-title, :where(.secret-cms) .info-rich-content .arena-title, :where(.secret-cms) .info-rich-content .cherry-title, :where(.secret-cms) .info-rich-content .faq-question {margin: 0px 0px 10px; color: rgb(255, 241, 197); font-weight: 700;} :where(.secret-cms) .info-rich-content .formula-title {font-size: 22px;} :where(.secret-cms) .info-rich-content .class-title, :where(.secret-cms) .info-rich-content .arena-title, :where(.secret-cms) .info-rich-content .cherry-title {font-size: 18px;} :where(.secret-cms) .info-rich-content .class-text, :where(.secret-cms) .info-rich-content .formula-sub, :where(.secret-cms) .info-rich-content .faq-answer {color: rgba(236, 228, 211, 0.84);} :where(.secret-cms) .info-rich-content .anc-table {width: 100%; margin: 12px 0px 0px; border-collapse: collapse;} :where(.secret-cms) .info-rich-content .anc-table th, :where(.secret-cms) .info-rich-content .anc-table td {border: 1px solid rgba(214, 177, 111, 0.24); padding: 9px 10px; vertical-align: top;} :where(.secret-cms) .info-rich-content .anc-table th {color: rgb(255, 226, 160); background: rgba(214, 177, 111, 0.12);} @media (max-width: 1180px) { .secret-cms.admin-body .admin-info-builder {grid-template-columns: 1fr;} .secret-cms.admin-body .admin-info-tree, .secret-cms.admin-body .admin-info-editor-stack {position: static; max-height: none;} .secret-cms.admin-body .admin-info-child-fields {grid-template-columns: 1fr;} } .secret-cms.body_info_page .legacyx-cms-page {width: min(1180px, -42px + 100vw) !important;} .secret-cms.body_info_page .page-card--info {--lx-frame: rgba(190, 134, 62, .62); position: relative; overflow: visible; padding: 0px !important; border-color: rgba(190, 134, 62, 0.46) !important; background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 70px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 70px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 70px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right top / 1px 70px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 70px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left bottom / 1px 70px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 70px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 70px no-repeat, radial-gradient(circle at 84% 12%, rgba(190, 134, 62, .13), transparent 32%), linear-gradient(120deg, rgba(3, 5, 8, .96), rgba(5, 7, 9, .86) 48%, rgba(15, 10, 5, .88)), url("../../legacyx/images/content/bg.jpg") center / cover no-repeat !important; box-shadow: rgba(0, 0, 0, 0.78) 0px 0px 62px inset, rgba(0, 0, 0, 0.36) 0px 24px 70px !important;} .secret-cms.body_info_page .page-card--info::before, .secret-cms.body_info_page .page-card--info::after {content: ""; position: absolute; left: 50%; z-index: 2; width: 10px; height: 10px; border: 1px solid rgba(190, 134, 62, 0.82); background: rgb(7, 7, 7); transform: translateX(-50%) rotate(45deg); pointer-events: none;} .secret-cms.body_info_page .page-card--info::before {top: -6px;} .secret-cms.body_info_page .page-card--info::after {bottom: -6px;} .secret-cms.body_info_page .info-page {display: grid; grid-template-columns: 292px minmax(0px, 1fr); min-height: 690px;} .secret-cms.body_info_page .info-page__sidebar {padding: 20px 8px 18px; border-right: 1px solid rgba(190, 134, 62, 0.32); background: linear-gradient(rgba(190, 134, 62, 0.36), rgba(190, 134, 62, 0.36)) right top / 1px 74px no-repeat, linear-gradient(rgba(190, 134, 62, 0.28), rgba(190, 134, 62, 0.28)) right bottom / 1px 74px no-repeat, linear-gradient(rgba(2, 4, 7, 0.86), rgba(1, 2, 3, 0.94));} .secret-cms.body_info_page .info-page__brand {position: relative; min-height: 78px; padding: 8px 16px 18px 74px; border-bottom: 1px solid rgba(190, 134, 62, 0.26);} .secret-cms.body_info_page .info-page__brand::before {content: ""; position: absolute; left: 16px; top: 11px; width: 42px; height: 42px; background: url("../../legacyx/images/preload/short-logo.png") center center / contain no-repeat; opacity: 0.92;} .secret-cms.body_info_page .info-page__brand span {color: rgb(19, 174, 232); font-family: Intro, Arial, sans-serif; font-size: 11px; font-weight: 800; line-height: 1.1;} .secret-cms.body_info_page .info-page__brand strong {color: rgba(235, 220, 184, 0.86); font-family: TrajanPro3, Georgia, serif; font-size: 12px; letter-spacing: 0px;} .secret-cms.body_info_page .info-nav-group {border-bottom: 1px solid rgba(255, 255, 255, 0.06);} .secret-cms.body_info_page .info-nav-group__head {position: relative; grid-template-columns: 36px minmax(0px, 1fr) auto; min-height: 54px; padding: 8px 10px; color: rgba(226, 216, 194, 0.78); background: transparent;} .secret-cms.body_info_page .info-nav-group__head::before {content: ""; position: absolute; inset: 5px 0px; z-index: 0; background: url("../../legacyx/images/server/server-bg.png") center center / 100% 100% no-repeat; opacity: 0; transition: opacity 0.18s;} .secret-cms.body_info_page .info-nav-group__head > * {position: relative; z-index: 1;} .secret-cms.body_info_page .info-nav-group__head:hover::before, .secret-cms.body_info_page .info-nav-group.is-active .info-nav-group__head::before {opacity: 0.9;} .secret-cms.body_info_page .info-nav-group__icon {width: 26px; height: 26px; border-color: rgba(190, 134, 62, 0.58); background: radial-gradient(circle at 50% 42%, rgba(190, 134, 62, 0.18), rgba(0, 0, 0, 0.48)); color: rgb(255, 226, 161); font-size: 9px; font-weight: 800;} .secret-cms.body_info_page .info-nav-group__head strong {color: inherit; font-family: Intro, Arial, sans-serif; font-size: 12px; font-weight: 800; text-transform: none;} .secret-cms.body_info_page .info-nav-group__head em {min-width: 24px; height: 20px; border: 1px solid rgba(190, 134, 62, 0.45); border-radius: 0px; background: rgba(0, 0, 0, 0.42); color: rgb(255, 224, 160); font-size: 11px;} .secret-cms.body_info_page .info-nav-group:not(.is-active) .info-nav-group__children {display: none;} .secret-cms.body_info_page .info-nav-group__children {gap: 0px; padding: 0px 8px 12px 48px;} .secret-cms.body_info_page .info-nav-group__children a {position: relative; min-height: 30px; padding: 7px 8px 7px 17px; color: rgba(217, 218, 220, 0.74); font-size: 11px; line-height: 1.25;} .secret-cms.body_info_page .info-nav-group__children a::before {content: ""; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; background: url("../../legacyx/images/menu/item-decor.png") center center / contain no-repeat; opacity: 0.56; transform: translateY(-50%);} .secret-cms.body_info_page .info-nav-group__children a:hover, .secret-cms.body_info_page .info-nav-group__children a.is-active {color: rgb(255, 224, 160);} .secret-cms.body_info_page .info-nav-group__children a.is-active::before {opacity: 1;} .secret-cms.body_info_page .info-nav-group__children small {display: none;} .secret-cms.body_info_page .info-page__content {min-width: 0px; padding: clamp(34px, 4vw, 54px) clamp(34px, 4.5vw, 62px) 56px; color: rgba(232, 220, 197, 0.88); background: linear-gradient(90deg, rgba(190, 134, 62, 0.16), transparent 34%) left top / 100% 1px no-repeat, radial-gradient(circle at 86% 2%, rgba(190, 134, 62, 0.08), transparent 28%);} .secret-cms.body_info_page .info-page__content .eyebrow {margin: 0px 0px 14px; color: rgb(241, 191, 91); font-size: 12px; font-weight: 800; text-transform: uppercase;} .secret-cms.body_info_page .info-page__content h1 {position: relative; max-width: none; margin: 0px 0px 24px; padding-bottom: 18px; color: rgb(255, 226, 160); font-family: TrajanPro3, Georgia, serif; font-size: clamp(30px, 3vw, 42px); line-height: 1.08;} .secret-cms.body_info_page .info-page__content h1::after {content: ""; position: absolute; left: 0px; bottom: 0px; width: min(360px, 62%); height: 1px; background: linear-gradient(90deg, rgba(190, 134, 62, 0.82), rgba(190, 134, 62, 0));} .secret-cms.body_info_page .info-page__intro {margin: -8px 0px 26px; color: rgba(232, 220, 197, 0.72); font-size: 13px;} .secret-cms.body_info_page .info-rich-content {color: rgba(232, 220, 197, 0.88); font-size: 14px; line-height: 1.62;} .secret-cms.body_info_page .info-rich-content .formula-wrap, .secret-cms.body_info_page .info-rich-content .data-page, .secret-cms.body_info_page .info-rich-content .dle-block, .secret-cms.body_info_page .info-rich-content .arena-wrap, .secret-cms.body_info_page .info-rich-content .cherry-wrap, .secret-cms.body_info_page .info-rich-content .golden-grid, .secret-cms.body_info_page .info-rich-content .faq-item {display: grid; gap: 16px;} .secret-cms.body_info_page .info-rich-content .formula-grid, .secret-cms.body_info_page .info-rich-content .golden-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px;} .secret-cms.body_info_page .info-rich-content .formula-card, .secret-cms.body_info_page .info-rich-content .dle-block, .secret-cms.body_info_page .info-rich-content .faq-item, .secret-cms.body_info_page .info-rich-content .arena-card, .secret-cms.body_info_page .info-rich-content .cherry-card {--lx-frame: rgba(190, 134, 62, .48); position: relative; min-width: 0px; padding: 18px 20px; border: 1px solid rgba(190, 134, 62, 0.34); background: linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) left top / 1px 34px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 34px 1px no-repeat, linear-gradient(var(--lx-frame), var(--lx-frame)) right bottom / 1px 34px no-repeat, linear-gradient(135deg, rgba(3, 5, 8, .76), rgba(21, 13, 6, .52)), url("../../legacyx/images/server/server-bg.png") center / 100% 100% no-repeat; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 32px inset;} .secret-cms.body_info_page .info-rich-content .formula-card::before, .secret-cms.body_info_page .info-rich-content .dle-block::before, .secret-cms.body_info_page .info-rich-content .faq-item::before {content: ""; position: absolute; top: -5px; left: 50%; width: 8px; height: 8px; border: 1px solid rgba(190, 134, 62, 0.68); background: rgb(7, 7, 7); transform: translateX(-50%) rotate(45deg);} .secret-cms.body_info_page .info-rich-content .formula-title, .secret-cms.body_info_page .info-rich-content .class-title, .secret-cms.body_info_page .info-rich-content .arena-title, .secret-cms.body_info_page .info-rich-content .cherry-title, .secret-cms.body_info_page .info-rich-content .faq-question {margin: 0px 0px 12px; color: rgb(255, 226, 160); font-family: TrajanPro3, Georgia, serif; font-weight: 700; letter-spacing: 0px;} .secret-cms.body_info_page .info-rich-content .formula-title {font-size: 22px;} .secret-cms.body_info_page .info-rich-content .class-title, .secret-cms.body_info_page .info-rich-content .arena-title, .secret-cms.body_info_page .info-rich-content .cherry-title {font-size: 18px;} .secret-cms.body_info_page .info-rich-content p, .secret-cms.body_info_page .info-rich-content .class-text, .secret-cms.body_info_page .info-rich-content .formula-sub, .secret-cms.body_info_page .info-rich-content .faq-answer {color: rgba(232, 220, 197, 0.84);} .secret-cms.body_info_page .info-rich-content table, .secret-cms.body_info_page .info-rich-content .anc-table {width: 100%; margin: 14px 0px 0px; border-collapse: separate; border-spacing: 0px; background: rgba(0, 0, 0, 0.28);} .secret-cms.body_info_page .info-rich-content th, .secret-cms.body_info_page .info-rich-content td, .secret-cms.body_info_page .info-rich-content .anc-table th, .secret-cms.body_info_page .info-rich-content .anc-table td {border-width: 1px 0px 0px 1px; border-style: solid none none solid; border-color: rgba(190, 134, 62, 0.24) currentcolor currentcolor rgba(190, 134, 62, 0.16); border-image: none; padding: 12px 13px; color: rgba(237, 226, 202, 0.9); background: rgba(2, 4, 6, 0.48); vertical-align: top;} .secret-cms.body_info_page .info-rich-content th, .secret-cms.body_info_page .info-rich-content .anc-table th {border-top: 0px; color: rgb(255, 226, 160); font-size: 12px; font-weight: 800; text-transform: uppercase; background: linear-gradient(rgba(62, 39, 17, 0.74), rgba(14, 9, 4, 0.84));} .secret-cms.body_info_page .info-rich-content tr:hover td {background: rgba(190, 134, 62, 0.1);} .secret-cms.body_info_page .info-rich-content a {color: rgb(255, 224, 160); text-decoration: none;} .secret-cms.body_info_page .info-rich-content a:hover {color: rgb(255, 246, 213);} .secret-cms.body_info_page .info-rich-content img {border: 1px solid rgba(190, 134, 62, 0.4); background: rgba(0, 0, 0, 0.38); box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 34px;} .secret-cms.body_info_page .info-rich-content blockquote, .secret-cms.body_info_page .info-rich-content pre {border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgba(190, 134, 62, 0.28) rgba(190, 134, 62, 0.28) rgba(190, 134, 62, 0.28) rgba(190, 134, 62, 0.74); border-image: none; background: rgba(0, 0, 0, 0.34);} @media (max-width: 980px) { .secret-cms.body_info_page .legacyx-cms-page {width: calc(-20px + 100vw) !important;} .secret-cms.body_info_page .info-page {grid-template-columns: 1fr;} .secret-cms.body_info_page .info-page__sidebar {border-right: 0px; border-bottom: 1px solid rgba(190, 134, 62, 0.32); max-height: none;} .secret-cms.body_info_page .info-page__content {padding: 28px 20px 34px;} } .secret-cms.body_info_page .page_inner, .secret-cms.body_info_page .legacyx-cms-section {min-height: 100vh !important;} .secret-cms.body_info_page .legacyx-cms-section {padding: 118px 0px 44px !important; overflow: visible !important;} .secret-cms.body_info_page .legacyx-cms-section [data-section-bg="content"] {opacity: 1 !important; background-position: center top !important;} .secret-cms.body_info_page .legacyx-cms-container, .secret-cms.body_info_page .legacyx-cms-section [data-container="content"] {width: calc(-72px + 100vw) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0px !important; padding-right: 0px !important;} .secret-cms.body_info_page .legacyx-cms-page {width: 100% !important; max-width: none !important; margin: 0px !important;} .secret-cms.body_info_page .servers-list, .secret-cms.body_info_page .layout-mobile-servers {display: none !important;} .secret-cms.body_info_page .page-card--info {width: 100% !important; max-width: none !important;} .secret-cms.body_info_page .info-page {grid-template-columns: clamp(300px, 22vw, 390px) minmax(0px, 1fr) !important; min-height: calc(-178px + 100vh) !important;} .secret-cms.body_info_page .info-page__sidebar {max-height: calc(-180px + 100vh); overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(190, 134, 62, 0.64) rgba(0, 0, 0, 0.24);} .secret-cms.body_info_page .info-page__content {min-height: calc(-178px + 100vh);} .secret-cms.body_info_page .info-rich-content {max-width: none !important;} .secret-cms.body_info_page .info-rich-content .formula-grid, .secret-cms.body_info_page .info-rich-content .golden-grid {grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)) !important;} @media (max-width: 1180px) { .secret-cms.body_info_page .legacyx-cms-container, .secret-cms.body_info_page .legacyx-cms-section [data-container="content"] {width: calc(-24px + 100vw) !important;} } @media (max-width: 980px) { .secret-cms.body_info_page .legacyx-cms-section {padding-top: 96px !important;} .secret-cms.body_info_page .info-page {grid-template-columns: 1fr !important;} .secret-cms.body_info_page .info-page__sidebar {max-height: none;} } .secret-cms.body_info_page {background: rgb(2, 2, 2) !important;} .secret-cms.body_info_page .page_inner, .secret-cms.body_info_page .legacyx-cms-section {min-height: 100vh !important;} .secret-cms.body_info_page .legacyx-cms-section {padding: 86px 0px 0px !important; overflow: hidden !important;} .secret-cms.body_info_page .legacyx-cms-section [data-section-bg="content"] {opacity: 1 !important; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.98) 0px, rgba(0, 0, 0, 0.94) 345px, rgba(0, 0, 0, 0.78) 58%, rgba(0, 0, 0, 0.52) 100%), url("../../legacyx/images/content/bg.jpg") !important; background-position: center top !important; background-size: cover !important;} .secret-cms.body_info_page .legacyx-cms-container, .secret-cms.body_info_page .legacyx-cms-section [data-container="content"], .secret-cms.body_info_page .legacyx-cms-page, .secret-cms.body_info_page .page-card--info {width: 100vw !important; max-width: none !important; margin: 0px !important; padding: 0px !important;} .secret-cms.body_info_page .legacyx-cms-page, .secret-cms.body_info_page .page-card--info {border: 0px !important; background: transparent !important; box-shadow: none !important;} .secret-cms.body_info_page .page-card--info::before, .secret-cms.body_info_page .page-card--info::after {display: none !important;} .secret-cms.body_info_page .info-page {border-top: 1px solid rgba(171, 119, 49, 0.34); border-bottom: 1px solid rgba(171, 119, 49, 0.26); display: grid !important; grid-template-columns: 355px minmax(0px, 1fr) !important; min-height: calc(-86px + 100vh) !important; height: calc(-86px + 100vh) !important; background: transparent !important;} .secret-cms.body_info_page .info-page__sidebar {scrollbar-width: thin; scrollbar-color: rgba(190, 134, 62, 0.72) rgba(0, 0, 0, 0.34); height: calc(-86px + 100vh) !important; max-height: none !important; padding: 22px 14px 26px !important; overflow-y: auto !important; border-right: 1px solid rgba(171, 119, 49, 0.42) !important; background: linear-gradient(rgba(171, 119, 49, 0.45), rgba(171, 119, 49, 0.45)) right top / 1px 92px no-repeat, linear-gradient(rgba(171, 119, 49, 0.34), rgba(171, 119, 49, 0.34)) right bottom / 1px 92px no-repeat, linear-gradient(rgba(2, 4, 7, 0.98), rgba(0, 0, 0, 0.98)) !important;} .secret-cms.body_info_page .info-page__brand {min-height: 86px !important; margin: 0px 0px 14px !important; padding: 12px 14px 16px 72px !important; border: 1px solid rgba(171, 119, 49, 0.26) !important; background: linear-gradient(90deg, rgba(171, 119, 49, 0.12), transparent), rgba(0, 0, 0, 0.32) !important;} .secret-cms.body_info_page .info-page__brand::before {left: 17px !important; top: 15px !important; width: 42px !important; height: 42px !important;} .secret-cms.body_info_page .info-page__brand span {text-shadow: rgba(8, 185, 255, 0.28) 0px 0px 12px; color: rgb(8, 185, 255) !important; font-size: 11px !important; font-weight: 800 !important;} .secret-cms.body_info_page .info-page__brand strong {margin-top: 8px; color: rgb(240, 217, 154) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 13px !important; line-height: 1.25 !important;} .secret-cms.body_info_page .info-nav-group {margin: 0px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;} .secret-cms.body_info_page .info-nav-group__head {border: 1px solid transparent; min-height: 49px !important; padding: 7px 9px !important; color: rgba(226, 216, 194, 0.78) !important; background: rgba(0, 0, 0, 0.18) !important;} .secret-cms.body_info_page .info-nav-group__head::before {inset: 0px !important; background: linear-gradient(90deg, rgba(171, 119, 49, 0.18), rgba(0, 0, 0, 0.04)), url("../../legacyx/images/server/server-bg.png") center center / 100% 100% no-repeat !important;} .secret-cms.body_info_page .info-nav-group__head:hover, .secret-cms.body_info_page .info-nav-group.is-active .info-nav-group__head {border-color: rgba(190, 134, 62, 0.42); color: rgb(255, 244, 207) !important;} .secret-cms.body_info_page .info-nav-group__icon {width: 25px !important; height: 25px !important; border-color: rgba(190, 134, 62, 0.7) !important; background: rgba(0, 0, 0, 0.48) !important; color: rgb(255, 224, 160) !important;} .secret-cms.body_info_page .info-nav-group__head strong {font-family: Intro, Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; text-transform: none !important;} .secret-cms.body_info_page .info-nav-group__head em {min-width: 26px !important; height: 20px !important; border: 1px solid rgba(190, 134, 62, 0.42) !important; background: rgba(0, 0, 0, 0.58) !important; color: rgb(255, 209, 90) !important; font-size: 11px !important;} .secret-cms.body_info_page .info-nav-group__children {padding: 7px 8px 12px 48px !important; background: linear-gradient(90deg, rgba(171, 119, 49, 0.06), transparent) !important;} .secret-cms.body_info_page .info-nav-group__children a {min-height: 29px !important; padding: 7px 7px 7px 17px !important; color: rgba(218, 221, 224, 0.72) !important; font-size: 11px !important; line-height: 1.22 !important;} .secret-cms.body_info_page .info-nav-group__children a:hover, .secret-cms.body_info_page .info-nav-group__children a.is-active {color: rgb(255, 217, 121) !important;} .secret-cms.body_info_page .info-page__content {scrollbar-width: thin; scrollbar-color: rgba(190, 134, 62, 0.72) rgba(0, 0, 0, 0.34); height: calc(-86px + 100vh) !important; min-height: 0px !important; padding: 42px clamp(34px, 4vw, 72px) 64px !important; overflow-y: auto !important; color: rgba(232, 220, 197, 0.9) !important; background: linear-gradient(rgba(171, 119, 49, 0.16), transparent 120px), linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7) 58%, rgba(0, 0, 0, 0.48)) !important;} .secret-cms.body_info_page .info-page__content .eyebrow {margin: 0px 0px 10px !important; color: rgb(241, 191, 91) !important; font-size: 11px !important; font-weight: 800 !important;} .secret-cms.body_info_page .info-page__content h1 {max-width: 1320px !important; margin: 0px 0px 18px !important; padding-bottom: 16px !important; color: rgb(255, 226, 160) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: clamp(28px, 2.4vw, 40px) !important; line-height: 1.08 !important;} .secret-cms.body_info_page .info-page__intro {max-width: 1180px !important; margin: 0px 0px 24px !important; color: rgba(232, 220, 197, 0.78) !important; font-size: 13px !important; line-height: 1.6 !important;} .secret-cms.body_info_page .info-rich-content {width: min(100%, 1420px) !important; max-width: 1420px !important; color: rgba(232, 220, 197, 0.9) !important; font-family: Intro, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.62 !important;} .secret-cms.body_info_page .info-rich-content [style*="background"], .secret-cms.body_info_page .info-rich-content [style*="background-color"] {background-color: rgba(3, 5, 7, 0.56) !important;} .secret-cms.body_info_page .info-rich-content [style*="color"] {color: inherit !important;} .secret-cms.body_info_page .info-rich-content [style*="border-radius"] {border-radius: 0px !important;} .secret-cms.body_info_page .info-rich-content > div, .secret-cms.body_info_page .info-rich-content .widget, .secret-cms.body_info_page .info-rich-content .profile, .secret-cms.body_info_page .info-rich-content .formula-card, .secret-cms.body_info_page .info-rich-content .dle-block, .secret-cms.body_info_page .info-rich-content .faq-item, .secret-cms.body_info_page .info-rich-content .arena-card, .secret-cms.body_info_page .info-rich-content .cherry-card {border: 1px solid rgba(171, 119, 49, 0.28) !important; background: linear-gradient(135deg, rgba(3, 5, 8, 0.76), rgba(16, 10, 5, 0.46)), rgba(0, 0, 0, 0.42) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 0px 34px inset !important;} .secret-cms.body_info_page .info-rich-content > div {margin-bottom: 18px !important; padding: 22px !important;} .secret-cms.body_info_page .info-rich-content h2, .secret-cms.body_info_page .info-rich-content h3, .secret-cms.body_info_page .info-rich-content h4, .secret-cms.body_info_page .info-rich-content .formula-title, .secret-cms.body_info_page .info-rich-content .class-title, .secret-cms.body_info_page .info-rich-content .arena-title, .secret-cms.body_info_page .info-rich-content .cherry-title, .secret-cms.body_info_page .info-rich-content .faq-question {color: rgb(255, 226, 160) !important; font-family: TrajanPro3, Georgia, serif !important; letter-spacing: 0px !important;} .secret-cms.body_info_page .info-rich-content table, .secret-cms.body_info_page .info-rich-content .anc-table {border: 1px solid rgba(171, 119, 49, 0.34) !important; background: rgba(0, 0, 0, 0.48) !important;} .secret-cms.body_info_page .info-rich-content th, .secret-cms.body_info_page .info-rich-content .anc-table th {background: linear-gradient(rgba(74, 48, 19, 0.92), rgba(15, 10, 5, 0.92)) !important; color: rgb(255, 226, 160) !important;} .secret-cms.body_info_page .info-rich-content td, .secret-cms.body_info_page .info-rich-content .anc-table td {background: rgba(2, 4, 6, 0.62) !important;} .secret-cms.body_info_page .info-rich-content img, .secret-cms.body_info_page .info-rich-content video {max-width: 100% !important; height: auto !important; border: 1px solid rgba(171, 119, 49, 0.38) !important; background: rgb(3, 3, 3) !important; box-shadow: rgba(0, 0, 0, 0.36) 0px 18px 34px !important;} .secret-cms.body_info_page .info-rich-content video {display: block;} .secret-cms.body_info_page [data-section="footer"] {display: none !important;} @media (max-width: 1080px) { .secret-cms.body_info_page .legacyx-cms-section {padding-top: 76px !important; overflow: auto !important;} .secret-cms.body_info_page .info-page {grid-template-columns: 1fr !important; height: auto !important; min-height: calc(-76px + 100vh) !important;} .secret-cms.body_info_page .info-page__sidebar, .secret-cms.body_info_page .info-page__content {height: auto !important; max-height: none !important;} .secret-cms.body_info_page .info-page__sidebar {border-right: 0px !important; border-bottom: 1px solid rgba(171, 119, 49, 0.42) !important;} .secret-cms.body_info_page .info-page__content {overflow: visible !important; padding: 28px 18px 42px !important;} } .secret-cms.body_info_page .legacyx-cms-section {padding-top: 96px !important;} .secret-cms.body_info_page .legacyx-cms-section [data-section-bg="content"] {background-image: radial-gradient(circle at 70% 18%, rgba(196, 135, 49, 0.14), transparent 28%), linear-gradient(90deg, rgba(0, 0, 0, 0.99) 0px, rgba(0, 0, 0, 0.96) 350px, rgba(0, 0, 0, 0.76) 62%, rgba(0, 0, 0, 0.5) 100%), url("../../legacyx/images/content/bg.jpg") !important;} .secret-cms.body_info_page .info-page {border-top-color: rgba(176, 126, 53, 0.28); height: calc(-96px + 100vh) !important; min-height: calc(-96px + 100vh) !important; grid-template-columns: 350px minmax(0px, 1fr) !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.55) 55%, rgba(20, 12, 5, 0.18)) !important;} .secret-cms.body_info_page .info-page__sidebar {height: calc(-96px + 100vh) !important; padding: 20px 16px 26px !important; background: linear-gradient(rgba(176, 126, 53, 0.55), rgba(176, 126, 53, 0.55)) right top / 1px 120px no-repeat, linear-gradient(rgba(176, 126, 53, 0.32), rgba(176, 126, 53, 0.32)) right bottom / 1px 120px no-repeat, linear-gradient(rgba(3, 5, 8, 0.98), rgba(0, 0, 0, 0.96)) !important;} .secret-cms.body_info_page .info-page__brand {min-height: 116px !important; margin-bottom: 14px !important; padding: 17px 14px 18px 86px !important; border-color: rgba(176, 126, 53, 0.36) !important; background: radial-gradient(circle at 26px 26px, rgba(176, 126, 53, 0.18), transparent 38px), linear-gradient(135deg, rgba(176, 126, 53, 0.15), rgba(0, 0, 0, 0.28)), rgba(0, 0, 0, 0.38) !important;} .secret-cms.body_info_page .info-page__brand::before {left: 18px !important; top: 22px !important; width: 52px !important; height: 52px !important;} .secret-cms.body_info_page .info-page__brand span {display: block; margin-bottom: 18px;} .secret-cms.body_info_page .info-page__brand strong {font-size: 16px !important; color: rgb(255, 226, 160) !important;} .secret-cms.body_info_page .info-page__content {height: calc(-96px + 100vh) !important; padding: 36px clamp(34px, 3.8vw, 70px) 58px !important; background: linear-gradient(rgba(176, 126, 53, 0.11), transparent 150px), linear-gradient(90deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.58) 64%, rgba(0, 0, 0, 0.25)) !important;} .secret-cms.body_info_page .info-page__content h1 {font-size: clamp(30px, 2.5vw, 44px) !important;} .secret-cms.body_info_page .info-rich-content {max-width: 1480px !important;} .secret-cms.body_info_page .info-rich-content > div {border: 0px !important; background: transparent !important; box-shadow: none !important; padding: 0px !important;} .secret-cms.body_info_page .info-about-hero {position: relative; display: grid; grid-template-columns: minmax(0px, 1.06fr) minmax(380px, 0.94fr); gap: clamp(22px, 3vw, 42px); min-height: 392px; overflow: hidden; margin: 0px 0px 22px !important; padding: clamp(28px, 3vw, 44px) !important; border: 1px solid rgba(176, 126, 53, 0.38) !important; background: linear-gradient(rgba(176, 126, 53, 0.62), rgba(176, 126, 53, 0.62)) left top / 86px 1px no-repeat, linear-gradient(rgba(176, 126, 53, 0.62), rgba(176, 126, 53, 0.62)) left top / 1px 86px no-repeat, linear-gradient(rgba(176, 126, 53, 0.52), rgba(176, 126, 53, 0.52)) right bottom / 86px 1px no-repeat, linear-gradient(rgba(176, 126, 53, 0.52), rgba(176, 126, 53, 0.52)) right bottom / 1px 86px no-repeat, radial-gradient(circle at 76% 22%, rgba(208, 145, 55, 0.17), transparent 32%), linear-gradient(115deg, rgba(3, 5, 7, 0.92), rgba(12, 8, 4, 0.74)), url("../../legacyx/images/hero/bg.jpg") center center / cover no-repeat !important; box-shadow: rgba(0, 0, 0, 0.74) 0px 0px 64px inset, rgba(0, 0, 0, 0.34) 0px 24px 70px !important;} .secret-cms.body_info_page .info-about-hero::before {content: ""; position: absolute; right: clamp(24px, 5vw, 92px); top: 22px; width: 132px; height: 132px; background: url("../../legacyx/images/preload/short-logo.png") center center / contain no-repeat; opacity: 0.08; pointer-events: none;} .secret-cms.body_info_page .info-about-hero__copy, .secret-cms.body_info_page .info-about-hero__media {position: relative; z-index: 1; min-width: 0px;} .secret-cms.body_info_page .info-about-hero__kicker {margin: 0px 0px 12px; color: rgb(8, 185, 255); font-size: 11px; font-weight: 900; text-transform: uppercase;} .secret-cms.body_info_page .info-about-hero h2 {max-width: 760px; margin: 0px 0px 18px !important; color: rgb(255, 226, 160) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: clamp(30px, 3vw, 50px) !important; line-height: 1.05 !important;} .secret-cms.body_info_page .info-about-hero p {max-width: 780px; margin: 0px 0px 14px !important; color: rgba(239, 228, 204, 0.9) !important; font-size: 15px !important; line-height: 1.72 !important;} .secret-cms.body_info_page .info-about-hero__note {font-weight: 800; margin-top: 20px !important; color: rgb(255, 211, 122) !important;} .secret-cms.body_info_page .info-about-hero__actions {display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px;} .secret-cms.body_info_page .info-about-hero__actions a, .secret-cms.body_info_page .info-link-row a {display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 0px 26px; border: 1px solid rgba(176, 126, 53, 0.54); background: linear-gradient(rgba(176, 126, 53, 0.18), rgba(0, 0, 0, 0.32)), url("../../legacyx/images/btn/btn.png") center center / 100% 100% no-repeat; color: rgb(255, 226, 160) !important; text-decoration: none !important;} .secret-cms.body_info_page .info-about-hero__actions a:hover, .secret-cms.body_info_page .info-link-row a:hover {filter: brightness(1.12); color: rgb(255, 247, 216) !important;} .secret-cms.body_info_page .info-about-hero__media {align-self: stretch; display: grid; place-items: center;} .secret-cms.body_info_page .info-about-hero__media img {aspect-ratio: 16 / 10; object-fit: cover; background: rgb(3, 3, 3); width: min(100%, 620px) !important; border: 1px solid rgba(176, 126, 53, 0.48) !important; box-shadow: rgba(0, 0, 0, 0.52) 0px 28px 70px !important;} .secret-cms.body_info_page .info-link-row {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin: 0px 0px 22px !important;} .secret-cms.body_info_page .info-link-row a {flex-direction: column; align-items: flex-start; min-height: 84px; padding: 16px 18px;} .secret-cms.body_info_page .info-link-row strong {color: rgb(255, 226, 160); font-family: TrajanPro3, Georgia, serif; font-size: 17px;} .secret-cms.body_info_page .info-link-row span {margin-top: 7px; color: rgba(232, 220, 197, 0.7); font-size: 12px;} .secret-cms.body_info_page .info-feature-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; margin: 0px 0px 24px !important;} .secret-cms.body_info_page .info-feature-card {position: relative; min-height: 178px; overflow: hidden; padding: 24px 22px 22px !important; border: 1px solid rgba(176, 126, 53, 0.28) !important; background: linear-gradient(rgba(176, 126, 53, 0.46), rgba(176, 126, 53, 0.46)) left top / 44px 1px no-repeat, linear-gradient(rgba(176, 126, 53, 0.46), rgba(176, 126, 53, 0.46)) left top / 1px 44px no-repeat, linear-gradient(135deg, rgba(6, 8, 10, 0.86), rgba(25, 15, 7, 0.48)), rgba(0, 0, 0, 0.34) !important;} .secret-cms.body_info_page .info-feature-card span {position: absolute; right: 16px; top: 12px; color: rgba(255, 226, 160, 0.16); font-family: TrajanPro3, Georgia, serif; font-size: 44px; line-height: 1;} .secret-cms.body_info_page .info-feature-card h3 {position: relative; max-width: 280px; margin: 0px 0px 12px !important; color: rgb(255, 226, 160) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 19px !important; line-height: 1.25 !important;} .secret-cms.body_info_page .info-feature-card p {position: relative; margin: 0px !important; color: rgba(232, 220, 197, 0.78) !important; font-size: 13px !important; line-height: 1.58 !important;} .secret-cms.body_info_page .info-rich-content .profile, .secret-cms.body_info_page .info-rich-content .widget:not(.info-about-hero), .secret-cms.body_info_page .info-rich-content .formula-card, .secret-cms.body_info_page .info-rich-content .dle-block, .secret-cms.body_info_page .info-rich-content .faq-item, .secret-cms.body_info_page .info-rich-content .arena-card, .secret-cms.body_info_page .info-rich-content .cherry-card {border: 1px solid rgba(176, 126, 53, 0.28) !important; background: linear-gradient(135deg, rgba(3, 5, 8, 0.76), rgba(16, 10, 5, 0.46)), rgba(0, 0, 0, 0.42) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 0px 34px inset !important;} @media (max-width: 1280px) { .secret-cms.body_info_page .info-about-hero {grid-template-columns: 1fr;} .secret-cms.body_info_page .info-about-hero__media img {width: min(100%, 760px) !important;} .secret-cms.body_info_page .info-feature-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));} } @media (max-width: 1080px) { .secret-cms.body_info_page .legacyx-cms-section {padding-top: 76px !important;} .secret-cms.body_info_page .info-page, .secret-cms.body_info_page .info-page__sidebar, .secret-cms.body_info_page .info-page__content {height: auto !important;} .secret-cms.body_info_page .info-link-row, .secret-cms.body_info_page .info-feature-grid {grid-template-columns: 1fr;} } :where(.secret-cms) html:has(body.body_info_standalone) {min-width: 320px; height: 100%; overflow: hidden; background: rgb(5, 3, 2);} .secret-cms.body_info_standalone {width: 100%; height: 100%; min-width: 320px; margin: 0px; overflow: hidden; color: rgb(234, 223, 198); background: rgb(5, 3, 2) !important;} .secret-cms.body_info_standalone .info-standalone-bg {position: fixed; inset: 0px; z-index: 0; background: radial-gradient(circle at 72% 18%, rgba(215, 150, 55, 0.18), transparent 28%), radial-gradient(circle at 30% 80%, rgba(4, 124, 165, 0.08), transparent 28%), linear-gradient(90deg, rgba(0, 0, 0, 0.98) 0px, rgba(0, 0, 0, 0.9) 34%, rgba(0, 0, 0, 0.63) 100%), url("../../legacyx/images/content/bg.jpg") center center / cover no-repeat;} .secret-cms.body_info_standalone .info-standalone-bg::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.62), transparent 24%, rgba(0, 0, 0, 0.82)), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 80px); pointer-events: none;} .secret-cms.body_info_standalone .page-card--info, .secret-cms.body_info_standalone .info-standalone-shell {position: relative; z-index: 1; width: 100vw !important; max-width: none !important; height: 100vh !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; overflow: hidden !important;} .secret-cms.body_info_standalone .page-card--info::before, .secret-cms.body_info_standalone .page-card--info::after {display: none !important;} .secret-cms.body_info_standalone .info-page {width: 100%; display: grid !important; grid-template-columns: 352px minmax(0px, 1fr) !important; height: 100vh !important; min-height: 0px !important; border: 0px !important; background: transparent !important;} .secret-cms.body_info_standalone .info-page__sidebar {min-width: 0px; box-shadow: rgba(0, 0, 0, 0.42) 24px 0px 70px; scrollbar-width: thin; scrollbar-color: rgba(210, 151, 64, 0.58) rgba(0, 0, 0, 0.28); height: 100vh !important; max-height: none !important; padding: 22px 18px 26px !important; overflow-y: auto !important; border-width: 0px 1px 0px 0px !important; border-style: none solid none none !important; border-color: currentcolor rgba(210, 151, 64, 0.2) currentcolor currentcolor !important; border-image: none !important; background: linear-gradient(rgba(6, 7, 8, 0.96), rgba(0, 0, 0, 0.96)), rgba(0, 0, 0, 0.92) !important;} .secret-cms.body_info_standalone .info-page__brand {grid-template-columns: 1fr auto; gap: 7px 12px; display: grid !important; min-height: 0px !important; margin: 0px 0px 18px !important; padding: 0px 0px 20px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(210, 151, 64, 0.18) !important; border-image: none !important; background: transparent !important;} .secret-cms.body_info_standalone .info-page__brand::before {display: none !important;} .secret-cms.body_info_standalone .info-page__brand-logo {grid-column: 1 / -1; display: block; width: 168px; margin-bottom: 8px;} .secret-cms.body_info_standalone .info-page__brand-logo img {display: block; max-width: 100%; height: auto; border: 0px !important; background: transparent !important; box-shadow: none !important;} .secret-cms.body_info_standalone .info-page__brand span {display: block; line-height: 1.2; text-shadow: rgba(9, 189, 250, 0.18) 0px 0px 18px; margin: 0px !important; color: rgb(9, 189, 250) !important; font-family: Intro, Arial, sans-serif !important; font-size: 11px !important; font-weight: 900 !important;} .secret-cms.body_info_standalone .info-page__brand strong {grid-column: 1 / 2; margin: 0px !important; color: rgb(243, 223, 174) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 18px !important; line-height: 1.18 !important;} .secret-cms.body_info_standalone .info-page__home-link {grid-area: 2 / 2 / 4 / 3; align-self: end; padding: 7px 10px; border: 1px solid rgba(210, 151, 64, 0.24); font-size: 11px; text-decoration: none; background: rgba(255, 255, 255, 0.03); color: rgba(243, 223, 174, 0.75) !important;} .secret-cms.body_info_standalone .info-page__home-link:hover {border-color: rgba(210, 151, 64, 0.5); color: rgb(255, 226, 160) !important;} .secret-cms.body_info_standalone .info-nav-group {margin: 0px 0px 4px !important; border: 0px !important;} .secret-cms.body_info_standalone .info-nav-group__head {display: grid; grid-template-columns: 32px minmax(0px, 1fr) auto; gap: 10px; min-height: 46px !important; padding: 7px 8px !important; border: 0px !important; color: rgba(224, 218, 205, 0.7) !important; background: transparent !important;} .secret-cms.body_info_standalone .info-nav-group__head::before {display: none !important;} .secret-cms.body_info_standalone .info-nav-group__head:hover, .secret-cms.body_info_standalone .info-nav-group.is-active .info-nav-group__head {color: rgb(245, 230, 188) !important; background: linear-gradient(90deg, rgba(210, 151, 64, 0.14), rgba(210, 151, 64, 0.04) 54%, transparent) !important;} .secret-cms.body_info_standalone .info-nav-group__icon {width: 25px !important; height: 25px !important; border: 1px solid rgba(210, 151, 64, 0.38) !important; color: rgb(243, 207, 128) !important; font-size: 9px !important; background: rgba(0, 0, 0, 0.34) !important;} .secret-cms.body_info_standalone .info-nav-group__head strong {font-family: Intro, Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important;} .secret-cms.body_info_standalone .info-nav-group__head em {min-width: 24px !important; height: 19px !important; border: 0px !important; color: rgba(243, 207, 128, 0.78) !important; font-size: 11px !important; background: rgba(210, 151, 64, 0.12) !important;} .secret-cms.body_info_standalone .info-nav-group__children {display: grid; gap: 1px; padding: 2px 0px 10px 43px !important; background: transparent !important;} .secret-cms.body_info_standalone .info-nav-group:not(.is-active) .info-nav-group__children {display: none !important;} .secret-cms.body_info_standalone .info-nav-group__children a {position: relative; text-decoration: none; min-height: 27px !important; padding: 6px 8px 6px 14px !important; color: rgba(216, 219, 222, 0.62) !important; font-size: 11px !important; line-height: 1.25 !important;} .secret-cms.body_info_standalone .info-nav-group__children a::before {content: ""; position: absolute; left: 0px; top: 50%; width: 5px; height: 5px; background: rgba(210, 151, 64, 0.42); transform: translateY(-50%) rotate(45deg);} .secret-cms.body_info_standalone .info-nav-group__children a:hover, .secret-cms.body_info_standalone .info-nav-group__children a.is-active {background: rgba(210, 151, 64, 0.07); color: rgb(255, 215, 125) !important;} .secret-cms.body_info_standalone .info-nav-group__children small {display: none !important;} .secret-cms.body_info_standalone .info-page__content {scrollbar-width: thin; scrollbar-color: rgba(210, 151, 64, 0.58) rgba(0, 0, 0, 0.28); height: 100vh !important; min-height: 0px !important; padding: clamp(28px, 3.2vw, 56px) clamp(32px, 4.5vw, 86px) 72px !important; overflow-y: auto !important; color: rgba(236, 226, 203, 0.9) !important; background: transparent !important;} .secret-cms.body_info_standalone .info-page__heading {display: grid; gap: 10px; max-width: 960px; margin: 0px 0px 28px;} .secret-cms.body_info_standalone .info-page__heading .eyebrow {line-height: 1.2; margin: 0px !important; color: rgb(9, 189, 250) !important; font-family: Intro, Arial, sans-serif !important; font-size: 11px !important; font-weight: 900 !important;} .secret-cms.body_info_standalone .info-page__heading h1 {margin: 0px !important; padding: 0px !important; color: rgb(255, 226, 160) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: clamp(34px, 3.4vw, 58px) !important; line-height: 0.98 !important;} .secret-cms.body_info_standalone .info-page__heading h1::after {display: none !important;} .secret-cms.body_info_standalone .info-page__intro {max-width: 880px !important; margin: 6px 0px 0px !important; color: rgba(236, 226, 203, 0.72) !important; font-size: 13px !important; line-height: 1.6 !important;} .secret-cms.body_info_standalone .info-rich-content {width: min(100%, 1480px) !important; max-width: 1480px !important; color: rgba(236, 226, 203, 0.9) !important; font-family: Intro, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.66 !important;} .secret-cms.body_info_standalone .info-rich-content > div {border: 0px !important; background: transparent !important; box-shadow: none !important; padding: 0px !important;} .secret-cms.body_info_standalone .info-about-hero {position: relative; display: grid; grid-template-columns: minmax(0px, 0.88fr) minmax(360px, 0.72fr); gap: clamp(26px, 4vw, 70px); align-items: center; min-height: 420px; margin: 0px 0px 24px !important; padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important;} .secret-cms.body_info_standalone .info-about-hero__kicker {margin: 0px 0px 13px; color: rgb(9, 189, 250); font-size: 11px; font-weight: 900; text-transform: uppercase;} .secret-cms.body_info_standalone .info-about-hero h2 {max-width: 820px; margin: 0px 0px 22px !important; color: rgb(255, 226, 160) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: clamp(42px, 4.4vw, 74px) !important; line-height: 0.92 !important;} .secret-cms.body_info_standalone .info-about-hero p {max-width: 820px; margin: 0px 0px 15px !important; color: rgba(238, 228, 205, 0.88) !important; font-size: 15px !important; line-height: 1.72 !important;} .secret-cms.body_info_standalone .info-about-hero__note {font-weight: 800; color: rgb(255, 215, 125) !important;} .secret-cms.body_info_standalone .info-about-hero__actions {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px;} .secret-cms.body_info_standalone .info-about-hero__actions a {min-height: 42px; padding: 0px 23px; border: 1px solid rgba(210, 151, 64, 0.32); background: rgba(210, 151, 64, 0.08); color: rgb(255, 226, 160) !important; text-decoration: none !important;} .secret-cms.body_info_standalone .info-about-hero__actions a:hover {background: rgba(210, 151, 64, 0.18);} .secret-cms.body_info_standalone .info-about-hero__media {position: relative; min-height: 360px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.46) 0px 34px 90px; border: 0px !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.4)), url("../../legacyx/images/hero/bg.jpg") center center / cover no-repeat !important;} .secret-cms.body_info_standalone .info-about-hero__media::before {content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 64% 36%, transparent 0px, transparent 28%, rgba(0, 0, 0, 0.72) 66%), linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.58));} .secret-cms.body_info_standalone .info-about-hero__media span {position: absolute; right: 34px; bottom: 28px; width: clamp(120px, 13vw, 190px); height: clamp(120px, 13vw, 190px); background: url("../../legacyx/images/preload/short-logo.png") center center / contain no-repeat; opacity: 0.72; filter: drop-shadow(rgba(0, 0, 0, 0.65) 0px 20px 42px);} .secret-cms.body_info_standalone .info-link-row {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1px; background: rgba(210, 151, 64, 0.16); margin: 0px 0px 24px !important;} .secret-cms.body_info_standalone .info-link-row a {display: grid; gap: 7px; min-height: 86px; padding: 18px 20px; color: rgba(236, 226, 203, 0.76) !important; text-decoration: none !important; background: rgba(4, 5, 6, 0.86) !important;} .secret-cms.body_info_standalone .info-link-row a:hover {background: rgba(22, 15, 8, 0.9) !important;} .secret-cms.body_info_standalone .info-link-row strong {color: rgb(255, 226, 160); font-family: TrajanPro3, Georgia, serif; font-size: 18px;} .secret-cms.body_info_standalone .info-link-row span {color: rgba(236, 226, 203, 0.64); font-size: 12px;} .secret-cms.body_info_standalone .info-feature-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin: 0px 0px 28px !important;} .secret-cms.body_info_standalone .info-feature-card, .secret-cms.body_info_standalone .info-rich-content .profile, .secret-cms.body_info_standalone .info-rich-content .widget:not(.info-about-hero), .secret-cms.body_info_standalone .info-rich-content .formula-card, .secret-cms.body_info_standalone .info-rich-content .dle-block, .secret-cms.body_info_standalone .info-rich-content .faq-item, .secret-cms.body_info_standalone .info-rich-content .arena-card, .secret-cms.body_info_standalone .info-rich-content .cherry-card {border: 0px !important; background: rgba(4, 5, 6, 0.72) !important; box-shadow: none !important;} .secret-cms.body_info_standalone .info-feature-card {position: relative; min-height: 150px; padding: 20px !important;} .secret-cms.body_info_standalone .info-feature-card::before, .secret-cms.body_info_standalone .info-rich-content .formula-card::before, .secret-cms.body_info_standalone .info-rich-content .dle-block::before, .secret-cms.body_info_standalone .info-rich-content .faq-item::before {display: none !important;} .secret-cms.body_info_standalone .info-feature-card span {display: block; margin: 0px 0px 14px; color: rgba(9, 189, 250, 0.82); font-size: 12px; font-weight: 900;} .secret-cms.body_info_standalone .info-feature-card h3 {margin: 0px 0px 10px !important; color: rgb(255, 226, 160) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 18px !important; line-height: 1.24 !important;} .secret-cms.body_info_standalone .info-feature-card p {margin: 0px !important; color: rgba(236, 226, 203, 0.68) !important; font-size: 13px !important; line-height: 1.58 !important;} .secret-cms.body_info_standalone .info-rich-content .formula-card, .secret-cms.body_info_standalone .info-rich-content .dle-block, .secret-cms.body_info_standalone .info-rich-content .faq-item, .secret-cms.body_info_standalone .info-rich-content .arena-card, .secret-cms.body_info_standalone .info-rich-content .cherry-card {margin-bottom: 12px; padding: 20px 22px !important;} .secret-cms.body_info_standalone .info-rich-content h2, .secret-cms.body_info_standalone .info-rich-content h3, .secret-cms.body_info_standalone .info-rich-content h4, .secret-cms.body_info_standalone .info-rich-content .formula-title, .secret-cms.body_info_standalone .info-rich-content .class-title, .secret-cms.body_info_standalone .info-rich-content .arena-title, .secret-cms.body_info_standalone .info-rich-content .cherry-title, .secret-cms.body_info_standalone .info-rich-content .faq-question {color: rgb(255, 226, 160) !important; font-family: TrajanPro3, Georgia, serif !important;} .secret-cms.body_info_standalone .info-rich-content table, .secret-cms.body_info_standalone .info-rich-content .anc-table {border: 0px !important; border-collapse: collapse !important; background: rgba(0, 0, 0, 0.38) !important;} .secret-cms.body_info_standalone .info-rich-content th, .secret-cms.body_info_standalone .info-rich-content td, .secret-cms.body_info_standalone .info-rich-content .anc-table th, .secret-cms.body_info_standalone .info-rich-content .anc-table td {border: 1px solid rgba(210, 151, 64, 0.14) !important; background: rgba(2, 3, 4, 0.48) !important;} .secret-cms.body_info_standalone .info-rich-content th, .secret-cms.body_info_standalone .info-rich-content .anc-table th {color: rgb(255, 226, 160) !important; background: rgba(210, 151, 64, 0.12) !important;} .secret-cms.body_info_standalone .info-rich-content img, .secret-cms.body_info_standalone .info-rich-content video {max-width: 100% !important; height: auto !important; border: 0px !important; background: rgb(3, 3, 3) !important; box-shadow: rgba(0, 0, 0, 0.36) 0px 20px 48px !important;} .secret-cms.body_info_standalone .info-rich-content [style*="border-radius"] {border-radius: 0px !important;} @media (max-width: 1180px) { :where(.secret-cms) html:has(body.body_info_standalone), .secret-cms.body_info_standalone {height: auto; overflow: auto;} .secret-cms.body_info_standalone .page-card--info, .secret-cms.body_info_standalone .info-standalone-shell, .secret-cms.body_info_standalone .info-page, .secret-cms.body_info_standalone .info-page__sidebar, .secret-cms.body_info_standalone .info-page__content {height: auto !important; min-height: 0px !important; overflow: visible !important;} .secret-cms.body_info_standalone .info-page {grid-template-columns: 1fr !important;} .secret-cms.body_info_standalone .info-page__sidebar {border-right: 0px !important; border-bottom: 1px solid rgba(210, 151, 64, 0.2) !important;} .secret-cms.body_info_standalone .info-about-hero {grid-template-columns: 1fr;} .secret-cms.body_info_standalone .info-link-row, .secret-cms.body_info_standalone .info-feature-grid {grid-template-columns: 1fr;} } @media (max-width: 620px) { .secret-cms.body_info_standalone .info-page__sidebar, .secret-cms.body_info_standalone .info-page__content {padding-left: 16px !important; padding-right: 16px !important;} .secret-cms.body_info_standalone .info-about-hero h2 {font-size: 34px !important;} .secret-cms.body_info_standalone .info-about-hero__media {min-height: 230px;} } .secret-cms.body_info_standalone .info-standalone-bg {background: linear-gradient(90deg, rgba(0, 0, 0, 0.98) 0px, rgba(0, 0, 0, 0.9) 32%, rgba(0, 0, 0, 0.54) 100%), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.32) 42%, rgba(0, 0, 0, 0.9)), url("../../legacyx/images/hero/bg.jpg") center center / cover no-repeat;} .secret-cms.body_info_standalone .info-standalone-bg::before {content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.86), transparent 38%), url("../../legacyx/images/content/bg.jpg") right center / auto 100% no-repeat; opacity: 0.72;} .secret-cms.body_info_standalone .info-standalone-bg::after {background: linear-gradient(rgba(0, 0, 0, 0.48), transparent 22%, rgba(0, 0, 0, 0.82)), linear-gradient(90deg, rgba(210, 151, 64, 0.08), transparent 1px) 352px 0px / 1px 100% no-repeat !important;} .secret-cms.body_info_standalone .info-page {grid-template-columns: 372px minmax(0px, 1fr) !important;} .secret-cms.body_info_standalone .info-page__sidebar {box-shadow: rgba(0, 0, 0, 0.38) 34px 0px 90px; padding: 26px 22px 28px !important; border-right-color: rgba(210, 151, 64, 0.16) !important; background: linear-gradient(rgba(4, 5, 7, 0.94), rgba(0, 0, 0, 0.92)), linear-gradient(90deg, rgba(210, 151, 64, 0.08), transparent), rgba(0, 0, 0, 0.9) !important;} .secret-cms.body_info_standalone .info-page__brand {grid-template-columns: 1fr; gap: 8px; padding-bottom: 24px !important; border-bottom-color: rgba(210, 151, 64, 0.16) !important;} .secret-cms.body_info_standalone .info-page__brand-logo {width: 184px; margin-bottom: 10px;} .secret-cms.body_info_standalone .info-page__brand strong {font-size: 21px !important;} .secret-cms.body_info_standalone .info-page__home-link {grid-area: auto; justify-self: start; margin-top: 8px; padding: 0px; border: 0px; background: transparent; color: rgba(9, 189, 250, 0.82) !important;} .secret-cms.body_info_standalone .info-page__brand-meta {display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px;} .secret-cms.body_info_standalone .info-page__brand-meta span {padding: 5px 8px; background: rgba(255, 255, 255, 0.043); text-shadow: none; margin: 0px !important; color: rgba(243, 223, 174, 0.68) !important; font-size: 10px !important; font-weight: 800 !important;} .secret-cms.body_info_standalone .info-nav-group {position: relative; margin-bottom: 3px !important;} .secret-cms.body_info_standalone .info-nav-group::before {content: ""; position: absolute; left: 15px; top: 42px; bottom: 7px; width: 1px; background: rgba(210, 151, 64, 0.09); pointer-events: none;} .secret-cms.body_info_standalone .info-nav-group__head {min-height: 44px !important; padding: 6px !important;} .secret-cms.body_info_standalone .info-nav-group__head:hover, .secret-cms.body_info_standalone .info-nav-group.is-active .info-nav-group__head {background: linear-gradient(90deg, rgba(210, 151, 64, 0.11), rgba(210, 151, 64, 0.024) 58%, transparent) !important;} .secret-cms.body_info_standalone .info-nav-group__icon {border-color: rgba(210, 151, 64, 0.28) !important; background: rgba(4, 5, 6, 0.76) !important;} .secret-cms.body_info_standalone .info-nav-group__children {padding-left: 44px !important; padding-bottom: 11px !important;} .secret-cms.body_info_standalone .info-nav-group__children a {color: rgba(216, 219, 222, 0.58) !important;} .secret-cms.body_info_standalone .info-nav-group__children a:hover, .secret-cms.body_info_standalone .info-nav-group__children a.is-active {background: transparent !important;} .secret-cms.body_info_standalone .info-page__content {padding: clamp(34px, 4vw, 72px) clamp(36px, 5vw, 104px) 88px !important;} .secret-cms.body_info_standalone .info-page__heading {max-width: 1120px; margin-bottom: 32px;} .secret-cms.body_info_standalone .info-page__chapter {display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 0px 0px 4px; color: rgba(243, 223, 174, 0.58); font-size: 11px; font-weight: 800; text-transform: uppercase;} .secret-cms.body_info_standalone .info-page__chapter::before {content: ""; width: 32px; height: 1px; background: rgba(210, 151, 64, 0.54);} .secret-cms.body_info_standalone .info-page__chapter em {color: rgba(9, 189, 250, 0.74); font-style: normal; text-transform: lowercase;} .secret-cms.body_info_standalone .info-page__heading h1 {max-width: 1120px; text-shadow: rgba(0, 0, 0, 0.5) 0px 16px 48px;} .secret-cms.body_info_standalone .info-about-hero {grid-template-columns: minmax(0px, 0.95fr) minmax(360px, 0.78fr); min-height: 500px; margin-bottom: 30px !important;} .secret-cms.body_info_standalone .info-about-hero h2 {max-width: 880px; font-size: clamp(48px, 5.2vw, 86px) !important;} .secret-cms.body_info_standalone .info-about-hero p {max-width: 760px;} .secret-cms.body_info_standalone .info-about-hero__actions a {border-color: rgba(210, 151, 64, 0.18); background: rgba(2, 3, 4, 0.54);} .secret-cms.body_info_standalone .info-about-hero__media {min-height: 430px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.38)), url("../../legacyx/images/content/bg.jpg") center center / cover no-repeat !important;} .secret-cms.body_info_standalone .info-about-hero__media::after {content: ""; position: absolute; inset: 22px; border: 1px solid rgba(210, 151, 64, 0.12); pointer-events: none;} .secret-cms.body_info_standalone .info-link-row {gap: 12px; background: transparent;} .secret-cms.body_info_standalone .info-link-row a {min-height: 98px; border-left: 1px solid rgba(210, 151, 64, 0.32); background: linear-gradient(90deg, rgba(210, 151, 64, 0.09), transparent), rgba(4, 5, 6, 0.58) !important;} .secret-cms.body_info_standalone .info-feature-grid {gap: 12px;} .secret-cms.body_info_standalone .info-feature-card, .secret-cms.body_info_standalone .info-rich-content .formula-card, .secret-cms.body_info_standalone .info-rich-content .dle-block, .secret-cms.body_info_standalone .info-rich-content .faq-item, .secret-cms.body_info_standalone .info-rich-content .arena-card, .secret-cms.body_info_standalone .info-rich-content .cherry-card {background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)), rgba(4, 5, 6, 0.62) !important;} .secret-cms.body_info_standalone .info-feature-card {min-height: 164px; border-left: 1px solid rgba(210, 151, 64, 0.22) !important;} .secret-cms.body_info_standalone .info-feature-card span {color: rgba(210, 151, 64, 0.76);} .secret-cms.body_info_standalone .info-rich-content table, .secret-cms.body_info_standalone .info-rich-content .anc-table {background: rgba(0, 0, 0, 0.28) !important;} .secret-cms.body_info_standalone .info-rich-content th, .secret-cms.body_info_standalone .info-rich-content .anc-table th {background: rgba(210, 151, 64, 0.1) !important;} @media (max-width: 1180px) { .secret-cms.body_info_standalone .info-page {grid-template-columns: 1fr !important;} .secret-cms.body_info_standalone .info-page__brand-logo {width: 164px;} } .secret-cms.body_info_standalone .info-nav-group__icon {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E"); position: relative; place-items: center; display: grid !important; font-size: 0px !important; color: rgb(242, 198, 110) !important;} .secret-cms.body_info_standalone .info-nav-group__icon::before {content: ""; width: 16px; height: 16px; display: block; background: currentcolor; mask: var(--info-icon) center / contain no-repeat;} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="mu"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 5 5v6c0 5 3 9 7 11 4-2 7-6 7-11V5l-7-3Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="sys"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z'/%3E%3Cpath d='M3 12h3m12 0h3M12 3v3m0 12v3M5.6 5.6l2.1 2.1m8.6 8.6 2.1 2.1m0-12.8-2.1 2.1m-8.6 8.6-2.1 2.1'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="char"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="evt"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v3M17 3v3M4 8h16M5 5h14v16H5z'/%3E%3Cpath d='m12 11 1.2 2.4 2.6.4-1.9 1.8.5 2.6-2.4-1.2-2.4 1.2.5-2.6-1.9-1.8 2.6-.4L12 11Z'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="inv"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 4 6 6-4 1-7 7-3-3 7-7 1-4Z'/%3E%3Cpath d='m5 19 3-3M4 4l7 7'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="boss"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8 4 4l5 2 3-3 3 3 5-2-2 4'/%3E%3Cpath d='M5 10c0 6 3 10 7 10s7-4 7-10c-2 1-4 1-7 1s-5 0-7-1Z'/%3E%3Cpath d='M9 14h.01M15 14h.01M10 17h4'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="item"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 6-8 12L4 9l8-6Z'/%3E%3Cpath d='M4 9h16M9 9l3 12 3-12'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="cm"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8h10l-1 10H8L7 8Z'/%3E%3Cpath d='M9 8V5h6v3M8 14h8M5 20h14'/%3E%3Cpath d='M12 11v5'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="misc"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3C/svg%3E");} .secret-cms.body_info_standalone .info-nav-group__icon[data-icon="faq"] {--info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4V5Z'/%3E%3Cpath d='M10 9a2 2 0 1 1 3 1.7c-.8.5-1 1-1 2.3M12 16h.01'/%3E%3C/svg%3E");} :where(.secret-cms) html:has(body.body_info_standalone), .secret-cms.body_info_standalone {width: 100%; height: 100%; min-width: 320px; margin: 0px; overflow: hidden; background: rgb(3, 3, 3) !important;} .secret-cms.body_info_standalone {--info-gold: #d7a747; --info-gold-soft: #f1d28a; --info-cyan: #02baf1; --info-ink: #050607; --info-panel: rgba(7, 8, 9, .9); --info-line: rgba(215, 167, 71, .28); --info-text: #e8ddc4; --info-muted: rgba(232, 221, 196, .62); font-family: Intro, Arial, sans-serif; color: var(--info-text) !important;} .secret-cms.body_info_standalone .info-standalone-bg {position: fixed !important; inset: 0px !important; z-index: 0 !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.99) 0px, rgba(0, 0, 0, 0.93) 24%, rgba(0, 0, 0, 0.6) 72%, rgba(0, 0, 0, 0.86) 100%), linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.72)), url("../../legacyx/images/content/bg.jpg") center center / cover no-repeat !important;} .secret-cms.body_info_standalone .info-standalone-bg::before {transform: translate3d(0px, 0px, 0px); animation: 18s ease-in-out 0s infinite alternate none running infoLightDrift; content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(100deg, transparent 0px, transparent 34%, rgba(72, 58, 35, 0.2) 48%, transparent 66%), url("../../legacyx/images/resources/bg.jpg") right center / cover no-repeat !important; opacity: 0.34 !important;} .secret-cms.body_info_standalone .info-standalone-bg::after {content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(0, 0, 0, 0.68), transparent 22%, rgba(0, 0, 0, 0.78)), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 92px) !important; pointer-events: none !important;} @keyframes infoLightDrift { 0% { opacity: 0.26; transform: translate3d(0px, 0px, 0px) scale(1); } 100% { opacity: 0.42; transform: translate3d(-18px, 0px, 0px) scale(1.02); } } .secret-cms.body_info_standalone .page-card--info, .secret-cms.body_info_standalone .info-standalone-shell {position: relative !important; z-index: 1 !important; width: 100vw !important; max-width: none !important; height: 100vh !important; min-height: 100vh !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; overflow: hidden !important;} .secret-cms.body_info_standalone .page-card--info::before, .secret-cms.body_info_standalone .page-card--info::after {display: none !important;} .secret-cms.body_info_standalone .info-reading-progress {position: fixed; z-index: 90; left: 0px; top: 0px; width: 100%; height: 3px; background: rgba(0, 0, 0, 0.75);} .secret-cms.body_info_standalone .info-reading-progress span {display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--info-cyan), var(--info-gold)); transform: scaleX(0); transform-origin: left center; transition: transform 0.18s;} .secret-cms.body_info_standalone .info-page {display: grid !important; grid-template-columns: 350px minmax(0px, 1fr) !important; width: 100% !important; height: 100vh !important; min-height: 0px !important; border: 0px !important; background: transparent !important;} .secret-cms.body_info_standalone .info-page__sidebar {scrollbar-width: thin; scrollbar-color: rgba(215, 167, 71, 0.55) rgba(0, 0, 0, 0.28); position: relative !important; height: 100vh !important; min-width: 0px !important; padding: 26px 20px 34px !important; overflow-y: auto !important; border-width: 0px 1px 0px 0px !important; border-style: none solid none none !important; border-color: currentcolor rgba(215, 167, 71, 0.24) currentcolor currentcolor !important; border-image: none !important; background: linear-gradient(rgba(8, 9, 10, 0.96), rgba(2, 2, 2, 0.96)), rgba(0, 0, 0, 0.94) !important; box-shadow: rgba(0, 0, 0, 0.5) 26px 0px 80px !important;} .secret-cms.body_info_standalone .info-page__sidebar::after {content: "" !important; position: fixed !important; left: 349px !important; top: 0px !important; bottom: 0px !important; width: 1px !important; background: linear-gradient(transparent, rgba(215, 167, 71, 0.62) 16%, rgba(215, 167, 71, 0.18) 78%, transparent) !important; pointer-events: none !important;} .secret-cms.body_info_standalone .info-page__brand {grid-template-columns: 72px minmax(0px, 1fr); gap: 10px 14px; display: grid !important; min-height: 0px !important; margin: 0px 0px 16px !important; padding: 0px 0px 18px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(215, 167, 71, 0.18) !important; border-image: none !important; background: transparent !important;} .secret-cms.body_info_standalone .info-page__brand::before {display: none !important;} .secret-cms.body_info_standalone .info-page__brand-logo {grid-area: 1 / 1 / 3 / 2; display: block !important; width: 70px !important; margin: 0px !important;} .secret-cms.body_info_standalone .info-page__brand-logo img {display: block !important; max-width: 100% !important; height: auto !important; border: 0px !important; background: transparent !important; box-shadow: none !important;} .secret-cms.body_info_standalone .info-page__brand-copy {align-self: end;} .secret-cms.body_info_standalone .info-page__brand span, .secret-cms.body_info_standalone .info-page__brand-copy span {display: block !important; margin: 0px 0px 6px !important; color: var(--info-cyan) !important; font-family: Intro, Arial, sans-serif !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; text-transform: uppercase !important; text-shadow: rgba(2, 186, 241, 0.22) 0px 0px 18px !important;} .secret-cms.body_info_standalone .info-page__brand strong {display: block !important; margin: 0px !important; color: rgb(255, 227, 162) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 19px !important; line-height: 1.1 !important;} .secret-cms.body_info_standalone .info-page__home-link {grid-column: 2 / 3; place-self: start; padding: 0px !important; border: 0px !important; color: rgba(2, 186, 241, 0.78) !important; font-size: 11px !important; font-weight: 800 !important; text-decoration: none !important; background: transparent !important;} .secret-cms.body_info_standalone .info-page__home-link:hover {color: rgb(255, 240, 189) !important;} .secret-cms.body_info_standalone .info-page__brand-meta {grid-column: 1 / -1; display: flex !important; gap: 8px !important; margin: 6px 0px 0px !important;} .secret-cms.body_info_standalone .info-page__brand-meta span {display: inline-flex !important; min-height: 22px !important; align-items: center !important; padding: 0px 9px !important; color: rgba(255, 231, 174, 0.78) !important; font-size: 10px !important; background: rgba(215, 167, 71, 0.09) !important; border: 1px solid rgba(215, 167, 71, 0.16) !important;} .secret-cms.body_info_standalone .info-page__search {grid-template-columns: minmax(0px, 1fr) auto; gap: 8px 10px; display: grid !important; margin: 0px 0px 20px !important; padding: 0px 0px 18px !important; border-bottom: 1px solid rgba(215, 167, 71, 0.14) !important;} .secret-cms.body_info_standalone .info-page__search span {color: rgba(255, 231, 174, 0.74) !important; font-size: 10px !important; font-weight: 900 !important; text-transform: uppercase !important;} .secret-cms.body_info_standalone .info-page__search em {color: rgba(2, 186, 241, 0.7) !important; font-size: 10px !important; font-style: normal !important;} .secret-cms.body_info_standalone .info-page__search input {grid-column: 1 / -1; width: 100% !important; min-height: 38px !important; padding: 0px 12px !important; color: rgb(255, 240, 196) !important; font: 800 12px / 1 Intro, Arial, sans-serif !important; background: rgba(0, 0, 0, 0.42) !important; border: 1px solid rgba(215, 167, 71, 0.24) !important; border-radius: 0px !important; outline: 0px !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 0px 18px inset !important;} .secret-cms.body_info_standalone .info-page__search input:focus {border-color: rgba(2, 186, 241, 0.42) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 0px 18px inset, rgba(2, 186, 241, 0.08) 0px 0px 24px !important;} .secret-cms.body_info_standalone .info-page__nav {display: grid !important; gap: 2px !important;} .secret-cms.body_info_standalone .info-nav-group {position: relative !important; margin: 0px !important; padding: 0px 0px 2px !important; border: 0px !important; background: transparent !important;} .secret-cms.body_info_standalone .info-nav-group::before {content: "" !important; position: absolute !important; left: 16px !important; top: 42px !important; bottom: 6px !important; width: 1px !important; background: linear-gradient(rgba(215, 167, 71, 0.32), transparent) !important;} .secret-cms.body_info_standalone .info-nav-group__head {position: relative !important; display: grid !important; grid-template-columns: 34px minmax(0px, 1fr) auto !important; align-items: center !important; gap: 10px !important; min-height: 48px !important; padding: 7px 8px !important; border: 0px !important; color: rgba(232, 221, 196, 0.68) !important; text-decoration: none !important; background: transparent !important;} .secret-cms.body_info_standalone .info-nav-group__head::before {content: "" !important; position: absolute !important; left: 0px !important; top: 7px !important; bottom: 7px !important; width: 2px !important; background: transparent !important;} .secret-cms.body_info_standalone .info-nav-group__head:hover, .secret-cms.body_info_standalone .info-nav-group.is-active .info-nav-group__head, .secret-cms.body_info_standalone .info-nav-group.is-search-open .info-nav-group__head {color: rgb(255, 240, 189) !important; background: linear-gradient(90deg, rgba(215, 167, 71, 0.12), rgba(215, 167, 71, 0.035) 62%, transparent) !important;} .secret-cms.body_info_standalone .info-nav-group.is-active .info-nav-group__head::before {background: var(--info-cyan) !important; box-shadow: rgba(2, 186, 241, 0.42) 0px 0px 14px !important;} .secret-cms.body_info_standalone .info-nav-group__icon {transform: rotate(45deg); width: 28px !important; height: 28px !important; display: grid !important; place-items: center !important; border: 1px solid rgba(215, 167, 71, 0.38) !important; color: rgb(241, 210, 138) !important; background: rgba(0, 0, 0, 0.48) !important;} .secret-cms.body_info_standalone .info-nav-group__icon::before {transform: rotate(-45deg); width: 15px !important; height: 15px !important;} .secret-cms.body_info_standalone .info-nav-group__head strong {min-width: 0px !important; overflow: hidden !important; color: inherit !important; font-family: Intro, Arial, sans-serif !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.25 !important; text-overflow: ellipsis !important; white-space: nowrap !important;} .secret-cms.body_info_standalone .info-nav-group__head em {display: inline-flex !important; min-width: 30px !important; height: 20px !important; align-items: center !important; justify-content: center !important; padding: 0px 7px !important; color: rgba(255, 231, 174, 0.88) !important; font-size: 11px !important; font-style: normal !important; font-weight: 900 !important; background: rgba(215, 167, 71, 0.13) !important; border: 1px solid rgba(215, 167, 71, 0.18) !important;} .secret-cms.body_info_standalone .info-nav-group__children {display: none !important; gap: 1px !important; padding: 0px 0px 12px 48px !important; background: transparent !important;} .secret-cms.body_info_standalone .info-nav-group.is-active .info-nav-group__children, .secret-cms.body_info_standalone .info-nav-group.is-search-open .info-nav-group__children {display: grid !important;} .secret-cms.body_info_standalone .info-nav-group__children a {position: relative !important; min-height: 29px !important; padding: 7px 8px 7px 15px !important; overflow: hidden !important; color: rgba(232, 221, 196, 0.58) !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.25 !important; text-decoration: none !important; text-overflow: ellipsis !important; white-space: nowrap !important; background: transparent !important;} .secret-cms.body_info_standalone .info-nav-group__children a::before {content: "" !important; position: absolute !important; left: 1px !important; top: 50% !important; width: 5px !important; height: 5px !important; background: rgba(215, 167, 71, 0.34) !important; transform: translateY(-50%) rotate(45deg) !important;} .secret-cms.body_info_standalone .info-nav-group__children a:hover, .secret-cms.body_info_standalone .info-nav-group__children a.is-active {color: rgb(255, 217, 128) !important; background: linear-gradient(90deg, rgba(215, 167, 71, 0.08), transparent) !important;} .secret-cms.body_info_standalone .info-nav-group__children a.is-active::before {background: var(--info-cyan) !important; box-shadow: rgba(2, 186, 241, 0.48) 0px 0px 12px !important;} .secret-cms.body_info_standalone .info-nav-group__children small {display: none !important;} .secret-cms.body_info_standalone .info-page__content {scrollbar-width: thin; scrollbar-color: rgba(215, 167, 71, 0.55) rgba(0, 0, 0, 0.28); position: relative !important; height: 100vh !important; min-height: 0px !important; padding: 0px !important; overflow-y: auto !important; color: var(--info-text) !important; background: transparent !important;} .secret-cms.body_info_standalone .info-page__content-inner {width: min(100%, 1490px) !important; min-height: 100vh !important; padding: clamp(34px, 4vw, 68px) clamp(28px, 5vw, 92px) 92px !important;} .secret-cms.body_info_standalone .info-page__heading {max-width: 980px !important; margin: 0px 0px 30px !important; padding: 0px 0px 22px !important; border-bottom: 1px solid rgba(215, 167, 71, 0.2) !important;} .secret-cms.body_info_standalone .info-page__chapter {display: inline-flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; margin: 0px 0px 12px !important; padding: 0px !important; color: rgba(255, 231, 174, 0.72) !important; background: transparent !important; border: 0px !important;} .secret-cms.body_info_standalone .info-page__chapter::before {content: "" !important; width: 24px !important; height: 1px !important; background: var(--info-cyan) !important; box-shadow: rgba(2, 186, 241, 0.55) 0px 0px 12px !important;} .secret-cms.body_info_standalone .info-page__chapter span, .secret-cms.body_info_standalone .info-page__chapter em {font-size: 10px !important; font-style: normal !important; font-weight: 900 !important; text-transform: uppercase !important;} .secret-cms.body_info_standalone .info-page__chapter em {color: rgba(2, 186, 241, 0.75) !important;} .secret-cms.body_info_standalone .info-page__heading .eyebrow {margin: 0px 0px 8px !important; color: var(--info-cyan) !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important;} .secret-cms.body_info_standalone .info-page__heading h1 {max-width: 900px !important; margin: 0px !important; color: rgb(255, 225, 154) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 66px !important; font-weight: 700 !important; line-height: 0.96 !important; text-shadow: rgb(43, 19, 4) 0px 2px 0px, rgba(215, 167, 71, 0.18) 0px 0px 34px !important;} .secret-cms.body_info_standalone .info-page__heading h1::after {display: none !important;} .secret-cms.body_info_standalone .info-page__intro {max-width: 780px !important; margin: 18px 0px 0px !important; color: rgba(236, 226, 203, 0.78) !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.75 !important;} .secret-cms.body_info_standalone .info-page__context {display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 18px 0px 0px !important;} .secret-cms.body_info_standalone .info-page__context span {min-height: 25px !important; padding: 5px 10px !important; color: rgba(255, 231, 174, 0.74) !important; font-size: 10px !important; font-weight: 900 !important; text-transform: uppercase !important; background: rgba(0, 0, 0, 0.28) !important; border: 1px solid rgba(215, 167, 71, 0.15) !important;} .secret-cms.body_info_standalone .info-page__main {display: grid !important; grid-template-columns: minmax(0px, 1fr) 245px !important; gap: clamp(22px, 3vw, 46px) !important; align-items: start !important;} .secret-cms.body_info_standalone .info-page__article {min-width: 0px !important; max-width: 1030px !important;} .secret-cms.body_info_standalone .info-rich-content {max-width: 1030px !important; color: rgba(238, 231, 211, 0.9) !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.72 !important;} .secret-cms.body_info_standalone .info-rich-content > :first-child {margin-top: 0px !important;} .secret-cms.body_info_standalone .info-rich-content p, .secret-cms.body_info_standalone .info-rich-content li, .secret-cms.body_info_standalone .info-rich-content .class-text {color: rgba(238, 231, 211, 0.86) !important; font-size: 14px !important; line-height: 1.72 !important;} .secret-cms.body_info_standalone .info-rich-content strong {color: rgb(255, 240, 189) !important;} .secret-cms.body_info_standalone .info-rich-content .formula-wrap, .secret-cms.body_info_standalone .info-rich-content .data-page {display: grid !important; gap: 16px !important;} .secret-cms.body_info_standalone .info-rich-content .formula-grid, .secret-cms.body_info_standalone .info-feature-grid {display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 14px !important;} .secret-cms.body_info_standalone .info-rich-content .formula-card, .secret-cms.body_info_standalone .info-rich-content .dle-block, .secret-cms.body_info_standalone .info-rich-content .faq-item, .secret-cms.body_info_standalone .info-rich-content .arena-card, .secret-cms.body_info_standalone .info-rich-content .cherry-card, .secret-cms.body_info_standalone .info-feature-card {position: relative !important; overflow: hidden !important; padding: 18px 20px !important; color: rgba(238, 231, 211, 0.9) !important; background: linear-gradient(90deg, rgba(215, 167, 71, 0.07), transparent 72%), rgba(0, 0, 0, 0.3) !important; border-width: 0px 0px 0px 2px !important; border-style: none none none solid !important; border-color: currentcolor currentcolor currentcolor rgba(215, 167, 71, 0.45) !important; border-image: none !important; border-radius: 0px !important; box-shadow: rgba(255, 231, 174, 0.06) 0px 1px 0px inset !important;} .secret-cms.body_info_standalone .info-rich-content .formula-card::before, .secret-cms.body_info_standalone .info-rich-content .dle-block::before, .secret-cms.body_info_standalone .info-rich-content .faq-item::before, .secret-cms.body_info_standalone .info-feature-card::before {content: "" !important; position: absolute !important; left: 0px !important; top: 0px !important; right: 0px !important; height: 1px !important; background: linear-gradient(90deg, rgba(215, 167, 71, 0.32), transparent) !important;} .secret-cms.body_info_standalone .info-rich-content h2, .secret-cms.body_info_standalone .info-rich-content h3, .secret-cms.body_info_standalone .info-rich-content h4, .secret-cms.body_info_standalone .info-rich-content .formula-title, .secret-cms.body_info_standalone .info-rich-content .class-title, .secret-cms.body_info_standalone .info-rich-content .arena-title, .secret-cms.body_info_standalone .info-rich-content .cherry-title, .secret-cms.body_info_standalone .info-rich-content .faq-question {margin: 0px 0px 12px !important; color: rgb(255, 225, 154) !important; font-family: TrajanPro3, Georgia, serif !important; font-weight: 700 !important; line-height: 1.15 !important;} .secret-cms.body_info_standalone .info-rich-content h2, .secret-cms.body_info_standalone .info-rich-content .formula-title {font-size: 25px !important;} .secret-cms.body_info_standalone .info-rich-content h3, .secret-cms.body_info_standalone .info-rich-content .class-title {font-size: 18px !important;} .secret-cms.body_info_standalone .info-rich-content table, .secret-cms.body_info_standalone .info-rich-content .anc-table {width: 100% !important; margin: 12px 0px 0px !important; overflow: hidden !important; color: rgba(238, 231, 211, 0.9) !important; background: rgba(0, 0, 0, 0.22) !important; border: 0px !important; border-collapse: collapse !important; box-shadow: rgba(215, 167, 71, 0.12) 0px 0px 0px 1px inset !important;} .secret-cms.body_info_standalone .info-rich-content th, .secret-cms.body_info_standalone .info-rich-content td, .secret-cms.body_info_standalone .info-rich-content .anc-table th, .secret-cms.body_info_standalone .info-rich-content .anc-table td {padding: 10px 12px !important; color: rgba(238, 231, 211, 0.88) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.45 !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(215, 167, 71, 0.13) !important; border-image: none !important;} .secret-cms.body_info_standalone .info-rich-content th, .secret-cms.body_info_standalone .info-rich-content .anc-table th {color: rgb(255, 225, 154) !important; background: rgba(215, 167, 71, 0.12) !important;} .secret-cms.body_info_standalone .info-rich-content tr:hover td {background: rgba(215, 167, 71, 0.055) !important;} .secret-cms.body_info_standalone .info-rich-content img, .secret-cms.body_info_standalone .info-rich-content video {max-width: 100% !important; height: auto !important; border-radius: 0px !important; border: 1px solid rgba(215, 167, 71, 0.2) !important; background: rgba(0, 0, 0, 0.34) !important; box-shadow: rgba(0, 0, 0, 0.32) 0px 16px 42px !important;} .secret-cms.body_info_standalone .info-about-hero {position: relative !important; display: block !important; min-height: 380px !important; margin: 0px 0px 18px !important; padding: clamp(30px, 4vw, 52px) !important; overflow: hidden !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.92) 0px, rgba(0, 0, 0, 0.78) 50%, rgba(0, 0, 0, 0.44) 100%), url("../../legacyx/images/hero/bg.jpg") right center / cover no-repeat !important; border-width: 0px 0px 0px 2px !important; border-style: none none none solid !important; border-color: currentcolor currentcolor currentcolor rgba(215, 167, 71, 0.58) !important; border-image: none !important; border-radius: 0px !important; box-shadow: rgba(255, 231, 174, 0.08) 0px 1px 0px inset, rgba(0, 0, 0, 0.34) 0px 22px 70px !important;} .secret-cms.body_info_standalone .info-about-hero::after {content: "" !important; position: absolute !important; inset: auto 0px 0px !important; height: 1px !important; background: linear-gradient(90deg, rgba(2, 186, 241, 0.55), rgba(215, 167, 71, 0.38), transparent) !important;} .secret-cms.body_info_standalone .info-about-hero__copy {position: relative !important; z-index: 1 !important; max-width: 680px !important;} .secret-cms.body_info_standalone .info-about-hero__kicker {margin: 0px 0px 12px !important; color: var(--info-cyan) !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important;} .secret-cms.body_info_standalone .info-about-hero h2 {max-width: 620px !important; margin: 0px 0px 20px !important; color: rgb(255, 225, 154) !important; font-size: 58px !important; line-height: 0.96 !important;} .secret-cms.body_info_standalone .info-about-hero p {max-width: 650px !important; margin: 0px 0px 14px !important; color: rgba(246, 237, 217, 0.9) !important; font-size: 15px !important; line-height: 1.78 !important;} .secret-cms.body_info_standalone .info-about-hero__note {color: rgb(255, 225, 154) !important;} .secret-cms.body_info_standalone .info-about-hero__media {mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 45%); position: absolute !important; right: 0px !important; top: 0px !important; bottom: 0px !important; width: 42% !important; min-height: 0px !important; margin: 0px !important; opacity: 0.22 !important; background: url("../../legacyx/images/thumb.jpg") center center / cover no-repeat !important; border: 0px !important; box-shadow: none !important; pointer-events: none !important;} .secret-cms.body_info_standalone .info-about-hero__media::before, .secret-cms.body_info_standalone .info-about-hero__media::after, .secret-cms.body_info_standalone .info-about-hero__media span {display: none !important;} .secret-cms.body_info_standalone .info-about-hero__actions, .secret-cms.body_info_standalone .info-link-row {display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 22px !important;} .secret-cms.body_info_standalone .info-about-hero__actions a, .secret-cms.body_info_standalone .info-link-row a {display: inline-flex !important; min-height: 42px !important; align-items: center !important; justify-content: center !important; padding: 0px 18px !important; color: rgb(255, 225, 154) !important; font-size: 12px !important; font-weight: 900 !important; text-decoration: none !important; text-transform: uppercase !important; background: rgba(0, 0, 0, 0.36) !important; border: 1px solid rgba(215, 167, 71, 0.34) !important; border-radius: 0px !important; box-shadow: rgba(215, 167, 71, 0.06) 0px 0px 18px inset !important;} .secret-cms.body_info_standalone .info-about-hero__actions a:hover, .secret-cms.body_info_standalone .info-link-row a:hover {color: rgb(255, 244, 207) !important; border-color: rgba(2, 186, 241, 0.5) !important;} .secret-cms.body_info_standalone .info-link-row {display: grid !important; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important; margin: 0px 0px 18px !important;} .secret-cms.body_info_standalone .info-link-row a {justify-content: flex-start !important; min-height: 72px !important; flex-direction: column !important; align-items: flex-start !important; gap: 5px !important;} .secret-cms.body_info_standalone .info-link-row strong {color: rgb(255, 225, 154) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 18px !important;} .secret-cms.body_info_standalone .info-link-row span {color: rgba(238, 231, 211, 0.62) !important; font-size: 12px !important; text-transform: none !important;} .secret-cms.body_info_standalone .info-feature-card span {display: block !important; margin: 0px 0px 12px !important; color: rgba(215, 167, 71, 0.42) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 34px !important; line-height: 1 !important;} .secret-cms.body_info_standalone .info-page__toc {position: sticky !important; top: 42px !important; display: grid !important; gap: 3px !important; max-height: calc(-84px + 100vh) !important; overflow: auto !important; padding: 14px 0px 14px 18px !important; border-left: 1px solid rgba(215, 167, 71, 0.2) !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent) !important;} .secret-cms.body_info_standalone .info-page__toc[hidden] {display: none !important;} .secret-cms.body_info_standalone .info-page__toc strong {margin: 0px 0px 8px !important; color: rgba(255, 231, 174, 0.86) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 15px !important;} .secret-cms.body_info_standalone .info-page__toc a {position: relative !important; display: block !important; padding: 6px 0px 6px 12px !important; overflow: hidden !important; color: rgba(232, 221, 196, 0.56) !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.25 !important; text-decoration: none !important;} .secret-cms.body_info_standalone .info-page__toc a::before {content: "" !important; position: absolute !important; left: 0px !important; top: 12px !important; width: 4px !important; height: 4px !important; background: rgba(215, 167, 71, 0.45) !important; transform: rotate(45deg) !important;} .secret-cms.body_info_standalone .info-page__toc a[data-level="h3"] {margin-left: 10px !important; color: rgba(232, 221, 196, 0.48) !important;} .secret-cms.body_info_standalone .info-page__toc a:hover {color: rgb(255, 225, 154) !important;} .secret-cms.body_info_standalone .info-page__pager {display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 12px !important; margin: 30px 0px 0px !important;} .secret-cms.body_info_standalone .info-page__pager-link {display: grid !important; gap: 5px !important; min-height: 76px !important; padding: 16px 18px !important; color: rgba(238, 231, 211, 0.8) !important; text-decoration: none !important; background: rgba(0, 0, 0, 0.34) !important; border: 1px solid rgba(215, 167, 71, 0.18) !important; border-radius: 0px !important;} .secret-cms.body_info_standalone .info-page__pager-link--next {text-align: right !important;} .secret-cms.body_info_standalone .info-page__pager-link span {color: rgba(2, 186, 241, 0.72) !important; font-size: 10px !important; font-weight: 900 !important; text-transform: uppercase !important;} .secret-cms.body_info_standalone .info-page__pager-link strong {color: rgb(255, 225, 154) !important; font-family: TrajanPro3, Georgia, serif !important; font-size: 18px !important; line-height: 1.2 !important;} .secret-cms.body_info_standalone .info-page__pager-link:hover {border-color: rgba(2, 186, 241, 0.4) !important;} .secret-cms.body_info_standalone .info-backtop {position: fixed !important; right: 24px !important; bottom: 24px !important; z-index: 80 !important; min-width: 82px !important; height: 34px !important; padding: 0px 14px !important; opacity: 0 !important; pointer-events: none !important; color: rgb(255, 225, 154) !important; font: 900 11px / 1 Intro, Arial, sans-serif !important; text-transform: uppercase !important; background: rgba(0, 0, 0, 0.64) !important; border: 1px solid rgba(215, 167, 71, 0.28) !important; border-radius: 0px !important; transition: opacity 0.18s, transform 0.18s !important; transform: translateY(8px) !important;} .secret-cms.body_info_standalone .info-backtop.is-visible {opacity: 1 !important; pointer-events: auto !important; transform: translateY(0px) !important;} .secret-cms.body_info_standalone .info-mobile-menu {display: none;} @media (max-width: 1280px) { .secret-cms.body_info_standalone .info-page {grid-template-columns: 320px minmax(0px, 1fr) !important;} .secret-cms.body_info_standalone .info-page__sidebar::after {left: 319px !important;} .secret-cms.body_info_standalone .info-page__main {grid-template-columns: minmax(0px, 1fr) !important;} .secret-cms.body_info_standalone .info-page__toc {display: none !important;} } @media (max-width: 860px) { .secret-cms.body_info_standalone .info-page {display: block !important;} .secret-cms.body_info_standalone .info-page__sidebar {position: fixed !important; z-index: 70 !important; left: 0px !important; top: 0px !important; width: min(86vw, 350px) !important; height: 100vh !important; transform: translateX(-102%) !important; transition: transform 0.22s !important;} .secret-cms.body_info_standalone .info-standalone-shell.is-menu-open .info-page__sidebar {transform: translateX(0px) !important;} .secret-cms.body_info_standalone .info-page__sidebar::after {display: none !important;} .secret-cms.body_info_standalone .info-mobile-menu {position: fixed !important; z-index: 85 !important; left: 14px !important; top: 14px !important; display: grid !important; width: 40px !important; height: 40px !important; place-items: center !important; gap: 4px !important; padding: 9px !important; background: rgba(0, 0, 0, 0.74) !important; border: 1px solid rgba(215, 167, 71, 0.34) !important; border-radius: 0px !important;} .secret-cms.body_info_standalone .info-mobile-menu span {display: block !important; width: 18px !important; height: 2px !important; background: rgb(255, 225, 154) !important;} .secret-cms.body_info_standalone .info-page__content-inner {padding: 76px 18px 72px !important;} .secret-cms.body_info_standalone .info-page__heading h1 {font-size: 40px !important;} .secret-cms.body_info_standalone .info-about-hero h2 {font-size: 36px !important;} .secret-cms.body_info_standalone .info-about-hero {min-height: 0px !important; padding: 28px 22px !important;} .secret-cms.body_info_standalone .info-about-hero__media {display: none !important;} .secret-cms.body_info_standalone .info-page__pager {grid-template-columns: 1fr !important;} } @media (prefers-reduced-motion: reduce) { .secret-cms.body_info_standalone .info-standalone-bg::before {animation: auto ease 0s 1 normal none running none !important;} .secret-cms.body_info_standalone * {scroll-behavior: auto !important;} } .secret-cms.body_info_standalone .info-reading-progress {display: none !important;} .secret-cms.body_info_standalone .info-mobile-menu {display: none !important;} .secret-cms.body_info_standalone .info-page__brand {grid-template-columns: minmax(0px, 1fr) auto !important; gap: 8px 12px !important;} .secret-cms.body_info_standalone .info-page__brand-logo {grid-area: auto / 1 / auto / -1 !important; width: 178px !important; margin: 0px 0px 4px !important;} .secret-cms.body_info_standalone .info-page__brand-copy {grid-column: 1 / 2 !important;} .secret-cms.body_info_standalone .info-page__home-link {grid-column: 1 / 2 !important;} .secret-cms.body_info_standalone .info-nav-group__head {grid-template-columns: minmax(0px, 1fr) auto !important; padding-left: 14px !important;} .secret-cms.body_info_standalone .info-nav-group::before {left: 7px !important; top: 44px !important;} .secret-cms.body_info_standalone .info-nav-group__icon {display: none !important;} .secret-cms.body_info_standalone .info-nav-group__children {padding-left: 26px !important;} .secret-cms.body_info_standalone .info-page__brand-meta, .secret-cms.body_info_standalone .info-page__search em {display: none !important;} .secret-cms.body_info_standalone .info-page__content {overflow-x: hidden !important;} .secret-cms.body_info_standalone .info-page__article, .secret-cms.body_info_standalone .info-rich-content, .secret-cms.body_info_standalone .info-rich-content .formula-card, .secret-cms.body_info_standalone .info-feature-card {min-width: 0px !important;} .secret-cms.body_info_standalone .info-rich-content table, .secret-cms.body_info_standalone .info-rich-content .anc-table {table-layout: fixed !important;} .secret-cms.body_info_standalone .info-rich-content th, .secret-cms.body_info_standalone .info-rich-content td, .secret-cms.body_info_standalone .info-rich-content .anc-table th, .secret-cms.body_info_standalone .info-rich-content .anc-table td {overflow-wrap: anywhere !important; word-break: normal !important;} @media (max-width: 860px) { .secret-cms.body_info_standalone .info-mobile-menu {display: grid !important;} .secret-cms.body_info_standalone .info-nav-group__children {padding-left: 24px !important;} } :where(.secret-cms) .lx-media {position: relative; overflow: hidden; color: rgb(245, 234, 213);} :where(.secret-cms) .lx-media__background {position: absolute; inset: 0px; background-position: center center; background-size: cover;} :where(.secret-cms) .lx-media__background::before {content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 50% 46%, rgba(123, 82, 32, 0.18), transparent 43%), linear-gradient(90deg, rgba(0, 0, 0, 0.95), rgba(5, 4, 3, 0.58) 52%, rgba(0, 0, 0, 0.92));} :where(.secret-cms) .lx-media__box {position: relative; z-index: 2; width: min(1500px, -100px + 100vw); margin: 0px auto; padding: 116px 0px 58px;} :where(.secret-cms) .lx-media__heading {margin-bottom: 22px;} :where(.secret-cms) .lx-media__title {color: rgb(245, 238, 227); font-size: clamp(36px, 3.125rem, 54px); line-height: 1.1; letter-spacing: 0.015em; text-transform: uppercase;} :where(.secret-cms) .lx-media__subtitle {margin-top: 8px; color: rgb(203, 167, 102); font: 400 clamp(17px, 1.45vw, 25px)/1.15 var(--font-1); letter-spacing: 0.04em; text-transform: uppercase;} :where(.secret-cms) .lx-media__stage {display: grid; grid-template-columns: minmax(180px, 0.72fr) minmax(520px, 1.65fr) minmax(180px, 0.72fr); align-items: center; gap: 18px; height: clamp(390px, 52vh, 570px);} :where(.secret-cms) .lx-media__card {position: relative; display: none; min-width: 0px; height: 72%; opacity: 0.44; filter: saturate(0.65) brightness(0.7); transition: opacity 0.32s, filter 0.32s, transform 0.32s;} :where(.secret-cms) .lx-media__card.is-prev, :where(.secret-cms) .lx-media__card.is-active, :where(.secret-cms) .lx-media__card.is-next {display: block; grid-row: 1;} :where(.secret-cms) .lx-media__card.is-prev {grid-column: 1; transform: perspective(900px) rotateY(7deg) scale(0.94); transform-origin: right center;} :where(.secret-cms) .lx-media__card.is-active {z-index: 3; grid-column: 2; height: 100%; opacity: 1; filter: none;} :where(.secret-cms) .lx-media__card.is-next {grid-column: 3; transform: perspective(900px) rotateY(-7deg) scale(0.94); transform-origin: left center;} :where(.secret-cms) .lx-media__card.is-prev:hover, :where(.secret-cms) .lx-media__card.is-next:hover, :where(.secret-cms) .lx-media__card.is-prev:focus-visible, :where(.secret-cms) .lx-media__card.is-next:focus-visible {opacity: 0.72; filter: saturate(0.85) brightness(0.85); outline: none;} :where(.secret-cms) .lx-media__frame {position: relative; height: 100%; overflow: hidden; border: 1px solid rgba(181, 138, 53, 0.72); background: rgb(5, 5, 5); box-shadow: rgba(0, 0, 0, 0.58) 0px 18px 42px, rgba(139, 94, 31, 0.09) 0px 0px 40px inset;} :where(.secret-cms) .lx-media__frame::before, :where(.secret-cms) .lx-media__frame::after {content: ""; position: absolute; top: 50%; z-index: 8; width: 10px; height: 10px; border: 1px solid rgb(173, 130, 64); background: rgb(9, 8, 6); transform: translateY(-50%) rotate(45deg); pointer-events: none;} :where(.secret-cms) .lx-media__frame::before {left: -6px;} :where(.secret-cms) .lx-media__frame::after {right: -6px;} :where(.secret-cms) .lx-media__video, :where(.secret-cms) .lx-media__preview, :where(.secret-cms) .lx-media__shade {position: absolute; inset: 0px; width: 100%; height: 100%;} :where(.secret-cms) .lx-media__video {z-index: 1; display: block; background: rgb(3, 3, 3); object-fit: cover;} :where(.secret-cms) .lx-media__card.is-active .lx-media__video {object-fit: contain;} :where(.secret-cms) .lx-media__preview {z-index: 2; background-color: rgb(10, 9, 7); background-position: center center; background-size: cover;} :where(.secret-cms) .lx-media__card.is-active .lx-media__preview {display: none;} :where(.secret-cms) .lx-media__shade {z-index: 3; background: linear-gradient(rgba(0, 0, 0, 0.04) 30%, rgba(2, 2, 2, 0.92) 100%); pointer-events: none;} :where(.secret-cms) .lx-media__card.is-active .lx-media__shade {display: none;} :where(.secret-cms) .lx-media__play {position: absolute; top: 50%; left: 50%; z-index: 5; width: 56px; height: 56px; border: 1px solid rgba(218, 170, 86, 0.9); border-radius: 50%; background: rgba(4, 4, 4, 0.74); box-shadow: rgba(218, 170, 86, 0.24) 0px 0px 26px; transform: translate(-50%, -50%); pointer-events: none;} :where(.secret-cms) .lx-media__play::after {content: ""; position: absolute; top: 50%; left: 53%; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 13px solid rgb(229, 195, 125); transform: translate(-50%, -50%);} :where(.secret-cms) .lx-media__card.is-active .lx-media__play {display: none;} :where(.secret-cms) .lx-media__select {position: absolute; inset: 0px; z-index: 7; border: 0px; background: transparent; cursor: pointer;} :where(.secret-cms) .lx-media__card.is-active .lx-media__select {display: none;} :where(.secret-cms) .lx-media__caption {position: absolute; right: 20px; bottom: 18px; left: 20px; z-index: 6; text-align: center; pointer-events: none;} :where(.secret-cms) .lx-media__caption h3 {margin: 0px; color: rgb(255, 242, 216); font: 400 clamp(17px, 1.3vw, 25px)/1.1 var(--font-1); text-transform: uppercase; text-shadow: rgb(0, 0, 0) 0px 2px 12px;} :where(.secret-cms) .lx-media__caption p {margin: 8px 0px 0px; color: rgb(216, 207, 196); font: 400 14px/1.35 var(--font-3); text-shadow: rgb(0, 0, 0) 0px 2px 8px;} :where(.secret-cms) .lx-media__card.is-active .lx-media__caption {right: 30px; bottom: 76px; left: 30px; padding: 22px 20px 16px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.82));} :where(.secret-cms) .lx-media__card.is-prev .lx-media__caption p, :where(.secret-cms) .lx-media__card.is-next .lx-media__caption p {display: none;} :where(.secret-cms) .lx-media__controls {display: flex; justify-content: center; align-items: center; gap: 22px; margin-top: 16px;} :where(.secret-cms) .lx-media__arrow {padding: 0px; border: 0px; cursor: pointer;} :where(.secret-cms) .lx-media__counter {min-width: 66px; color: rgb(203, 170, 107); font: 400 15px/1 var(--font-1); text-align: center;} @media (max-width: 1199.99px) { :where(.secret-cms) .lx-media__box {width: min(960px, -40px + 100vw); min-height: 0px; padding: 86px 0px 72px; overflow: visible;} :where(.secret-cms) .lx-media__heading {align-items: center; margin-bottom: 24px; text-align: center;} :where(.secret-cms) .lx-media__stage {display: block; height: min(64vw, 520px);} :where(.secret-cms) .lx-media__card, :where(.secret-cms) .lx-media__card.is-prev, :where(.secret-cms) .lx-media__card.is-next {display: none;} :where(.secret-cms) .lx-media__card.is-active {display: block; width: 100%; height: 100%;} } @media (max-width: 620px) { :where(.secret-cms) .lx-media__box {width: calc(-30px + 100vw); padding-top: 74px;} :where(.secret-cms) .lx-media__title {font-size: 34px;} :where(.secret-cms) .lx-media__subtitle {font-size: 16px;} :where(.secret-cms) .lx-media__stage {height: min(112vw, 455px);} :where(.secret-cms) .lx-media__card.is-active .lx-media__caption {right: 12px; bottom: 64px; left: 12px; padding: 18px 10px 10px;} :where(.secret-cms) .lx-media__caption p {font-size: 12px;} } @media (prefers-reduced-motion: reduce) { :where(.secret-cms) .lx-media__card {transition: none;} } :where(.secret-cms) .lx-why {position: relative; overflow: hidden; color: rgb(245, 234, 213);} :where(.secret-cms) .lx-why__background {position: absolute; inset: 0px; background-position: center center; background-size: cover;} :where(.secret-cms) .lx-why__background::before {content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 50% 38%, rgba(112, 54, 24, 0.18), transparent 43%), linear-gradient(90deg, rgba(0, 0, 0, 0.94), rgba(4, 3, 2, 0.62) 50%, rgba(0, 0, 0, 0.9));} :where(.secret-cms) .lx-why__box {position: relative; z-index: 2; width: min(1440px, -110px + 100vw); margin: 0px auto; padding: 104px 0px 42px;} :where(.secret-cms) .lx-why__heading {margin-bottom: 44px;} :where(.secret-cms) .lx-why__title {color: rgb(245, 238, 227); font-size: clamp(40px, 4.8vw, 76px); line-height: 0.95; letter-spacing: 0.015em; text-transform: uppercase;} :where(.secret-cms) .lx-why__subtitle {margin-top: 12px; color: rgb(203, 167, 102); font: 400 clamp(19px, 2.1vw, 34px)/1.1 var(--font-1); letter-spacing: 0.035em; text-transform: uppercase;} :where(.secret-cms) .lx-why__viewport {overflow: visible;} :where(.secret-cms) .lx-why__track {display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); align-items: end; gap: 18px;} :where(.secret-cms) .lx-why__card {position: relative; min-width: 0px; height: clamp(330px, 43vh, 470px); overflow: hidden; border: 1px solid rgba(128, 96, 48, 0.72); border-radius: 0px; background: rgb(16, 13, 10); cursor: pointer; isolation: isolate; transition: transform 0.32s, border-color 0.32s, box-shadow 0.32s;} :where(.secret-cms) .lx-why__card:hover, :where(.secret-cms) .lx-why__card:focus-visible, :where(.secret-cms) .lx-why__card.is-active {z-index: 2; border-color: rgb(181, 138, 53); box-shadow: rgba(0, 0, 0, 0.58) 0px 14px 36px, rgba(150, 101, 33, 0.08) 0px 0px 35px inset; transform: translateY(-8px); outline: none;} :where(.secret-cms) .lx-why__card::before, :where(.secret-cms) .lx-why__card::after {content: ""; position: absolute; z-index: 5; top: 50%; width: 11px; height: 11px; border: 1px solid rgb(140, 105, 54); background: rgb(9, 8, 6); transform: translateY(-50%) rotate(45deg); pointer-events: none;} :where(.secret-cms) .lx-why__card::before {left: -6px;} :where(.secret-cms) .lx-why__card::after {right: -6px;} :where(.secret-cms) .lx-why__picture, :where(.secret-cms) .lx-why__picture img, :where(.secret-cms) .lx-why__card-shade {position: absolute; inset: 0px; width: 100%; height: 100%;} :where(.secret-cms) .lx-why__picture img {object-fit: cover; filter: saturate(0.72) brightness(0.7); transition: filter 0.32s, transform 0.5s;} :where(.secret-cms) .lx-why__card.is-active .lx-why__picture img, :where(.secret-cms) .lx-why__card:hover .lx-why__picture img {filter: saturate(0.9) brightness(0.85); transform: scale(1.035);} :where(.secret-cms) .lx-why__card-shade {z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.06) 20%, rgba(6, 4, 3, 0.42) 54%, rgba(12, 6, 3, 0.98) 100%);} :where(.secret-cms) .lx-why__card-content {position: absolute; z-index: 2; right: 18px; bottom: 20px; left: 18px; text-align: center;} :where(.secret-cms) .lx-why__card h3 {margin: 0px; color: rgb(255, 245, 229); font: 400 clamp(20px, 1.55vw, 29px)/1.05 var(--font-1); text-transform: uppercase; text-shadow: rgb(0, 0, 0) 0px 2px 10px;} :where(.secret-cms) .lx-why__card p {max-height: 0px; margin: 0px; overflow: hidden; color: rgb(242, 231, 220); font: 400 14px/1.35 var(--font-3); opacity: 0; transition: max-height 0.32s, margin 0.32s, opacity 0.32s;} :where(.secret-cms) .lx-why__card.is-active p, :where(.secret-cms) .lx-why__card:hover p {max-height: 125px; margin-top: 14px; opacity: 1;} :where(.secret-cms) .lx-why__button {width: 190px; max-width: calc(100% - 20px); margin: 18px auto 0px;} :where(.secret-cms) .lx-why__controls {display: flex; justify-content: center; gap: 28px; margin-top: 22px;} :where(.secret-cms) .lx-why__arrow {padding: 0px; border: 0px; cursor: pointer;} @media (max-width: 1050px) { :where(.secret-cms) .lx-why__box {width: min(920px, -48px + 100vw); padding-top: 84px;} :where(.secret-cms) .lx-why__heading {margin-bottom: 28px;} :where(.secret-cms) .lx-why__viewport {margin: 0px -24px; padding: 24px; overflow-x: auto; scrollbar-width: none;} :where(.secret-cms) .lx-why__viewport::-webkit-scrollbar {display: none;} :where(.secret-cms) .lx-why__track {display: flex; width: max-content;} :where(.secret-cms) .lx-why__card {width: min(70vw, 330px); height: min(51vh, 430px);} } @media (max-width: 620px) { :where(.secret-cms) .lx-why__box {width: calc(-30px + 100vw); padding-top: 72px;} :where(.secret-cms) .lx-why__title {font-size: 34px;} :where(.secret-cms) .lx-why__subtitle {font-size: 17px;} :where(.secret-cms) .lx-why__card {width: 78vw; height: min(48vh, 390px);} } :where(.secret-cms) .detail-modal__panel {width: min(920px, -48px + 100vw); overflow: auto;} :where(.secret-cms) .detail-modal__body {display: grid; grid-template-columns: minmax(240px, 42%) 1fr; gap: 30px; align-items: start;} :where(.secret-cms) .detail-modal__image {display: block; width: 100%; max-height: 430px; object-fit: cover; border: 1px solid rgba(190, 134, 62, 0.58); box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 30px inset;} :where(.secret-cms) .detail-modal__image[hidden], :where(.secret-cms) .detail-modal__date[hidden], :where(.secret-cms) .detail-modal__link[hidden] {display: none !important;} :where(.secret-cms) .detail-modal__date {margin-bottom: 12px; color: rgb(210, 168, 93); font-family: var(--font-1); text-transform: uppercase;} :where(.secret-cms) .detail-modal__text {color: rgb(238, 230, 218); font: 400 16px/1.65 var(--font-3); white-space: pre-line;} :where(.secret-cms) .detail-modal__link {width: 220px; margin-top: 26px;} @media (min-width: 1200px) { .secret-cms.body_home .servers-list {transition: opacity 0.2s, visibility 0.2s;} .secret-cms.body_home[data-active-section]:not([data-active-section="home"]) .servers-list, .secret-cms.body_home[data-active-section]:not([data-active-section="home"]) .news__servers .server-list, .secret-cms.body_home[data-active-section]:not([data-active-section="home"]) .fp__swiper-slide:not([data-hash="home"]) [data-place-container="servers"] {visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;} } @media (max-width: 680px) { :where(.secret-cms) .detail-modal__body {grid-template-columns: 1fr; gap: 18px;} :where(.secret-cms) .detail-modal__image {max-height: 260px;} :where(.secret-cms) .detail-modal__text {font-size: 14px;} } .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip {width: min(100%, 24rem) !important; min-height: 3.35rem !important; height: 3.35rem !important; grid-template-columns: minmax(0px, 1fr) auto 6.8rem !important; gap: 0.65rem !important; padding: 0.55rem 0.85rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip strong {font-size: 0.82rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip span {font-size: 0.64rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button:hover, .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button:focus {width: 6.8rem !important; min-width: 6.8rem !important; max-width: 6.8rem !important; height: 1.85rem !important; min-height: 1.85rem !important; padding: 0px 0.65rem !important; font-size: 0.68rem !important; font-weight: 800 !important; letter-spacing: 0.02em !important;} :where(.secret-cms) .page-card--market .market-filter > label, :where(.secret-cms) .page-card--market .market-filter__search {font-size: 0.68rem !important; line-height: 1.1 !important;} :where(.secret-cms) .page-card--market .market-filter input:not([type="checkbox"]), :where(.secret-cms) .page-card--market .market-filter select {height: 2.18rem !important; min-height: 2.18rem !important; font-size: 0.76rem !important;} :where(.secret-cms) .page-card--market .market-filter__actions {grid-template-columns: repeat(3, 7.35rem) !important; gap: 0.58rem !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link, :where(.secret-cms) .page-card--market .market-filter__actions .btn:hover, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:hover, :where(.secret-cms) .page-card--market .market-filter__actions .btn:focus, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link:focus {width: 7.35rem !important; height: 2.48rem !important; min-height: 2.48rem !important; padding: 0px 0.6rem !important; font-size: 0.7rem !important;} :where(.secret-cms) .page-card--market .market-filter__flags label {min-width: 4.75rem !important; height: 1.92rem !important; padding: 0px 0.6rem !important; font-size: 0.63rem !important;} :where(.secret-cms) .page-card--market .market-note, :where(.secret-cms) .page-card--market .market-empty {font-size: 0.7rem !important; line-height: 1.4 !important;} :where(.secret-cms) .character-profile .character-stats {gap: 0.48rem !important;} :where(.secret-cms) .character-profile .character-stats > div {min-height: 3.35rem !important; height: 3.35rem !important; padding: 0.5rem 0.7rem !important;} :where(.secret-cms) .character-profile .character-stats span {margin-bottom: 0.18rem !important; font-size: 0.62rem !important; line-height: 1.05 !important;} :where(.secret-cms) .character-profile .character-stats strong, :where(.secret-cms) .character-profile .character-stats .link {font-size: 0.9rem !important; line-height: 1.06 !important;} .secret-cms.body_web_shop [data-section="content"] {padding-top: 9.35rem !important;} :where(.secret-cms) .page-card--web-shop h1, :where(.secret-cms) .page-card--web-shop h2, :where(.secret-cms) .page-card--web-shop label, :where(.secret-cms) .page-card--web-shop strong, :where(.secret-cms) .page-card--web-shop span, :where(.secret-cms) .page-card--web-shop summary, :where(.secret-cms) .page-card--web-shop .web-shop-note, :where(.secret-cms) .page-card--web-shop .web-shop-balance, :where(.secret-cms) .page-card--web-shop .lx-shop-price, :where(.secret-cms) .page-card--web-shop .web-shop-filter-btn, :where(.secret-cms) .page-card--web-shop .lx-shop-buy-btn, :where(.secret-cms) .page-card--web-shop .web-shop-page-link {text-shadow: rgba(0, 0, 0, 0.58) 0px 1px 1px !important;} @media (max-width: 760px) { .secret-cms.body_web_shop [data-section="content"] {padding-top: 6.15rem !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip {width: 100% !important; height: auto !important; grid-template-columns: 1fr !important;} .secret-cms.body_usercp .page-card--usercp .usercp-panel .usercp-action--vip .button {width: 100% !important; min-width: 0px !important; max-width: none !important;} :where(.secret-cms) .page-card--market .market-filter__actions {grid-template-columns: 1fr !important;} :where(.secret-cms) .page-card--market .market-filter__actions .btn, :where(.secret-cms) .page-card--market .market-filter__actions .market-toolbar__link {width: 100% !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="footer"] {bottom: 0px !important; padding-bottom: 0px !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="resources"] .resources__box {transform: translateY(3.75rem) !important;} } @media (min-width: 1200px) { .secret-cms.body_home [data-section="why-us"] .lx-why__box {top: 3.75rem;} .secret-cms.body_home [data-section="why-us"] .lx-why__title {font-size: 3.125rem; line-height: 1.1;} } @media (min-width: 1200px) { .secret-cms.body_home .page:not(.page_inner) .fp__swiper-slide {z-index: 0; will-change: opacity; display: block !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; filter: none !important; transition: opacity 0.7s, visibility linear 0.7s !important;} .secret-cms.body_home .page:not(.page_inner) .fp__swiper-slide.is-leaving {z-index: 1; visibility: visible !important;} .secret-cms.body_home .page:not(.page_inner) .fp__swiper-slide.is-active {z-index: 2; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition-delay: 0s !important;} .secret-cms.body_home .page:not(.page_inner) .fp__swiper-slide .fp__box, .secret-cms.body_home .page:not(.page_inner) .fp__swiper-slide [data-section-bg] {animation: auto ease 0s 1 normal none running none !important; transform: none !important; filter: none !important;} } @media (min-width: 1200px) and (prefers-reduced-motion: reduce) { .secret-cms.body_home .page:not(.page_inner) .fp__swiper-slide {transition: none !important;} } .secret-cms.body_usercp .servers-list {display: none !important;} .secret-cms.body_usercp .legacyx-cms-section {padding-top: 150px !important; padding-bottom: 48px !important;} .secret-cms.body_usercp [data-section-bg="content"] {position: fixed !important; inset: 0px !important; height: 100vh !important; background-size: cover !important; background-position: center center !important;} .secret-cms.body_usercp .legacyx-cms-container, .secret-cms.body_usercp [data-container="content"] {width: min(1120px, 100% - 48px) !important; max-width: 1120px !important; margin: 0px auto !important; padding: 0px !important; transform: none !important;} .secret-cms.body_usercp .legacyx-cms-page {width: 100% !important; max-width: none !important; margin: 0px !important;} .secret-cms.body_usercp .page-card--usercp.lx-account {font-size: 15px; line-height: 1.5; width: 100% !important; max-width: none !important; padding: 24px !important; margin: 0px !important;} .secret-cms.body_usercp .lx-account h1 {font-size: 32px !important; margin: 0px 0px 4px !important;} .secret-cms.body_usercp .lx-account h2 {font-size: 22px !important; margin: 24px 0px 10px !important;} .secret-cms.body_usercp .lx-account .lx-account__intro {font-size: 15px; margin: 0px 0px 20px; color: rgb(201, 194, 180);} .secret-cms.body_usercp .lx-account .usercp-dashboard {display: grid; gap: 14px !important; margin: 0px 0px 22px !important;} :where(.secret-cms) .lx-account__panel {border: 1px solid rgba(190, 134, 62, 0.5); background: rgba(0, 0, 0, 0.3); padding: 16px; min-width: 0px;} .secret-cms.body_usercp .lx-account .lx-account__panel h2 {margin: 0px 0px 10px !important;} :where(.secret-cms) .lx-account__summary {display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;} :where(.secret-cms) .lx-account__stat {position: relative; border: 1px solid rgba(190, 134, 62, 0.4); background: rgba(0, 0, 0, 0.36); min-height: 82px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;} :where(.secret-cms) .lx-account__stat::before {content: ""; width: 8px; height: 8px; border: 1px solid rgb(146, 112, 61); background: rgb(18, 16, 12); position: absolute; left: -5px; top: calc(50% - 4px); transform: rotate(45deg);} :where(.secret-cms) .lx-account__stat > span {font-size: 12px; color: rgb(201, 185, 134);} .secret-cms.body_usercp .page-card--usercp.lx-account.lx-account .lx-account__stat strong {font-size: 24px; color: rgb(245, 217, 157); line-height: 1.3; overflow-wrap: anywhere; font-family: var(--font-1), Georgia, serif !important;} :where(.secret-cms) .lx-account__stat small {font-size: 13px; color: rgb(217, 203, 170);} :where(.secret-cms) .lx-account__vip {display: flex; align-items: center; justify-content: space-between; gap: 20px;} :where(.secret-cms) .lx-account__vip p {margin: 0px; font-size: 14px;} :where(.secret-cms) .lx-account__vip-actions {display: flex; flex-wrap: wrap; gap: 12px;} :where(.secret-cms) .lx-account__vip-actions form {margin: 0px;} :where(.secret-cms) .lx-account__nav {display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;} .secret-cms.body_usercp .page-card--usercp.lx-account.lx-account .lx-account__button {align-items: center; justify-content: center; color: rgb(245, 217, 157); width: 230px; max-width: 100%; min-height: 48px; height: auto; padding: 12px 18px; line-height: 1.3; text-decoration: none; text-transform: none; white-space: normal; cursor: pointer; box-sizing: border-box; display: inline-flex !important; font-family: var(--font-1),Georgia,serif !important; font-size: 15px !important;} .secret-cms.body_usercp .page-card--usercp.lx-account.lx-account .lx-account__nav .lx-account__button {width: 100%;} :where(.secret-cms) .lx-account :is(a, button, summary, input, select):focus-visible {outline-offset: 4px; outline: rgb(224, 179, 101) solid 2px !important;} .secret-cms.body_usercp .lx-account > .admin-help {font-size: 13px !important; line-height: 1.5 !important; background: none !important; border: 0px !important; padding: 0px !important; margin: 0px 0px 14px !important;} :where(.secret-cms) .lx-account__characters {border: 1px solid rgba(190, 134, 62, 0.5); margin-bottom: 24px;} :where(.secret-cms) .lx-account__characters > p {padding: 18px; margin: 0px;} :where(.secret-cms) .lx-account__character + .lx-account__character {border-top: 1px solid rgba(190, 134, 62, 0.3);} :where(.secret-cms) .lx-account__character-row {display: grid; grid-template-columns: minmax(180px, 1fr) minmax(250px, 1.2fr) 170px; align-items: center; gap: 18px; padding: 12px 16px; cursor: pointer; list-style: none;} :where(.secret-cms) .lx-account__character-row::-webkit-details-marker {display: none;} :where(.secret-cms) .lx-account__identity {display: flex; align-items: center; gap: 12px; min-width: 0px;} :where(.secret-cms) .lx-account__identity img {width: 44px; height: 44px; object-fit: cover; border: 1px solid rgba(190, 134, 62, 0.4);} :where(.secret-cms) .lx-account__identity strong {display: block; font-size: 16px; color: rgb(245, 217, 157); overflow-wrap: anywhere;} :where(.secret-cms) .lx-account__identity span {display: block; font-size: 13px; color: rgb(195, 188, 174);} :where(.secret-cms) .lx-account__character-stats {display: flex; flex-wrap: wrap; gap: 16px; font-size: 14px; color: rgb(195, 188, 174);} :where(.secret-cms) .lx-account__character-stats b {color: rgb(241, 231, 213);} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__manage {width: 170px; min-height: 40px; font-size: 14px !important;} :where(.secret-cms) .lx-account__character .lx-account__when-open, :where(.secret-cms) .lx-account__character[open] .lx-account__when-closed {display: none;} :where(.secret-cms) .lx-account__character[open] .lx-account__when-open {display: inline;} :where(.secret-cms) .lx-account__character[open] > summary {background: rgba(190, 134, 62, 0.08);} :where(.secret-cms) .lx-account__character-tools {padding: 18px; border-top: 1px solid rgba(190, 134, 62, 0.25);} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools .usercp-action, .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools .usercp-privacy form {align-items: center; display: grid !important; grid-template-columns: minmax(160px, 1fr) auto 210px !important; gap: 14px !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 0px 0px 14px !important; padding: 0px !important; border: 0px !important; background: none !important;} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools .usercp-privacy {display: grid; grid-template-columns: 1fr !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: none !important;} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools .usercp-privacy form {grid-template-columns: 1fr 210px !important;} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools :is(input:not([type="hidden"]), select) {box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; max-width: none !important; height: 42px !important; min-height: 42px !important; font-size: 14px !important; padding: 0px 12px !important;} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools span {font-size: 13px !important; white-space: normal !important; line-height: 1.5 !important;} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools .button {cursor: pointer; width: 210px !important; max-width: 100% !important; min-width: 0px !important; min-height: 42px !important; height: auto !important; padding: 10px !important; font-size: 14px !important; line-height: 1.35 !important; white-space: normal !important; border: 1px solid rgba(190, 134, 62, 0.55) !important;} :where(.secret-cms) .lx-account__storage {margin-top: 24px;} :where(.secret-cms) .lx-account__storage-tabs {display: flex; gap: 28px; flex-wrap: wrap; margin-bottom: 8px;} .secret-cms.body_usercp .page-card--usercp.lx-account.lx-account .lx-account__storage-tabs a {padding: 12px 6px; color: rgb(195, 188, 174); border-bottom: 2px solid transparent; text-decoration: none; font-size: 18px; font-family: var(--font-1),Georgia,serif !important;} :where(.secret-cms) .lx-account__storage-tabs a[aria-selected="true"] {color: rgb(245, 217, 157) !important; border-bottom-color: rgb(189, 146, 80) !important;} :where(.secret-cms) .lx-account__storage-tabs span {font-size: 13px; margin-left: 8px;} :where(.secret-cms) .lx-account__storage-panel {border: 1px solid rgba(190, 134, 62, 0.4); background: rgba(0, 0, 0, 0.25); padding: 18px; scroll-margin-top: 150px;} :where(.secret-cms) .lx-account__storage-panel[hidden] {display: none !important;} :where(.secret-cms) .lx-account__storage-panel > .admin-help {margin: 0px 0px 16px; font-size: 13px !important; line-height: 1.5 !important;} .secret-cms.body_usercp .lx-account .lx-account__empty {grid-column: 1 / -1; width: 100%; box-sizing: border-box; text-align: center; padding: 24px;} .secret-cms.body_usercp .page-card--usercp.lx-account.lx-account .lx-account__empty h3 {font-size: 20px; color: rgb(245, 217, 157); margin: 0px; font-family: var(--font-1),Georgia,serif !important;} :where(.secret-cms) .lx-account__stat {box-sizing: border-box;} .secret-cms.body_usercp .lx-account .web-storage-grid:has(.lx-account__empty) {display: block !important; min-height: 0px !important;} .secret-cms.body_usercp .lx-account > .actions-row {margin-top: 20px !important;} :where(.secret-cms) .lx-account__empty p {font-size: 14px; margin: 8px 0px 18px;} :where(.secret-cms) .lx-account__votes {margin: 18px 0px; border: 1px solid rgba(190, 134, 62, 0.3); padding: 14px 16px; scroll-margin-top: 150px;} :where(.secret-cms) .lx-account__votes > summary {cursor: pointer; color: rgb(245, 217, 157); font-size: 16px;} :where(.secret-cms) .lx-account__votes > summary span {color: rgb(170, 162, 147); font-size: 13px; margin-left: 12px;} :where(.secret-cms) .lx-account__votes .vote-grid {margin-top: 16px;} @media (max-width: 900px) { :where(.secret-cms) .lx-account__vip {align-items: flex-start; flex-direction: column;} :where(.secret-cms) .lx-account__character-row {grid-template-columns: 1fr 150px;} :where(.secret-cms) .lx-account__character-stats {grid-area: 2 / 1;} :where(.secret-cms) .lx-account__manage {grid-area: 1 / 2 / span 2;} } @media (max-width: 600px) { .secret-cms.body_usercp .legacyx-cms-section {padding-top: 100px !important;} .secret-cms.body_usercp .legacyx-cms-container, .secret-cms.body_usercp [data-container="content"] {width: calc(100% - 24px) !important;} .secret-cms.body_usercp .page-card--usercp.lx-account {padding: 14px !important;} .secret-cms.body_usercp .lx-account h1 {font-size: 26px !important;} :where(.secret-cms) .lx-account__panel {padding: 12px;} :where(.secret-cms) .lx-account__summary, :where(.secret-cms) .lx-account__nav {grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;} :where(.secret-cms) .lx-account__vip-actions {width: 100%; display: grid; grid-template-columns: 1fr;} .secret-cms.body_usercp .page-card--usercp.lx-account.lx-account .lx-account__vip-actions .lx-account__button {width: 100%;} :where(.secret-cms) .lx-account__character-row {grid-template-columns: 1fr; gap: 10px;} :where(.secret-cms) .lx-account__character-stats, :where(.secret-cms) .lx-account__manage {grid-area: auto / 1;} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools .usercp-action, .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools .usercp-privacy form {grid-template-columns: 1fr !important;} .secret-cms.body_usercp .page-card--usercp.lx-account .lx-account__character-tools .button {width: 100% !important;} :where(.secret-cms) .lx-account__storage-tabs {gap: 12px;} .secret-cms.body_usercp .page-card--usercp.lx-account.lx-account .lx-account__storage-tabs a {font-size: 15px;} :where(.secret-cms) .lx-account__storage-panel {padding: 12px;} } .secret-cms.body_market .servers-list {display: none !important;} .secret-cms.body_market .legacyx-cms-section {padding: 150px 0px 64px !important;} .secret-cms.body_market [data-section-bg="content"] {position: fixed !important; inset: 0px !important; height: 100vh !important; background-size: cover !important; background-position: center center !important;} .secret-cms.body_market .legacyx-cms-container, .secret-cms.body_market [data-container="content"] {width: min(1180px, 100% - 48px) !important; max-width: 1180px !important; margin: 0px auto !important; padding: 0px !important; transform: none !important;} .secret-cms.body_market .legacyx-cms-page {width: 100% !important; max-width: none !important; margin: 0px !important;} .secret-cms.body_market .page-card--market.lx-market {color: rgb(221, 214, 200); width: 100% !important; max-width: none !important; margin: 0px !important; padding: 28px !important; background: rgba(7, 9, 11, 0.93) !important; border: 1px solid rgb(85, 67, 40) !important; font: 15px / 1.5 Arial, sans-serif !important;} .secret-cms.body_market .page-card--market.lx-market {transform: none !important; left: auto !important; top: auto !important; box-sizing: border-box !important;} :where(.secret-cms) .lx-market *, :where(.secret-cms) .lx-market ::before, :where(.secret-cms) .lx-market ::after {box-sizing: border-box;} :where(.secret-cms) .lx-market.lx-market :is(p, span, label, input, select, button, a, small, b, strong, summary, li) {text-shadow: none !important; letter-spacing: normal !important;} :where(.secret-cms) .lx-market.lx-market h1 {color: rgb(243, 213, 152); font: 32px/1.2 var(--font-1),Georgia,serif !important; margin: 0px 0px 12px !important;} :where(.secret-cms) .lx-market.lx-market h2 {color: rgb(243, 213, 152); font: 22px/1.3 var(--font-1),Georgia,serif !important; margin: 0px !important;} :where(.secret-cms) .lx-market.lx-market .eyebrow {color: rgb(191, 167, 117); text-transform: uppercase; font: 12px / 1.5 Arial, sans-serif !important; margin: 0px 0px 8px !important;} :where(.secret-cms) .lx-market-heading {display: flex; align-items: center; justify-content: space-between; gap: 24px;} :where(.secret-cms) .lx-market.lx-market .lx-market-intro {color: rgb(187, 184, 177); font: 15px / 1.6 Arial, sans-serif !important; margin: 0px !important;} :where(.secret-cms) .lx-market-tabs {display: flex; flex-wrap: wrap; gap: 24px; border-bottom: 1px solid rgb(68, 55, 37); margin: 28px 0px 24px;} :where(.secret-cms) .lx-market.lx-market .lx-market-tabs a {text-decoration: none; color: rgb(201, 194, 178); padding: 12px 0px; border-bottom: 2px solid transparent; font: 16px / 1.4 Arial, sans-serif !important;} :where(.secret-cms) .lx-market.lx-market .lx-market-tabs a[aria-current] {color: rgb(255, 226, 163); border-bottom-color: rgb(193, 150, 77);} :where(.secret-cms) .lx-market-tabs a:last-child {margin-left: auto;} :where(.secret-cms) .lx-market-toolbar {border: 1px solid rgb(64, 53, 35); background: rgb(16, 17, 18); padding: 20px;} :where(.secret-cms) .lx-market.lx-market .lx-market-filter-title {font-size: 18px !important; margin-bottom: 18px !important;} :where(.secret-cms) .lx-market-filter {display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 16px; margin: 0px;} :where(.secret-cms) .lx-market-filter > label {grid-column: span 2;} :where(.secret-cms) .lx-market-filter > label:nth-of-type(n+4) {grid-column: span 2;} :where(.secret-cms) .lx-market.lx-market .lx-market-filter label {display: flex; flex-direction: column; gap: 8px; color: rgb(209, 199, 180); min-width: 0px; text-transform: none; font: 14px / 1.4 Arial, sans-serif !important;} :where(.secret-cms) .lx-market.lx-market .lx-market-filter :is(input:not([type="checkbox"]):not([type="hidden"]), select) {appearance: auto !important; background: rgb(8, 10, 12) !important; border: 1px solid rgb(98, 80, 52) !important; border-radius: 2px !important; width: 100% !important; min-width: 0px !important; max-width: none !important; height: 44px !important; min-height: 44px !important; padding: 0px 12px !important; color: rgb(240, 231, 213) !important; font: 15px / 1.4 Arial, sans-serif !important; box-shadow: none !important; text-align: left !important;} :where(.secret-cms) .lx-market input::placeholder {opacity: 1; color: rgb(147, 145, 140) !important;} :where(.secret-cms) .lx-market select option {background: rgb(17, 17, 17); color: rgb(238, 238, 238);} :where(.secret-cms) .lx-market-filter__flags {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; grid-column: 1 / -1;} :where(.secret-cms) .lx-market.lx-market .lx-market-filter__flags label {flex-direction: row; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgb(81, 66, 43); background: rgb(23, 22, 19); cursor: pointer;} :where(.secret-cms) .lx-market.lx-market .lx-market-filter__flags input {accent-color: rgb(216, 180, 106); appearance: auto !important; width: 17px !important; height: 17px !important; margin: 0px !important;} :where(.secret-cms) .lx-market-filter__flags label:has(input:checked) {border-color: rgb(209, 164, 82) !important; color: rgb(255, 227, 166) !important;} :where(.secret-cms) .lx-market-filter__actions {display: flex; align-items: center; gap: 20px; flex-wrap: wrap; grid-column: 1 / -1;} :where(.secret-cms) .lx-market.lx-market .lx-market-button {align-items: center; justify-content: center; width: auto; min-width: 160px; max-width: 100%; min-height: 44px; height: auto; padding: 11px 18px; border: 1px solid rgb(137, 108, 59); border-radius: 2px; background: linear-gradient(135deg, rgb(41, 34, 24), rgb(20, 19, 16)); text-decoration: none; text-align: center; cursor: pointer; text-transform: none; white-space: normal; box-shadow: none; display: inline-flex !important; font: 15px / 1.4 Arial, sans-serif !important; color: rgb(245, 222, 172) !important;} :where(.secret-cms) .lx-market.lx-market .lx-market-button--primary {background: linear-gradient(135deg, rgb(128, 93, 41), rgb(75, 54, 27)); border-color: rgb(186, 144, 75); color: rgb(255, 241, 210) !important;} :where(.secret-cms) .lx-market.lx-market .lx-market-button:hover {border-color: rgb(235, 197, 120); background: rgb(74, 57, 33);} :where(.secret-cms) .lx-market.lx-market .lx-market-reset {color: rgb(200, 187, 155); text-decoration: underline; text-underline-offset: 4px; font: 14px / 1.5 Arial, sans-serif !important;} :where(.secret-cms) .lx-market.lx-market .lx-market-note {margin-top: 18px; padding-top: 16px; border-top: 1px solid rgb(57, 49, 36); color: rgb(188, 185, 177); font: 14px / 1.6 Arial, sans-serif !important;} :where(.secret-cms) .lx-market-note strong {color: rgb(224, 205, 164); margin-right: 8px;} :where(.secret-cms) .lx-market-results {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 28px 0px 18px;} :where(.secret-cms) .lx-market-results > span {font-size: 14px; color: rgb(191, 181, 162);} :where(.secret-cms) .lx-market-grid {display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; align-items: start;} :where(.secret-cms) .lx-market-card {min-width: 0px; display: flex; flex-direction: column; align-self: stretch; padding: 14px; border: 1px solid rgb(91, 72, 45); background: linear-gradient(145deg, rgb(27, 25, 20), rgb(11, 13, 14)); position: relative;} :where(.secret-cms) .lx-market-card:hover {border-color: rgb(176, 140, 77);} :where(.secret-cms) .lx-market.lx-market .lx-market-card__image {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 98px; background: radial-gradient(rgba(154, 112, 40, 0.14), transparent 70%); margin: 0px 0px 10px;} :where(.secret-cms) .lx-market.lx-market .lx-market-card__image > img {width: auto !important; height: auto !important; max-width: 82px !important; max-height: 82px !important; object-fit: contain !important;} :where(.secret-cms) .lx-market-card__body {display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px;} :where(.secret-cms) .lx-market.lx-market .lx-market-card__body h2 {min-height: 47px; overflow-wrap: anywhere; font: 18px / 1.3 Georgia, serif !important; margin: 0px 0px 10px !important; text-shadow: none !important;} :where(.secret-cms) .lx-market-card__tags {display: flex; flex-wrap: wrap; gap: 5px; margin: 0px 0px 9px;} :where(.secret-cms) .lx-market-card__tags span {font: 12px / 1.4 Arial, sans-serif; color: rgb(228, 207, 166); padding: 4px 8px; background: rgb(40, 34, 22); border: 1px solid rgb(84, 69, 42);} :where(.secret-cms) .lx-market-card__details {margin-bottom: 11px;} :where(.secret-cms) .lx-market-card__details summary {font: 14px / 1.5 Arial, sans-serif; color: rgb(212, 195, 163); cursor: pointer; padding: 4px 0px;} :where(.secret-cms) .lx-market-card__options {overflow-wrap: anywhere; font: 13px / 1.6 Arial, sans-serif !important; padding-left: 16px !important; margin: 10px 0px 0px !important;} :where(.secret-cms) .lx-market-card__meta {display: flex; flex-direction: column; gap: 5px; margin-top: auto; border-top: 1px solid rgb(68, 54, 34); padding-top: 11px;} :where(.secret-cms) .lx-market-card__meta > span {font: 13px / 1.5 Arial, sans-serif; color: rgb(187, 180, 168); overflow-wrap: anywhere;} :where(.secret-cms) .lx-market-card__meta > strong {font: 700 19px / 1.35 Arial, sans-serif; color: rgb(249, 220, 150); overflow-wrap: anywhere;} :where(.secret-cms) .lx-market-card__meta small {font: 13px / 1.5 Arial, sans-serif; color: rgb(197, 180, 145);} :where(.secret-cms) .lx-market-card__actions {margin-top: 12px;} :where(.secret-cms) .lx-market-card__actions form {margin: 0px;} :where(.secret-cms) .lx-market.lx-market .lx-market-card__actions .lx-market-button {width: 100%;} :where(.secret-cms) .lx-market-empty {grid-column: 1 / -1; text-align: center; padding: 40px 20px; border: 1px dashed rgb(91, 72, 45); color: rgb(191, 183, 169);} :where(.secret-cms) .lx-market-empty h3 {font: 22px / 1.4 Georgia, serif; color: rgb(231, 212, 172); margin: 0px 0px 8px;} :where(.secret-cms) .lx-market-empty p {font: 15px / 1.5 Arial, sans-serif; margin: 0px 0px 20px;} :where(.secret-cms) .lx-market :is(a, button, input, select, summary):focus-visible {outline-offset: 3px; outline: rgb(240, 199, 116) solid 2px !important;} @media (max-width: 1100px) { :where(.secret-cms) .lx-market-grid {grid-template-columns: repeat(3, minmax(0px, 1fr));} :where(.secret-cms) .lx-market-heading {align-items: flex-start; flex-direction: column; gap: 16px;} } @media (max-width: 820px) { :where(.secret-cms) .lx-market-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));} } @media (max-width: 600px) { .secret-cms.body_market .legacyx-cms-section {padding-top: 100px !important;} .secret-cms.body_market [data-container="content"], .secret-cms.body_market .legacyx-cms-container {width: calc(100% - 24px) !important;} .secret-cms.body_market .page-card--market.lx-market {padding: 16px !important;} :where(.secret-cms) .lx-market.lx-market h1 {font-size: 27px !important;} :where(.secret-cms) .lx-market-tabs {gap: 16px;} :where(.secret-cms) .lx-market-tabs a:last-child {margin-left: 0px;} :where(.secret-cms) .lx-market-toolbar {padding: 14px;} :where(.secret-cms) .lx-market-filter {grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;} :where(.secret-cms) .lx-market-filter > label {grid-column: 1 / -1;} :where(.secret-cms) .lx-market-filter > label:nth-of-type(n+4) {grid-column: span 1;} :where(.secret-cms) .lx-market-filter > label:nth-of-type(4) {grid-column: 1 / -1;} :where(.secret-cms) .lx-market-grid {grid-template-columns: 1fr;} :where(.secret-cms) .lx-market-results {align-items: flex-start; flex-direction: column;} :where(.secret-cms) .lx-market.lx-market .lx-market-filter__actions .lx-market-button {width: 100%;} }