:root {
  --dx-a: #a855f7;
  --dx-ar: 168, 85, 247;
  --bg: #0b0b0e;
  --s1: #131318;
  --s2: #191920;
  --ln: #26262e;
  --ln2: #1c1c23;
  --tx: #f2f2f4;
  --tx2: rgba(242, 242, 244, .82);
  --mu: #8a8a96;
  --fa: #55555f;
  --ok: #4ade80;
  --bad: #f4635c;
  --pick: #f2f2f4;
  --pick-tx: #0b0b0e;
  --bar: rgba(11, 11, 14, .78);
  --bar2: rgba(19, 19, 24, .86);
  --panel: rgba(11, 11, 14, .86);
  --pline: rgba(255, 255, 255, .06);
  --hud: rgba(6, 6, 9, .72);
  --track: rgba(255, 255, 255, .12);
  --gap: .3125rem;
  --r: .125rem;
  --sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --head: "Barlow Condensed", "Plus Jakarta Sans", sans-serif;
  --mono: var(--sans);
  --slant: polygon(.625rem 0, 100% 0, calc(100% - .625rem) 100%, 0 100%);
  --tebex-legal-footer-background-color: #08080a;
  --tebex-legal-footer-text-color: #c8c8d0;
  --tebex-legal-footer-border-color: #2a2a33;
  --tebex-legal-footer-logo-color: #c8c8d0;
  --dx-max: max(84rem, 74.72vw);
  --tebex-legal-footer-max-width: var(--dx-max);
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scrollbar-gutter: stable; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow-x: clip; }
@media (min-width: 1280px) { html { font-size: clamp(12.8px, min(calc(.8571vw + .457px), 1.76vh), 25.6px); } }
body { margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; background: var(--bg); color: var(--tx); font: 400 .9375rem/1.55 var(--sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: visible; }
tebex-footer:not([hidden]):not([data-dx]) { position: relative !important; z-index: 6 !important; display: block !important; width: 100% !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; margin: 0 !important; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
h1, h2, h3, h4, p, ul, ol, figure, dl, dd, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
del { color: var(--mu); font-weight: 600; }
kbd { font: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: .125rem solid var(--dx-a); outline-offset: .125rem; }
.dx-i { display: block; width: 100%; height: 100%; flex: none; }
.dx-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.dx-skip { position: absolute; left: 1rem; top: -3.75rem; z-index: 300; padding: .625rem .875rem; background: var(--pick); color: var(--pick-tx); font-weight: 700; }
.dx-skip:focus { top: .75rem; }
.dx-mono { font-variant-numeric: tabular-nums; }
.dx-hl { font-style: inherit; color: var(--dx-a); }
.dx-site { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; padding-top: calc(4.5rem + var(--dx-strip, 0px)); }
.dx-main { flex: 1 0 auto; }
.dx-main:focus { outline: none; }
.dx-wrap { width: 100%; max-width: var(--dx-max); margin: 0 auto; padding: 0 3rem; }
.dx-going body { visibility: hidden; }
.dx-noscroll, .dx-noscroll body { overflow: hidden; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #2a2a33; border: 2px solid var(--bg); border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(var(--dx-ar), .7); }
::-webkit-scrollbar-corner { background: var(--bg); }
@supports not selector(::-webkit-scrollbar) { html { scrollbar-width: thin; scrollbar-color: #2a2a33 var(--bg); } }

.dx-world { position: fixed !important; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important; width: 100% !important; height: 100vh !important; height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; z-index: 0 !important; overflow: hidden !important; clip-path: inset(0); contain: paint; pointer-events: none; background: var(--bg); }
.dx-world__base, .dx-world__img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: 100% !important; margin: 0 !important; }
.dx-world__base { object-fit: cover; object-position: center 70%; opacity: .9; }
.dx-world:not(.is-cover)::after { background: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1.2px) 0 0 / 4px 4px, linear-gradient(90deg, rgba(11, 11, 14, .75) 0%, rgba(11, 11, 14, .3) 50%, rgba(11, 11, 14, .2) 100%), linear-gradient(180deg, rgba(11, 11, 14, .1) 0%, rgba(11, 11, 14, .35) 70%, rgba(11, 11, 14, .75) 100%); }
.dx-world__img { background: center / cover no-repeat; filter: blur(.375rem) saturate(.9); opacity: 0; transform: scale(1.06); transition: opacity .8s ease; }
.dx-world__img.is-on { opacity: .9; }
.dx-world::after { content: ""; position: absolute; inset: 0; background: radial-gradient(rgba(255, 255, 255, .045) 1px, transparent 1.2px) 0 0 / 4px 4px, linear-gradient(90deg, rgba(11, 11, 14, .88) 0%, rgba(11, 11, 14, .5) 45%, rgba(11, 11, 14, .35) 100%), linear-gradient(180deg, rgba(11, 11, 14, .25) 0%, rgba(11, 11, 14, .7) 60%, rgba(11, 11, 14, .9) 100%); }

.dx-btn { height: 2.75rem; padding: 0 1.5rem; display: inline-flex; align-items: center; justify-content: center; gap: .5625rem; border: 0; font: italic 700 1.0625rem/1 var(--head); letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; clip-path: var(--slant); transition: background-color .15s, color .15s, transform .1s; }
.dx-btn:active { transform: translateY(1px); }
.dx-btn .dx-i { width: .875rem; height: .875rem; }
.dx-btn--sm { height: 2.25rem; padding: 0 1.125rem; font-size: .9375rem; --slant: polygon(.5rem 0, 100% 0, calc(100% - .5rem) 100%, 0 100%); }
.dx-btn--light, .dx-btn--pri { background: var(--pick); color: var(--pick-tx); }
.dx-btn--light:hover, .dx-btn--pri:hover { background: var(--dx-a); color: #fff; }
.dx-btn--ghost, .dx-btn--line { background: rgba(255, 255, 255, .08); color: var(--tx); }
.dx-btn--ghost:hover, .dx-btn--line:hover { background: rgba(255, 255, 255, .15); }
.dx-btn--discord { background: #5865f2; color: #fff; }
.dx-btn--discord:hover { background: #4752c4; }
.dx-btn--wide { width: 100%; }
.dx-btn.is-in { background: rgba(var(--dx-ar), .22); color: var(--tx); }
.dx-btn.is-in:hover { background: rgba(244, 99, 92, .25); color: #ffb0ab; }
.dx-btn[aria-disabled="true"] { background: rgba(255, 255, 255, .05); color: var(--fa); cursor: not-allowed; }
.dx-btn.is-dc { background: #5865f2; color: #fff; }
.dx-off { display: inline-flex; align-items: center; height: 1.25rem; padding: 0 .4375rem; background: var(--dx-a); color: #fff; font: italic 700 .875rem/1 var(--head); white-space: nowrap; }
.dx-key { display: inline-grid; place-items: center; min-width: 1.5rem; height: 1.375rem; padding: 0 .375rem; border-radius: 1px; background: var(--pick); color: var(--pick-tx); font: 800 .625rem/1 var(--sans); font-style: normal; text-transform: uppercase; box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .42); }
.dx-key .dx-i { width: .5625rem; height: .5625rem; }
.dx-hud { display: inline-flex; align-items: center; gap: .5625rem; padding: .5rem 1.25rem; background: var(--hud); font: italic 700 1rem/1 var(--head); letter-spacing: .02em; text-transform: uppercase; clip-path: polygon(.875rem 0, 100% 0, calc(100% - .875rem) 100%, 0 100%); box-shadow: 0 .5rem 1.375rem rgba(0, 0, 0, .22); white-space: nowrap; }
.dx-hud .dx-key + .dx-key { margin-left: -.25rem; }
.dx-hud__sep { font-style: normal; font-weight: 400; color: rgba(255, 255, 255, .3); }
.dx-stars { display: inline-flex; gap: .1875rem; color: var(--dx-a); }
.dx-stars > span { width: .875rem; height: .875rem; }
.dx-stars > span.is-off { color: rgba(255, 255, 255, .16); }
.dx-stars--s > span { width: .6875rem; height: .6875rem; }
.dx-tags { display: flex; flex-wrap: wrap; gap: .25rem; }
.dx-tag { height: 1.5rem; padding: 0 .5rem; display: inline-flex; align-items: center; gap: .375rem; background: rgba(255, 255, 255, .07); font: italic 700 .8125rem/1 var(--head); letter-spacing: .03em; text-transform: uppercase; color: var(--tx); white-space: nowrap; }
.dx-tag .dx-i { width: .6875rem; height: .6875rem; color: var(--mu); }
.dx-fwi { display: inline-flex; align-items: center; height: .6875rem; flex: none; }
.dx-fwi img { display: block; height: 100%; width: auto; max-width: none; }
.dx-fwi--qbox { height: .875rem; }
.dx-fwi--fa { width: .6875rem; color: var(--mu); }
.dx-seg { display: flex; gap: .1875rem; }
.dx-seg__i { min-width: 2.5rem; height: 1.25rem; padding: 0 .375rem; display: inline-grid; place-items: center; background: var(--track); font: italic 700 .8125rem/1 var(--head); letter-spacing: .03em; color: rgba(255, 255, 255, .35); }
.dx-seg__i.is-on { background: var(--pick); color: var(--pick-tx); }

.dx-strip { position: fixed; top: 0; right: 0; left: 0; z-index: 70; background: rgba(11, 11, 14, .92); color: var(--tx); box-shadow: inset 0 -1px 0 var(--pline); -webkit-backdrop-filter: blur(1rem) saturate(1.2); backdrop-filter: blur(1rem) saturate(1.2); }
.dx-strip__in { max-width: var(--dx-max); min-height: 2.375rem; margin: 0 auto; padding: .3125rem 3rem; display: flex; align-items: center; justify-content: center; gap: .875rem; flex-wrap: wrap; }
.dx-strip__off { display: inline-flex; align-items: center; height: 1.5rem; padding: 0 .75rem; background: var(--dx-a); color: #fff; font: italic 800 1.0625rem/1 var(--head); clip-path: polygon(.375rem 0, 100% 0, calc(100% - .375rem) 100%, 0 100%); }
.dx-strip__t { font: italic 700 1.125rem/1 var(--head); letter-spacing: .02em; text-transform: uppercase; color: var(--tx); }
a.dx-strip__t:hover { color: var(--dx-a); }
.dx-code { height: 1.625rem; padding: 0 .625rem; display: inline-flex; align-items: center; gap: .5rem; background: rgba(255, 255, 255, .08); color: var(--tx); font-weight: 600; font-size: .75rem; transition: background-color .15s, color .15s; }
.dx-code:hover { background: var(--pick); color: var(--pick-tx); }
.dx-code__l { opacity: .75; }
.dx-code__c { font: italic 800 1.0625rem/1 var(--head); letter-spacing: .05em; }
.dx-code__i { position: relative; width: .6875rem; height: .75rem; }
.dx-code__i .dx-i { position: absolute; inset: 0; }
.dx-code__i .dx-i + .dx-i { opacity: 0; }
.dx-code.is-copied .dx-code__i .dx-i { opacity: 0; }
.dx-code.is-copied .dx-code__i .dx-i + .dx-i { opacity: 1; }
.dx-cd { display: flex; gap: .25rem; font-weight: 700; font-size: .6875rem; }
.dx-cd__u { display: inline-flex; align-items: center; gap: .125rem; height: 1.5rem; padding: 0 .375rem; background: rgba(255, 255, 255, .06); color: var(--mu); }
.dx-cd__n { font: italic 800 1.0625rem/1 var(--head); color: var(--tx); font-variant-numeric: tabular-nums; }

.dx-head { position: fixed; top: var(--dx-strip, 0px); right: 0; left: 0; z-index: 50; height: 4.5rem; transition: background-color .25s; }
.dx-head.is-scrolled { background: rgba(11, 11, 14, .94); }
.dx-head__in { max-width: var(--dx-max); height: 4.5rem; margin: 0 auto; padding: 0 3rem; display: flex; align-items: center; gap: 1.75rem; }
.dx-logo { display: flex; align-items: center; gap: .625rem; flex: none; }
.dx-mark { width: 2.125rem; height: 2.125rem; flex: none; object-fit: contain; }
.dx-logo__n { font: italic 800 1.625rem/1 var(--head); letter-spacing: .02em; text-transform: uppercase; }
.dx-nav { display: flex; align-items: center; gap: .5rem; padding: .25rem .375rem; background: var(--hud); }
.dx-nav__list { display: flex; align-items: center; gap: .125rem; }
.dx-nav__a { display: flex; align-items: center; height: 2rem; padding: 0 .875rem; font: italic 700 1.0625rem/1 var(--head); letter-spacing: .02em; text-transform: uppercase; color: var(--tx2); white-space: nowrap; transition: background-color .12s, color .12s; }
.dx-nav__a:hover { background: rgba(255, 255, 255, .08); color: var(--tx); }
.dx-nav__a.is-active { background: var(--pick); color: var(--pick-tx); }
.dx-hact { margin-left: auto; display: flex; align-items: center; gap: .375rem; flex: none; }
.dx-hsearch { position: relative; width: 13.125rem; height: 2.25rem; display: flex; align-items: center; gap: .5625rem; padding: 0 .75rem; background: rgba(255, 255, 255, .06); transition: background-color .15s, box-shadow .15s; }
.dx-hsearch:focus-within { background: rgba(255, 255, 255, .1); box-shadow: inset 0 -.125rem 0 var(--dx-a); }
.dx-hsearch > .dx-i { width: .8125rem; height: .8125rem; color: var(--mu); }
.dx-hsearch input { flex: 1 1 auto; min-width: 0; height: 100%; border: 0; background: none; outline: none; font-size: .84375rem; }
.dx-hsearch input::placeholder { color: var(--mu); }
.dx-hsearch input::-webkit-search-cancel-button { opacity: .5; }
.dx-hbtn { position: relative; height: 2.25rem; min-width: 2.25rem; padding: 0 .6875rem; display: inline-flex; align-items: center; justify-content: center; gap: .4375rem; background: rgba(255, 255, 255, .06); color: var(--tx); font-weight: 700; font-size: .78125rem; transition: background-color .15s, color .15s; }
.dx-hbtn:hover, .dx-dd.is-open > .dx-hbtn { background: var(--pick); color: var(--pick-tx); }
.dx-hbtn .dx-i { width: .875rem; height: .875rem; }
.dx-hdiscord span { font: italic 800 1rem/1 var(--head); letter-spacing: .02em; text-transform: uppercase; }
.dx-cur { flex: none; max-width: 4.75rem; }
.dx-cur__btn { max-width: 100%; overflow: hidden; }
.dx-cur__btn > span { display: block; min-width: 0; max-width: 2.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dx-cur__btn .dx-i { width: .5625rem; height: .5625rem; opacity: .7; flex: none; }
.dx-cart { width: 2.25rem; padding: 0; }
.dx-cart__n { position: absolute; top: -.3125rem; right: -.3125rem; min-width: 1.0625rem; height: 1.0625rem; padding: 0 .25rem; background: var(--dx-a); color: #fff; font: italic 800 .8125rem/1.0625rem var(--head); text-align: center; }
.dx-signin { height: 2.25rem; margin-left: .25rem; padding: 0 1.125rem; display: inline-flex; align-items: center; gap: .5rem; background: var(--pick); color: var(--pick-tx); font: italic 800 1rem/1 var(--head); letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; clip-path: polygon(.5625rem 0, 100% 0, calc(100% - .5625rem) 100%, 0 100%); transition: background-color .15s, color .15s; }
.dx-signin .dx-i { width: .8125rem; height: .9375rem; }
.dx-signin:hover { background: var(--dx-a); color: #fff; }
.dx-burger { display: none; width: 2.25rem; padding: 0; }
.dx-dd { position: relative; }
.dx-dd__menu { position: absolute; right: 0; top: calc(100% + .5rem); z-index: 60; min-width: 11.25rem; max-width: min(16rem, calc(100vw - 1.5rem)); max-height: 16rem; padding: .3125rem; display: none; flex-direction: column; gap: .25rem; overflow: auto; background: rgba(11, 11, 14, .97); box-shadow: 0 1rem 2.5rem -.75rem rgba(0, 0, 0, .7); }
.dx-dd.is-open .dx-dd__menu { display: flex; }
.dx-dd__menu a { display: flex; align-items: center; gap: .625rem; min-width: 0; padding: .625rem .75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(255, 255, 255, .04); font-weight: 600; font-size: .8125rem; color: var(--tx2); }
.dx-dd__menu a .dx-i { width: .8125rem; height: .8125rem; }
.dx-dd__menu a:hover, .dx-dd__menu a:focus-visible { background: var(--pick); color: var(--pick-tx); }
.dx-dd__menu a.is-active { box-shadow: inset .25rem 0 0 var(--dx-a); color: var(--tx); background: rgba(255, 255, 255, .1); }
.dx-dd__menu a.is-active:hover { background: var(--pick); color: var(--pick-tx); }
.dx-cur .dx-dd__menu { min-width: 6.5rem; width: 8.5rem; gap: 0; padding: .25rem; max-height: 11.75rem; overflow-y: auto; scrollbar-width: none; }
.dx-cur .dx-dd__menu::-webkit-scrollbar { display: none; width: 0; height: 0; }
.dx-cur .dx-dd__menu a { height: 2.25rem; flex: none; }
.dx-dd__who { padding: .5rem .75rem .625rem; font-weight: 700; font-size: .875rem; overflow: hidden; text-overflow: ellipsis; max-width: 13.75rem; }
.dx-user__btn { height: 2.25rem; margin-left: .25rem; padding: 0 .625rem 0 .25rem; display: inline-flex; align-items: center; gap: .5rem; background: rgba(255, 255, 255, .06); font-weight: 700; font-size: .8125rem; max-width: 12.5rem; transition: background-color .15s, color .15s; }
.dx-user__btn:hover, .dx-user.is-open .dx-user__btn { background: var(--pick); color: var(--pick-tx); }
.dx-user__btn > .dx-i { width: .5625rem; height: .5625rem; opacity: .7; flex: none; }
.dx-user__n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dx-av { position: relative; display: grid; place-items: center; flex: none; overflow: hidden; background: rgba(255, 255, 255, .08); }
.dx-av__l { font: italic 800 1.0625rem/1 var(--head); color: var(--tx); }
.dx-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dx-uav { width: 1.75rem; height: 1.75rem; }
.dx-mnav { display: none; }

.dx-sec { padding: 2.5rem 0; }
#dx-faq { padding-bottom: 1rem; }
.dx-sh { display: flex; align-items: center; gap: .875rem; margin-bottom: .875rem; }
.dx-sh::after { content: ""; order: 1; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, .22); }
.dx-sh > :not(.dx-sh__t) { order: 2; }
.dx-sh__t { padding: .375rem .875rem; border-radius: .1875rem .1875rem 0 0; background: var(--pick); color: var(--pick-tx); font: italic 700 1.5rem/1.05 var(--head); letter-spacing: .02em; text-transform: uppercase; }
.dx-sh__t .dx-hl { color: var(--dx-a); }
.dx-sh__m { display: inline-flex; align-items: center; gap: .5rem; font-size: .8125rem; color: var(--mu); }
.dx-sh__m b { color: var(--tx); }
.dx-slide { display: flex; gap: .25rem; }
.dx-slide button { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: var(--tx); transition: background-color .15s, color .15s, opacity .15s; }
.dx-slide button:hover { background: var(--pick); color: var(--pick-tx); }
.dx-slide button:disabled { opacity: .3; pointer-events: none; }
.dx-slide .dx-i { width: .75rem; height: .75rem; }
.dx-sect { display: flex; align-items: center; gap: .625rem; margin: .75rem .125rem .375rem; font: italic 800 .8125rem/1 var(--head); letter-spacing: .06em; text-transform: uppercase; color: var(--tx2); }
.dx-sect::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, .22); }
.dx-sect:first-child { margin-top: 0; }

.dx-row { position: relative; width: 100%; min-height: 2.875rem; display: flex; align-items: center; gap: .75rem; padding: 0 1rem; background: var(--bar); color: var(--tx2); font-weight: 600; font-size: .90625rem; text-align: left; transition: background-color .1s, color .1s; }
.dx-row > .dx-i:first-child { width: .9375rem; height: .9375rem; color: var(--mu); }
.dx-row > .dx-i:last-child:not(:first-child) { width: .6875rem; height: .6875rem; margin-left: auto; color: var(--mu); }
.dx-row__t { min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dx-row__n { flex: none; font: italic 700 1.0625rem/1 var(--head); color: var(--mu); }
.dx-row:hover { background: rgba(28, 28, 35, .9); color: var(--tx); }
.dx-row.is-on { background: var(--pick); color: var(--pick-tx); padding-left: 1.375rem; }
.dx-row.is-on::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: .3125rem; background: var(--dx-a); }
.dx-row.is-on .dx-i, .dx-row.is-on .dx-row__n { color: var(--pick-tx); }

.dx-pause { position: relative; padding: 1.75rem 0 1.5rem; }
.dx-pause__in { display: grid; grid-template-columns: 22.5rem minmax(0, 1fr); gap: 1.75rem; align-items: start; }
.dx-pmenu__tag { display: inline-block; padding: .5rem 1rem; border-radius: .1875rem .1875rem 0 0; background: var(--pick); color: var(--pick-tx); font: italic 800 1.875rem/1 var(--head); letter-spacing: .02em; text-transform: uppercase; }
.dx-pmenu__body { padding: .875rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-pmenu__list { display: flex; flex-direction: column; gap: var(--gap); }
.dx-stage { min-width: 0; }
.dx-stage__tag { display: inline-flex; max-width: 100%; padding: .5rem 1rem; border-radius: .1875rem .1875rem 0 0; background: var(--dx-a); color: #fff; font: italic 800 1.875rem/1 var(--head); letter-spacing: .01em; text-transform: uppercase; }
.dx-stage__tag span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dx-stage__panel { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-stage__img { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: rgba(0, 0, 0, .4); }
.dx-stage__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .6s ease, transform .6s ease; }
.dx-stage__img img.is-enter, .dx-gal__main img.is-enter, .dx-gal__main iframe.is-enter { opacity: 0; transform: translateX(1.5rem); z-index: 1; }
.dx-stage__img img.is-out, .dx-gal__main img.is-out, .dx-gal__main iframe.is-out { opacity: 0; transform: translateX(-1.25rem); pointer-events: none; }
.dx-stage.is-swap .dx-stage__body > * { animation: dx-in2 .45s ease both; }
@keyframes dx-in2 { from { opacity: 0; transform: translateX(.625rem); } }
.dx-stage__price { position: absolute; right: 0; bottom: .875rem; z-index: 2; display: flex; align-items: center; gap: .625rem; padding: .5625rem 1rem .5625rem 1.5rem; background: rgba(11, 11, 14, .9); font: italic 800 1.875rem/1 var(--head); clip-path: polygon(.75rem 0, 100% 0, 100% 100%, 0 100%); -webkit-backdrop-filter: blur(.375rem); backdrop-filter: blur(.375rem); }
.dx-stage__price del { font-size: .9375rem; }
.dx-stage__price > span:last-child { display: inline-flex; align-items: baseline; gap: .5rem; }
.dx-stage__body { display: flex; flex-direction: column; gap: .875rem; padding: 1.25rem; }
.dx-stage__d { font-size: .875rem; line-height: 1.65; color: var(--tx2); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.dx-spec { display: flex; flex-direction: column; gap: var(--gap); }
.dx-spec > div { min-height: 2.5rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .375rem .75rem; background: rgba(255, 255, 255, .045); }
.dx-spec dt { font-size: .78125rem; font-weight: 600; color: var(--mu); }
.dx-spec dd { font: italic 700 1.0625rem/1 var(--head); text-transform: uppercase; text-align: right; }
.dx-spec .dx-tags { justify-content: flex-end; }
.dx-stage__b { margin-top: auto; display: flex; flex-wrap: wrap; gap: .5rem; }
.dx-stage__b > span:empty { display: none; }
.dx-stage__nav { margin-top: var(--gap); display: flex; align-items: center; gap: .375rem; }
.dx-stage__dir { flex: none; width: 2.25rem; height: 2.25rem; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: var(--tx); transition: background-color .15s, color .15s; }
.dx-stage__dir:hover { background: var(--pick); color: var(--pick-tx); }
.dx-stage__dir .dx-i { width: .75rem; height: .75rem; }
.dx-stage__more { flex: 1 1 auto; min-width: 0; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 1.5rem) / 5); gap: var(--gap); overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.dx-stage__more::-webkit-scrollbar { display: none; }
.dx-sthumb { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: var(--bar); opacity: .55; transition: opacity .15s, box-shadow .15s; }
.dx-sthumb img { width: 100%; height: 100%; object-fit: cover; }
.dx-sthumb:hover { opacity: .9; }
.dx-sthumb.is-on { opacity: 1; box-shadow: inset 0 0 0 .1875rem var(--pick); }

.dx-loadrow { display: block; }
.dx-load__dir { display: none; }
.dx-load { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .625rem; }
.dx-slot { display: flex; flex-direction: column; background: var(--bar2); transition: box-shadow .15s; }
.dx-slot:hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.dx-slot__img { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: rgba(0, 0, 0, .4); }
.dx-slot__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.dx-slot:hover .dx-slot__img img { transform: scale(1.04); }
.dx-slot__tag { position: absolute; left: 0; top: 0; padding: .3125rem .625rem; background: var(--pick); color: var(--pick-tx); font: italic 700 .875rem/1 var(--head); text-transform: uppercase; letter-spacing: .02em; }
.dx-slot__img .dx-off { position: absolute; right: .5rem; top: .5rem; }
.dx-slot__b { flex: 1 0 auto; display: flex; flex-direction: column; gap: .75rem; padding: .875rem 1rem 1rem; }
.dx-slot__t { font: italic 700 1.375rem/1 var(--head); text-transform: uppercase; letter-spacing: .01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dx-slot__t a:hover { color: var(--dx-a); }
.dx-slot__st { display: flex; align-items: center; justify-content: space-between; gap: .625rem; }
.dx-slot__l { font-size: .75rem; font-weight: 600; color: var(--mu); }
.dx-slot__f { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: .625rem; padding-top: .75rem; border-top: 1px solid var(--pline); }
.dx-slot__p { display: inline-flex; align-items: baseline; gap: .5rem; font: italic 800 1.625rem/1 var(--head); white-space: nowrap; }
.dx-slot__p del { font-size: .875rem; }



.dx-feed { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap) .625rem; }
.dx-feed__i { min-width: 0; display: flex; align-items: center; gap: .75rem; padding: .4375rem .875rem .4375rem .4375rem; background: var(--bar); }
.dx-feed__av { width: 2.125rem; height: 2.125rem; }
.dx-feed__t { min-width: 0; flex: 1 1 auto; display: flex; align-items: center; gap: .5625rem; font-size: .84375rem; white-space: nowrap; overflow: hidden; }
.dx-feed__t b { font-weight: 700; }
.dx-feed__k { width: .75rem; height: .75rem; flex: none; color: var(--dx-a); }
.dx-feed__pk { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--tx2); }
.dx-feed__p { flex: none; font: italic 700 1.125rem/1 var(--head); }
.dx-feed__s { flex: none; width: 5.125rem; text-align: right; font-size: .71875rem; color: var(--mu); }

.dx-revs { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 1.25rem) / 3); gap: .625rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.dx-revs::-webkit-scrollbar { display: none; }
.dx-rev { scroll-snap-align: start; display: flex; flex-direction: column; }
.dx-rev__tag { align-self: flex-start; max-width: 100%; padding: .375rem .75rem; border-radius: .1875rem .1875rem 0 0; background: var(--pick); color: var(--pick-tx); font: italic 700 1.125rem/1 var(--head); letter-spacing: .02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dx-rev__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: .875rem; padding: 1rem 1.125rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-rev__t { flex: 1 1 auto; font-size: .875rem; line-height: 1.65; color: var(--tx2); display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.dx-rev__f { display: flex; align-items: center; justify-content: space-between; gap: .625rem; padding-top: .75rem; border-top: 1px solid var(--pline); font-size: .75rem; color: var(--mu); }
.dx-rev__f > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dx-help { display: grid; grid-template-columns: 25rem minmax(0, 1fr); gap: .625rem 1.75rem; align-items: start; }
.dx-help__rows { display: flex; flex-direction: column; gap: var(--gap); }
.dx-help__rows .dx-row { min-height: 3.125rem; }
.dx-help__rows .dx-row__t { white-space: normal; line-height: 1.35; padding: .5rem 0; }
.dx-help__panes { display: flex; flex-direction: column; gap: .625rem; }
.dx-help__tag { align-self: flex-start; display: inline-block; max-width: 100%; padding: .5rem .875rem; border-radius: .1875rem .1875rem 0 0; background: var(--pick); color: var(--pick-tx); font: italic 700 1.375rem/1.1 var(--head); text-transform: uppercase; letter-spacing: .01em; }
.dx-help__a { padding: 1.125rem 1.25rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; font-size: .90625rem; line-height: 1.75; color: var(--tx2); }
.dx-help__a a { color: var(--dx-a); text-decoration: underline; }
.dx-help:not(.is-js) .dx-help__pane + .dx-help__pane { margin-top: .625rem; }
.dx-dc { margin-top: 1rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 1.25rem 1.5rem; padding: 1.125rem 1.25rem; background: var(--panel); border: 1px solid var(--pline); border-radius: .1875rem; }
.dx-dc__ic { width: 3.25rem; height: 3.25rem; display: grid; place-items: center; background: var(--dx-a); color: #fff; clip-path: var(--slant); }
.dx-dc__ic .dx-i { width: 1.375rem; height: 1.375rem; }
.dx-dc__k { font: italic 800 .8125rem/1 var(--head); letter-spacing: .08em; text-transform: uppercase; color: var(--dx-a); }
.dx-dc__t { margin-top: .3rem; font: italic 800 1.75rem/1 var(--head); text-transform: uppercase; letter-spacing: .01em; }
.dx-dc__t .dx-hl { color: var(--dx-a); }
.dx-dc__p { margin-top: .375rem; max-width: 38rem; font-size: .875rem; line-height: 1.65; color: var(--tx2); }
.dx-dc__st { display: flex; gap: 1.25rem; }
.dx-dc__st dt { display: flex; align-items: center; gap: .375rem; font-weight: 600; font-size: .71875rem; color: var(--mu); }
.dx-dc__st dd { font: italic 800 1.375rem/1 var(--head); }
.dx-dc .dx-btn { flex: none; }
.dx-dot { width: .4375rem; height: .4375rem; border-radius: 50%; background: var(--ok); }

.dx-foot { position: relative; z-index: 1; margin-top: .75rem; background: linear-gradient(180deg, rgba(8, 8, 10, 0) 0, rgba(8, 8, 10, .92) 2.5rem, #08080a 100%); }
.dx-foot .dx-dc { margin: 0 0 .75rem; }
.dx-foot__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 2rem; padding: 1.25rem 0 1.75rem; }
.dx-foot__brand { display: flex; flex-direction: column; justify-content: flex-start; gap: 1.125rem; align-items: flex-start; }
.dx-foot__lead { max-width: 22rem; font-size: .875rem; line-height: 1.7; color: var(--mu); }
.dx-foot__soc { display: flex; gap: .3125rem; }
.dx-foot__soc a { width: 2.375rem; height: 2.375rem; display: grid; place-items: center; background: rgba(255, 255, 255, .06); color: var(--mu); transition: background-color .15s, color .15s; }
.dx-foot__soc a:hover { background: var(--pick); color: var(--pick-tx); }
.dx-foot__soc a[aria-label="Discord"] { display: none; }
.dx-foot__soc .dx-i { width: .875rem; height: .875rem; }
.dx-foot__h { font: italic 800 1.25rem/1 var(--head); text-transform: uppercase; letter-spacing: .02em; }
.dx-foot__col ul { margin-top: .875rem; display: flex; flex-direction: column; gap: .5625rem; }
.dx-foot__col a { font-size: .84375rem; color: var(--mu); transition: color .15s; }
.dx-foot__col a:hover { color: var(--tx); }
.dx-foot__bot { display: flex; align-items: center; gap: 1.5rem; padding: 1.125rem 0 1.625rem; border-top: 1px solid rgba(255, 255, 255, .06); }
.dx-foot__c { max-width: 40rem; font-size: .75rem; line-height: 1.6; color: var(--fa); }
.dx-foot__pay { margin-left: auto; display: flex; flex-wrap: wrap; gap: .25rem; justify-content: flex-end; }
.dx-foot__pay li { height: 1.5rem; padding: 0 .5rem; display: inline-flex; align-items: center; background: rgba(255, 255, 255, .05); font-weight: 700; font-size: .6875rem; color: var(--mu); }
.dx-foot__pw { flex: none; width: 3.625rem; height: 1.625rem; color: var(--fa); }
.dx-foot__pw:hover { color: var(--tx); }

.dx-grid { display: grid; gap: .625rem; }
.dx-grid--c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dx-grid--c4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dx-card { position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--bar2); transition: box-shadow .15s; }
.dx-card:hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.dx-card__img { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: rgba(0, 0, 0, .4); }
.dx-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.dx-card:hover .dx-card__img img { transform: scale(1.04); }
.dx-card__ph { position: absolute; inset: 0; display: grid; place-items: center; color: #2c2c36; }
.dx-card__ph .dx-i { width: 2.125rem; height: 2.125rem; }
.dx-card__tag { position: absolute; left: 0; top: 0; padding: .3125rem .625rem; background: var(--pick); color: var(--pick-tx); font: italic 700 .875rem/1 var(--head); text-transform: uppercase; }
.dx-card__off { position: absolute; right: .5rem; top: .5rem; padding: .1875rem .4375rem; background: var(--dx-a); color: #fff; font: italic 700 .875rem/1 var(--head); }
.dx-card__body { flex: 1 0 auto; padding: .875rem 1rem; display: flex; flex-direction: column; gap: .5rem; }
.dx-card__row { display: flex; align-items: baseline; justify-content: space-between; gap: .625rem; }
.dx-card__t { min-width: 0; font: italic 700 1.3125rem/1.05 var(--head); text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dx-card__t a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.dx-price { flex: none; display: inline-flex; align-items: baseline; gap: .375rem; font: italic 800 1.375rem/1 var(--head); white-space: nowrap; }
.dx-price del { font-size: .8125rem; }
.dx-card__d { font-size: .8125rem; line-height: 1.55; color: var(--mu); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dx-card__btn { position: relative; z-index: 2; height: 2.5rem; display: flex; align-items: center; justify-content: center; gap: .5rem; background: rgba(255, 255, 255, .06); font: italic 700 1rem/1 var(--head); text-transform: uppercase; letter-spacing: .02em; transition: background-color .12s, color .12s; }
.dx-card__btn .dx-i { width: .8125rem; height: .8125rem; }
.dx-card__btn:hover { background: var(--pick); color: var(--pick-tx); }
.dx-card__btn.is-in { box-shadow: inset .25rem 0 0 var(--dx-a); }
.dx-card__btn[aria-disabled="true"] { color: var(--fa); cursor: not-allowed; }
.dx-buy__2 { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }

@media (max-width: 1279px) {
  .dx-hsearch { display: none; }
  .dx-pause__in { grid-template-columns: 20rem minmax(0, 1fr); }
  .dx-stage__panel { grid-template-columns: minmax(0, 1fr); }
  .dx-load, .dx-grid--c4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dx-help { grid-template-columns: 21.25rem minmax(0, 1fr); }
}
@media (max-width: 1099px) {
  .dx-wrap, .dx-head__in, .dx-strip__in { padding-left: 1.5rem; padding-right: 1.5rem; }
  .dx-nav, .dx-cur { display: none; }
  .dx-burger { display: inline-flex; }
  .dx-mnav { display: flex; flex-direction: column; gap: .25rem; position: absolute; left: 0; right: 0; top: 100%; padding: .5rem 1.5rem 1.25rem; background: rgba(11, 11, 14, .97); max-height: calc(100vh - 4.5rem); overflow-y: auto; }
  .dx-mnav[hidden] { display: none !important; }
  .dx-mnav > a { display: flex; align-items: center; height: 2.875rem; padding: 0 1rem; background: var(--bar); font: italic 700 1.1875rem/1 var(--head); text-transform: uppercase; color: var(--tx2); }
  .dx-mnav > a:hover, .dx-mnav > a.is-active { background: var(--pick); color: var(--pick-tx); }
  .dx-mnav__cur { margin-top: .625rem; display: flex; flex-wrap: wrap; gap: .25rem; }
  .dx-mnav__cur a { height: 2.125rem; padding: 0 .75rem; display: inline-flex; align-items: center; background: rgba(255, 255, 255, .06); font-weight: 700; font-size: .78125rem; color: var(--tx2); }
  .dx-mnav__cur a.is-active { background: var(--pick); color: var(--pick-tx); }
  .dx-pause__in { grid-template-columns: minmax(0, 1fr); }
  .dx-pause .dx-pmenu { display: none; }
  .dx-loadrow { display: flex; align-items: center; gap: .375rem; }
  .dx-load__dir { flex: none; width: 2.25rem; height: 2.25rem; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: var(--tx); }
  .dx-load__dir:hover { background: var(--pick); color: var(--pick-tx); }
  .dx-load__dir:disabled { opacity: .3; pointer-events: none; }
  .dx-load__dir .dx-i { width: .75rem; height: .75rem; }
  .dx-load { flex: 1 1 auto; min-width: 0; display: grid; grid-auto-flow: column; grid-auto-columns: 100%; grid-template-columns: none; gap: .625rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .dx-load::-webkit-scrollbar { display: none; }
  .dx-load > li { scroll-snap-align: start; }
  .dx-pmenu__list[data-dx-prows] { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  .dx-pmenu__list[data-dx-prows] > li { flex: none; }
  .dx-pause .dx-pmenu .dx-sect:nth-of-type(2), .dx-pause .dx-pmenu .dx-pmenu__list:not([data-dx-prows]) { display: none; }
  .dx-grid--c3, .dx-grid--c4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dx-feed { grid-template-columns: minmax(0, 1fr); }
  .dx-revs { grid-auto-columns: calc((100% - .625rem) / 2); }
  .dx-help { grid-template-columns: minmax(0, 1fr); }
  .dx-foot__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dx-foot__brand { grid-column: 1 / -1; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
  .dx-foot__lead { display: none; }
  .dx-foot__brand .dx-logo { justify-content: center; }
  .dx-foot__brand .dx-mark { width: 3rem; height: 3rem; }
  .dx-foot__brand .dx-logo__n { font-size: 2.375rem; }
}
@media (max-width: 680px) {
  .dx-wrap, .dx-head__in, .dx-strip__in { padding-left: 1rem; padding-right: 1rem; }
  .dx-strip__in { justify-content: center; gap: .375rem .625rem; }
  .dx-strip__t { text-align: center; }
  .dx-head, .dx-head__in { height: 3.875rem; }
  .dx-head__in { gap: .625rem; }
  .dx-site { padding-top: calc(3.875rem + var(--dx-strip, 0px)); }
  .dx-logo__n { font-size: 1.375rem; }
  .dx-mark { width: 1.875rem; height: 1.875rem; }
  .dx-signin span, .dx-user__n, .dx-hdiscord span { display: none; }
  .dx-signin { padding: 0 .875rem; }
  .dx-mnav { max-height: calc(100vh - 3.875rem); padding-left: 1rem; padding-right: 1rem; }
  .dx-pause { padding: 1rem 0 2rem; }
  .dx-pmenu__tag, .dx-stage__tag { font-size: 1.5rem; }
  .dx-stage__price { font-size: 1.5rem; }
  .dx-stage__more { grid-auto-columns: calc((100% - .75rem) / 3); }
  .dx-sh { flex-wrap: wrap; }
  .dx-sh__t { font-size: 1.3125rem; }
  .dx-grid--c3, .dx-grid--c4 { grid-template-columns: minmax(0, 1fr); }
  [data-dx-shop] > .dx-card:nth-child(n+5) { display: none; }
  .dx-feed__s { display: none; }
  .dx-revs { grid-auto-columns: 86%; }
  .dx-dc { grid-template-columns: auto minmax(0, 1fr); }
  .dx-dc__st { grid-column: 2; }
  .dx-dc .dx-btn { grid-column: 1 / -1; justify-self: start; }
  .dx-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dx-foot__brand { flex-direction: column; align-items: center; }
  .dx-foot__bot { flex-direction: column; align-items: flex-start; }
  .dx-foot__pay { margin-left: 0; justify-content: flex-start; }
}

.dx-row--sub { min-height: 2.5rem; padding-left: 2.75rem; font-size: .84375rem; }
.dx-shop { display: grid; grid-template-columns: 18.75rem minmax(0, 1fr); gap: 1.75rem; align-items: start; padding-top: 1.75rem; padding-bottom: 3rem; }
.dx-shop__menu { position: sticky; top: calc(5.5rem + var(--dx-strip, 0px)); }
.dx-shop__main { min-width: 0; }
.dx-shop__head { display: flex; align-items: center; gap: .875rem; }
.dx-shop__head::after { content: ""; order: 1; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, .22); }
.dx-shop__t { padding: .5rem 1rem; border-radius: .1875rem .1875rem 0 0; background: var(--pick); color: var(--pick-tx); font: italic 800 2.125rem/1 var(--head); letter-spacing: .01em; text-transform: uppercase; }
.dx-shop__c { order: 2; font: italic 700 1.125rem/1 var(--head); text-transform: uppercase; color: var(--tx2); }
.dx-shop__d { padding: .875rem 1.125rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; font-size: .875rem; line-height: 1.6; color: var(--tx2); }
.dx-shop__d strong, .dx-shop__d b { color: var(--tx); }
.dx-shop__d p + p { margin-top: .375rem; }
.dx-flt { position: relative; z-index: 1; margin-top: .625rem; padding: .375rem 0; }
.dx-flt__in { display: flex; align-items: center; gap: .5rem; padding: .375rem; background: rgba(11, 11, 14, .9); -webkit-backdrop-filter: blur(.75rem); backdrop-filter: blur(.75rem); }
.dx-search { position: relative; flex: 0 1 16.25rem; min-width: 10rem; height: 2.375rem; display: flex; align-items: center; gap: .5625rem; padding: 0 .75rem; background: rgba(255, 255, 255, .06); transition: background-color .15s, box-shadow .15s; }
.dx-search:focus-within { background: rgba(255, 255, 255, .1); box-shadow: inset 0 -.125rem 0 var(--dx-a); }
.dx-search .dx-i { width: .8125rem; height: .8125rem; color: var(--mu); }
.dx-search input { flex: 1 1 auto; min-width: 0; height: 100%; border: 0; background: none; outline: none; font-size: .84375rem; }
.dx-search input::placeholder { color: var(--mu); }
.dx-search input::-webkit-search-cancel-button { filter: invert(1) opacity(.5); }
.dx-fw { min-width: 0; flex: 1 1 auto; }
.dx-fw__b { display: flex; flex-wrap: wrap; gap: .25rem; }
.dx-fw__b::-webkit-scrollbar { display: none; }
.dx-fw__c { flex: none; height: 2.375rem; padding: 0 .75rem; display: inline-flex; align-items: center; gap: .5rem; background: rgba(255, 255, 255, .06); font: italic 700 .9375rem/1 var(--head); text-transform: uppercase; letter-spacing: .02em; color: var(--tx2); transition: background-color .12s, color .12s; }
.dx-fw__c:hover { background: rgba(255, 255, 255, .12); color: var(--tx); }
.dx-fw__c.is-on { background: var(--pick); color: var(--pick-tx); }
.dx-fw__c .dx-fwi { height: .75rem; }
.dx-fw__c .dx-fwi--qbox { height: .9375rem; }
.dx-fw__n { min-width: 1.25rem; height: 1.125rem; padding: 0 .3125rem; display: inline-grid; place-items: center; background: rgba(0, 0, 0, .35); font: 700 .6875rem/1 var(--sans); font-style: normal; }
.dx-fw__c.is-on .dx-fw__n { background: var(--pick-tx); color: var(--pick); }
.dx-sel { position: relative; flex: none; display: flex; align-items: center; height: 2.375rem; background: rgba(255, 255, 255, .06); }
.dx-sel select { height: 100%; padding: 0 2.125rem 0 .75rem; border: 0; background: none; outline: none; appearance: none; font-weight: 600; font-size: .8125rem; color: var(--tx); cursor: pointer; }
.dx-sel select option { background: var(--s1); }
.dx-sel > .dx-i { position: absolute; right: .75rem; width: .5625rem; height: .5625rem; color: var(--mu); pointer-events: none; }
.dx-view { flex: none; display: flex; gap: .125rem; }
.dx-view button { width: 2.375rem; height: 2.375rem; display: grid; place-items: center; background: rgba(255, 255, 255, .06); color: var(--mu); transition: background-color .12s, color .12s; }
.dx-view button:hover { color: var(--tx); }
.dx-view button.is-on { background: var(--pick); color: var(--pick-tx); }
.dx-view .dx-i { width: .875rem; height: .875rem; }
.dx-shop .dx-grid { margin-top: .25rem; }
.dx-grid.is-loading { min-height: 12.5rem; }
.dx-grid--list { grid-template-columns: minmax(0, 1fr) !important; gap: var(--gap); }
.dx-grid--list .dx-card { flex-direction: row; align-items: stretch; }
.dx-grid--list .dx-card__img { width: 13.75rem; flex: none; aspect-ratio: 16 / 9; }
.dx-grid--list .dx-card__body { flex: 1 1 auto; justify-content: center; }
.dx-grid--list .dx-card__btn { flex: none; width: 11.25rem; height: auto; }
.dx-empty { margin-top: .75rem; padding: 2rem 1.25rem; background: var(--panel); text-align: center; color: var(--mu); display: flex; flex-direction: column; align-items: center; gap: .875rem; }
.dx-grid__none { grid-column: 1 / -1; }

.dx-crumb { display: flex; align-items: center; gap: .375rem; padding-top: 1.5rem; }
.dx-crumb__back { height: 2.125rem; padding: 0 .875rem 0 .625rem; display: inline-flex; align-items: center; gap: .5625rem; background: rgba(255, 255, 255, .07); font: italic 700 1rem/1 var(--head); text-transform: uppercase; transition: background-color .12s, color .12s; }
.dx-crumb__back .dx-i { width: .75rem; height: .75rem; }
.dx-crumb__back:hover { background: var(--pick); color: var(--pick-tx); }
.dx-crumb__here { min-width: 0; padding: 0 .625rem; font-size: .8125rem; color: var(--mu); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dx-pkg__top { margin-top: 1rem; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.75rem; align-items: start; }
.dx-pkg__l { min-width: 0; }
.dx-pkg__tag { display: inline-block; padding: .4375rem .875rem; border-radius: .1875rem .1875rem 0 0; background: var(--dx-a); color: #fff; font: italic 700 1.125rem/1 var(--head); text-transform: uppercase; letter-spacing: .02em; }
.dx-gal { padding: .375rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-gal__main { position: relative; aspect-ratio: 16 / 9; overflow: hidden; contain: paint; background: rgba(0, 0, 0, .45); }
.dx-gal__main img, .dx-gal__main iframe { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: cover; border: 0; transition: opacity .6s ease, transform .6s ease; }
@media (prefers-reduced-motion: reduce) {
  .dx-gal__main img, .dx-gal__main iframe, .dx-stage__img img { transition: none; }
  .dx-stage.is-swap .dx-stage__body > * { animation: none; }
}
.dx-gal__play { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(11, 11, 14, .25); }
.dx-gal__play span { width: 4.5rem; height: 3.125rem; display: grid; place-items: center; background: var(--pick); color: var(--pick-tx); clip-path: polygon(.625rem 0, 100% 0, calc(100% - .625rem) 100%, 0 100%); transition: background-color .15s, color .15s; }
.dx-gal__play:hover span { background: var(--dx-a); color: #fff; }
.dx-gal__play .dx-i { width: 1.125rem; height: 1.125rem; }
.dx-gal__row { margin-top: .375rem; display: flex; align-items: center; gap: .375rem; }
.dx-gal__dir { flex: none; width: 2.25rem; height: 2.25rem; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: var(--tx); transition: background-color .15s, color .15s; }
.dx-gal__dir:hover { background: var(--pick); color: var(--pick-tx); }
.dx-gal__dir .dx-i { width: .75rem; height: .75rem; }
.dx-thumbs { flex: 1 1 auto; min-width: 0; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 1.5rem) / 5); gap: .375rem; overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; }
.dx-thumbs::-webkit-scrollbar { display: none; }
.dx-tn { position: relative; aspect-ratio: 16 / 9; min-height: 0; overflow: hidden; contain: paint; background: var(--bar); opacity: .55; transition: opacity .15s, box-shadow .15s; }
.dx-tn img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: 100%; object-fit: cover; }
.dx-tn:hover { opacity: .9; }
.dx-tn.is-active { opacity: 1; box-shadow: inset 0 0 0 .1875rem var(--pick); }
.dx-tn__v { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(0, 0, 0, .3); }
.dx-tn__v .dx-i { width: .8125rem; height: .8125rem; }
.dx-tn__v > span { width: 1.875rem; height: 1.375rem; display: grid; place-items: center; background: var(--pick); color: var(--pick-tx); clip-path: polygon(.3125rem 0, 100% 0, calc(100% - .3125rem) 100%, 0 100%); }
.dx-tn__v > span .dx-i { width: .625rem; height: .625rem; }
.dx-pkg__r { min-width: 0; display: flex; flex-direction: column; gap: .625rem; }
.dx-pkg__t { font: italic 800 3.25rem/.95 var(--head); text-transform: uppercase; letter-spacing: .005em; overflow-wrap: anywhere; }
.dx-pkg__panel { display: flex; flex-direction: column; gap: .875rem; padding: 1rem; background: var(--panel); border: 1px solid var(--pline); border-radius: .1875rem; }
.dx-pkg__d { font-size: .90625rem; line-height: 1.65; color: var(--tx2); }
.dx-spec dd a:hover { color: var(--dx-a); }
.dx-ftag { height: 1.5rem; padding: 0 .5rem; display: inline-flex; align-items: center; gap: .375rem; background: rgba(255, 255, 255, .07); font: italic 700 .8125rem/1 var(--head); text-transform: uppercase; letter-spacing: .03em; }
.dx-ftag .dx-fwi { height: .6875rem; }
.dx-ftag .dx-fwi--qbox { height: .875rem; }
.dx-buy { display: flex; flex-direction: column; gap: .5rem; padding-top: .875rem; border-top: 1px solid var(--pline); }
.dx-buy__p { display: flex; align-items: baseline; flex-wrap: wrap; gap: .625rem; margin-bottom: .25rem; font: italic 800 2.875rem/1 var(--head); }
.dx-buy__p del { font-size: 1.25rem; }
.dx-buy__p .dx-off { align-self: center; }
.dx-buy__l { font-size: 1.125rem; color: var(--mu); }
.dx-buy__btn { height: 3.125rem; font-size: 1.1875rem; }
.dx-buy__why { font-size: .8125rem; color: var(--mu); }
.dx-buy__2 { display: grid; grid-template-columns: 1fr 1fr; gap: .375rem; }
.dx-acts { display: flex; flex-direction: column; gap: var(--gap); }
.dx-acts li:has(> [hidden]) { display: none; }
.dx-blk { display: flex; flex-direction: column; gap: .375rem; }
.dx-lnk { height: 2rem; padding: 0 .75rem; display: inline-flex; align-items: center; gap: .5rem; background: rgba(255, 255, 255, .07); font-weight: 600; font-size: .8125rem; transition: background-color .12s, color .12s; }
.dx-lnk .dx-i { width: .6875rem; height: .6875rem; }
.dx-lnk:hover { background: var(--pick); color: var(--pick-tx); }
.dx-pkg__bot { margin-top: 2.5rem; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.75rem; align-items: start; }
.dx-pkg__bot.is-single { grid-template-columns: minmax(0, 1fr); }
.dx-pkg__bvr { display: none; }
.dx-pkg__br { display: flex; flex-direction: column; gap: 1.75rem; }
.dx-fg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); }
.dx-fc { display: flex; flex-direction: column; gap: .25rem; padding: .75rem .875rem; background: var(--bar); }
.dx-fc__h { display: flex; align-items: center; gap: .625rem; font: italic 700 1.125rem/1.1 var(--head); text-transform: uppercase; letter-spacing: .01em; }
.dx-fc__h .dx-i { width: .8125rem; height: .8125rem; color: var(--dx-a); }
.dx-fc__p { padding-left: 1.4375rem; font-size: .8125rem; line-height: 1.6; color: var(--tx2); }
.dx-pkg__box { padding: 1rem 1.125rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-info { display: flex; flex-direction: column; gap: .625rem; }
.dx-info li { position: relative; padding-left: 1.125rem; font-size: .875rem; line-height: 1.65; color: var(--tx2); }
.dx-info li::before { content: ""; position: absolute; left: 0; top: .5rem; width: .4375rem; height: .4375rem; background: var(--dx-a); }
.dx-info a, .dx-rich a { color: var(--dx-a); text-decoration: underline; }
.dx-info__rich:not(:empty) { margin-top: .875rem; }
.dx-req { display: flex; flex-direction: column; gap: var(--gap); }
.dx-chip { min-height: 2.625rem; padding: 0 .875rem; display: flex; align-items: center; justify-content: space-between; gap: .625rem; background: var(--bar); font-weight: 600; font-size: .875rem; transition: background-color .12s, color .12s; }
.dx-chip .dx-i { width: .6875rem; height: .6875rem; color: var(--mu); }
a.dx-chip:hover { background: var(--pick); color: var(--pick-tx); }
a.dx-chip:hover .dx-i { color: var(--pick-tx); }
.dx-rich { font-size: .9375rem; line-height: 1.7; color: var(--tx2); overflow-wrap: anywhere; }
.dx-rich > * + * { margin-top: .875rem; }
.dx-rich h1, .dx-rich h2, .dx-rich h3 { font: italic 700 1.625rem/1.1 var(--head); text-transform: uppercase; color: var(--tx); margin-top: 1.625rem; }
.dx-rich ul, .dx-rich ol { padding-left: 1.25rem; }
.dx-rich ul { list-style: square; }
.dx-rich ol { list-style: decimal; }
.dx-rich strong { color: var(--tx); }
.dx-rich img { height: auto; }
.dx-rich iframe { max-width: 100%; border: 0; }
.dx-rich table { width: 100%; border-collapse: collapse; }
.dx-rich td, .dx-rich th { padding: .5rem .625rem; border: 1px solid var(--pline); text-align: left; }
.dx-pkg .dx-sec { padding-top: 3rem; }

.dx-page { padding-top: 1.75rem; padding-bottom: 3rem; }
.dx-page__h { display: flex; align-items: center; gap: .875rem; }
.dx-page__h::after { content: ""; order: 1; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, .22); }
.dx-page__h .dx-ch__lbl { order: 2; display: flex; gap: .5rem; font: italic 700 1.125rem/1 var(--head); text-transform: uppercase; color: var(--tx2); }
.dx-page__h .dx-ch__sep { color: rgba(255, 255, 255, .3); }
.dx-page__t { padding: .5rem 1rem; border-radius: .1875rem .1875rem 0 0; background: var(--pick); color: var(--pick-tx); font: italic 800 2.125rem/1 var(--head); text-transform: uppercase; letter-spacing: .01em; }
.dx-page__t .dx-hl { color: var(--dx-a); }
.dx-page__rich { max-width: 53.75rem; padding: 1.375rem 1.5rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-bk { display: grid; grid-template-columns: minmax(0, 1fr) 22.5rem; gap: 1.25rem; align-items: start; }
.dx-bk__list { display: flex; flex-direction: column; gap: var(--gap); padding: .375rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-bk__row { display: flex; align-items: center; gap: 1rem; padding: .375rem .875rem .375rem .375rem; background: var(--bar); }
.dx-thumb { position: relative; display: grid; place-items: center; overflow: hidden; flex: none; background: rgba(0, 0, 0, .4); color: #2c2c36; }
.dx-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dx-thumb > .dx-i { width: 1.25rem; height: 1.25rem; }
.dx-thumb--lg { width: 9rem; height: 5.0625rem; }
.dx-bk__info { flex: 1 1 auto; min-width: 0; }
.dx-bk__n { font: italic 700 1.375rem/1.05 var(--head); text-transform: uppercase; }
.dx-bk__n a:hover { color: var(--dx-a); }
.dx-bk__p { flex: none; font: italic 800 1.5rem/1 var(--head); }
.dx-bk__rm { width: 2.25rem; height: 2.25rem; flex: none; display: grid; place-items: center; background: rgba(255, 255, 255, .06); color: var(--mu); transition: background-color .12s, color .12s; }
.dx-bk__rm .dx-i { width: .8125rem; height: .8125rem; }
.dx-bk__rm:hover { background: rgba(244, 99, 92, .2); color: #ffb0ab; }
.dx-bk__sum { position: sticky; top: calc(5.75rem + var(--dx-strip, 0px)); display: flex; flex-direction: column; gap: .75rem; padding: 1rem; background: var(--panel); border: 1px solid var(--pline); border-radius: .1875rem; }
.dx-bk__note { font-size: .75rem; color: var(--mu); }
.dx-opt { max-width: 35rem; padding: 1.125rem; background: var(--panel); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-form { display: flex; flex-direction: column; gap: .75rem; }
.dx-form__acts { display: flex; flex-direction: column; gap: .375rem; margin-top: .25rem; }
.dx-field { display: flex; flex-direction: column; gap: .375rem; }
.dx-field > span { font: italic 700 .9375rem/1 var(--head); text-transform: uppercase; letter-spacing: .03em; color: var(--tx2); }
.dx-input { width: 100%; height: 2.75rem; padding: 0 .875rem; border: 0; border-radius: .125rem; background: rgba(255, 255, 255, .06); color: var(--tx); font-size: .875rem; outline: none; transition: background-color .15s, box-shadow .15s; }
.dx-input:focus { background: rgba(255, 255, 255, .1); box-shadow: inset 0 -.125rem 0 var(--dx-a); }
select.dx-input { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--mu) 50%), linear-gradient(135deg, var(--mu) 50%, transparent 50%); background-position: calc(100% - 1.1875rem) 1.1875rem, calc(100% - .875rem) 1.1875rem; background-size: .3125rem .3125rem; background-repeat: no-repeat; padding-right: 2.375rem; }
select.dx-input option { background: var(--s1); }
.dx-dcstep { flex-direction: row; align-items: center; gap: .875rem; padding: .75rem; background: var(--bar); }
.dx-dcstep.is-done { box-shadow: inset .25rem 0 0 var(--ok); }
.dx-dcstep__ic { width: 2.5rem; height: 2.5rem; flex: none; display: grid; place-items: center; background: #5865f2; color: #fff; }
.dx-dcstep__ic .dx-i { width: 1.25rem; height: 1.25rem; }
.dx-dcstep__t { display: flex; flex-direction: column; gap: .125rem; font-size: .8125rem; color: var(--tx2); }
.dx-dcstep__t > strong { font: italic 700 1.1875rem/1 var(--head); text-transform: uppercase; color: var(--tx); }

.dx-modal { position: fixed; inset: 0; z-index: 200; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; padding: 1rem; }
.dx-modal__bg { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); -webkit-backdrop-filter: blur(.375rem); backdrop-filter: blur(.375rem); opacity: 0; transition: opacity .2s; }
.dx-modal.is-on .dx-modal__bg { opacity: 1; }
.dx-panel { position: relative; width: 27.5rem; max-width: 100%; max-height: calc(100vh - 2rem); overflow-y: auto; display: flex; flex-direction: column; opacity: 0; transform: translateY(.5rem); transition: opacity .2s, transform .2s; }
.dx-modal.is-on .dx-panel, .dx-modal.is-on .dx-drawer__panel { opacity: 1; transform: none; }
.dx-panel:focus { outline: none; }
.dx-panel__top { flex: none; align-self: flex-start; max-width: 100%; display: flex; align-items: center; gap: .625rem; padding: .5rem .5rem .5rem 1rem; border-radius: .1875rem .1875rem 0 0; background: var(--pick); color: var(--pick-tx); }
.dx-panel__top img { width: 1.25rem; height: 1.25rem; object-fit: contain; }
.dx-panel__brand { font: italic 800 1.5rem/1 var(--head); text-transform: uppercase; letter-spacing: .02em; }
.dx-panel__sub { font: italic 700 1.0625rem/1 var(--head); text-transform: uppercase; opacity: .55; }
.dx-panel__x { margin-left: .625rem; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; background: rgba(11, 11, 14, .1); color: var(--pick-tx); }
.dx-panel__x .dx-i { width: .6875rem; height: .6875rem; }
.dx-panel__x:hover { background: var(--pick-tx); color: var(--pick); }
.dx-panel__body { padding: 1.125rem; display: flex; flex-direction: column; gap: .75rem; background: rgba(11, 11, 14, .95); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; }
.dx-panel__t { font: italic 800 1.875rem/1 var(--head); text-transform: uppercase; }
.dx-panel__p { font-size: .875rem; line-height: 1.6; color: var(--tx2); }
.dx-panel__p strong { color: var(--tx); }
.dx-lg { display: flex; flex-direction: column; gap: .375rem; }
.dx-lg .dx-panel__p { margin-bottom: .375rem; }
.dx-panel__wait { display: flex; align-items: center; gap: .75rem; padding: .875rem; background: var(--bar); font-size: .875rem; }
.dx-spin { width: 1.125rem; height: 1.125rem; flex: none; border: .125rem solid var(--track); border-top-color: var(--dx-a); border-radius: 50%; animation: dx-spin .8s linear infinite; }
@keyframes dx-spin { to { transform: rotate(360deg); } }
.dx-panel__bot { flex: none; align-self: flex-end; margin-top: .5rem; display: inline-flex; align-items: center; gap: .625rem; padding: .4375rem 1.125rem; background: var(--hud); font: italic 700 .9375rem/1 var(--head); text-transform: uppercase; clip-path: polygon(.75rem 0, 100% 0, calc(100% - .75rem) 100%, 0 100%); }
.dx-panel__bot span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--tx2); }
.dx-panel__bot kbd { display: inline-grid; place-items: center; height: 1.25rem; padding: 0 .375rem; background: var(--pick); color: var(--pick-tx); font: 800 .625rem/1 var(--sans); font-style: normal; }
.dx-paym { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
.dx-paym li { height: 2.625rem; display: flex; align-items: center; gap: .625rem; padding: 0 .75rem; background: var(--bar); font-size: .875rem; font-weight: 600; }
.dx-paym .dx-i { width: .875rem; height: .875rem; color: var(--dx-a); }
@media (prefers-reduced-motion: reduce) { .dx-modal__bg, .dx-panel, .dx-drawer__panel { transition: none; } }

.dx-drawer { justify-items: end; align-items: stretch; padding: 1rem; }
.dx-drawer__panel { position: relative; width: 28.75rem; max-width: 100%; height: 100%; display: flex; flex-direction: column; opacity: 0; transform: translateX(1.5rem); transition: opacity .2s, transform .2s; }
.dx-drawer__list { flex: 1 1 auto; overflow-y: auto; display: flex; flex-direction: column; gap: var(--gap); padding: .375rem; background: rgba(11, 11, 14, .95); border: 1px solid var(--pline); border-bottom: 0; border-radius: 0 .1875rem 0 0; }
.dx-drawer__row { display: flex; gap: .75rem; padding: .375rem .625rem .375rem .375rem; background: var(--bar2); }
.dx-drawer__row .dx-thumb { width: 8rem; height: 4.5rem; }
.dx-drawer__info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .25rem; }
.dx-drawer__name { font: italic 700 1.1875rem/1.05 var(--head); text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dx-drawer__name:hover { color: var(--dx-a); }
.dx-drawer__o { display: flex; flex-wrap: wrap; gap: .125rem .625rem; font-size: .71875rem; color: var(--mu); }
.dx-drawer__line { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.dx-drawer__p { font: italic 800 1.375rem/1 var(--head); }
.dx-drawer__rm { display: inline-flex; align-items: center; gap: .375rem; height: 1.625rem; padding: 0 .5rem; background: rgba(255, 255, 255, .06); font-size: .75rem; color: var(--mu); transition: background-color .12s, color .12s; }
.dx-drawer__rm .dx-i { width: .6875rem; height: .6875rem; }
.dx-drawer__rm:hover { background: rgba(244, 99, 92, .2); color: #ffb0ab; }
.dx-drawer__f { flex: none; display: flex; flex-direction: column; gap: .625rem; padding: .875rem; background: rgba(11, 11, 14, .95); border: 1px solid var(--pline); border-top: 1px solid rgba(255, 255, 255, .1); border-radius: 0 0 .1875rem .1875rem; }
.dx-drawer__tot { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; font: italic 700 1.125rem/1 var(--head); text-transform: uppercase; color: var(--tx2); }
.dx-drawer__tot strong { font-size: 2.25rem; font-weight: 800; color: var(--tx); }
.dx-drawer__empty { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 2.5rem 1.5rem; background: rgba(11, 11, 14, .95); border: 1px solid var(--pline); border-radius: 0 .1875rem .1875rem .1875rem; color: var(--tx2); }
.dx-drawer .dx-panel__bot { margin-top: .5rem; }

.dx-toast { position: fixed; z-index: 250; right: 1.25rem; top: 5.25rem; max-width: min(26.25rem, calc(100vw - 2rem)); padding: .875rem 2.75rem .875rem 1rem; background: rgba(11, 11, 14, .96); box-shadow: inset .25rem 0 0 var(--dx-a), 0 1rem 2.5rem rgba(0, 0, 0, .5); font-size: .875rem; animation: dx-in .25s ease-out; }
.dx-toast.is-error, .dx-toast.is-danger, .dx-toast.is-warning { box-shadow: inset .25rem 0 0 var(--bad), 0 1rem 2.5rem rgba(0, 0, 0, .5); }
.dx-toast__x { position: absolute; right: .5rem; top: .625rem; width: 1.625rem; height: 1.625rem; display: grid; place-items: center; color: var(--mu); }
.dx-toast__x .dx-i { width: .6875rem; height: .6875rem; }
.dx-toast__x:hover { background: var(--pick); color: var(--pick-tx); }
@keyframes dx-in { from { opacity: 0; transform: translateY(-.375rem); } }
.dx-tabdone { position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 1.5rem; background: rgba(11, 11, 14, .96); }
.dx-tabdone p { padding: 1rem 1.25rem; background: var(--panel); font: italic 700 1.25rem/1.2 var(--head); text-transform: uppercase; }

@media (max-width: 1279px) {
  .dx-shop { grid-template-columns: 16.25rem minmax(0, 1fr); }
  .dx-pkg__t { font-size: 2.625rem; }
}
@media (max-width: 1099px) {
  .dx-shop { grid-template-columns: minmax(0, 1fr); gap: .875rem; }
  .dx-shop__menu { position: static; }
  .dx-shop__menu .dx-pmenu__tag { display: none; }
  .dx-shop__menu .dx-pmenu__body { padding: .375rem; border-radius: .1875rem; }
  .dx-shop__menu .dx-pmenu__list { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  .dx-shop__menu .dx-pmenu__list > li { flex: none; }
  .dx-shop__menu .dx-row--sub { display: none; }
  .dx-flt__in { flex-wrap: wrap; }
  .dx-search { flex: 1 1 100%; }
  .dx-pkg__top, .dx-pkg__bot { grid-template-columns: minmax(0, 1fr); }
  .dx-bk { grid-template-columns: minmax(0, 1fr); }
  .dx-bk__sum { position: static; }
}
@media (max-width: 680px) {
  .dx-shop__t, .dx-page__t { font-size: 1.625rem; }
  .dx-fw { flex-basis: 100%; order: 3; }
  .dx-fw__b { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .dx-sel { flex: 1 1 auto; }
  .dx-sel select { width: 100%; }
  .dx-grid--list .dx-card { flex-direction: column; }
  .dx-grid--list .dx-card__img, .dx-grid--list .dx-card__btn { width: auto; }
  .dx-grid--list .dx-card__btn { height: 2.5rem; }
  .dx-pkg__t { font-size: 2.25rem; }
  .dx-buy__p { font-size: 2.375rem; }
  .dx-thumbs { grid-auto-columns: 30%; }
  .dx-fg { grid-template-columns: minmax(0, 1fr); }
  .dx-bk__row { flex-wrap: wrap; }
  .dx-thumb--lg { width: 7rem; height: 3.9375rem; }
  .dx-bk__info { flex-basis: calc(100% - 8.25rem); }
  .dx-bk__p { margin-left: 8rem; }
  .dx-bk__rm { margin-left: auto; }
  .dx-drawer { padding: .5rem; }
  .dx-drawer__row .dx-thumb { width: 6.25rem; height: 3.5rem; }
  .dx-paym { grid-template-columns: minmax(0, 1fr); }
  .dx-toast { left: 1rem; right: 1rem; top: 4.5rem; max-width: none; }
}