@font-face {
    font-family: 'Vazirmatn';
    src: url('../../fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../../fonts/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../../fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --tg-safe-area-top:    env(safe-area-inset-top, 0px);
    --tg-safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --tg-safe-area-left:   env(safe-area-inset-left, 0px);
    --tg-safe-area-right:  env(safe-area-inset-right, 0px);

    --bg:               #0a0907;
    --bg-soft:          #110f0c;
    --surface:          #161311;
    --surface-2:        #1c1917;
    --surface-3:        #221e1b;
    --border:           rgba(212, 184, 120, 0.12);
    --border-strong:    rgba(212, 184, 120, 0.28);

    --text:             #f5f1ea;
    --text-muted:       #a09587;
    --text-dim:         #6b6157;

    --gold:             #d4b878;
    --gold-bright:      #e2c98c;
    --gold-soft:        rgba(212, 184, 120, 0.10);
    --gold-soft-2:      rgba(212, 184, 120, 0.18);

    --green:            #7fc987;
    --green-soft:       rgba(127, 201, 135, 0.14);
    --red:              #d97070;
    --red-soft:         rgba(217, 112, 112, 0.14);
    --yellow:           #e2b85a;
    --yellow-soft:      rgba(226, 184, 90, 0.14);
    --blue:             #7aa6d6;

    --dot-red:          #ed6a5e;
    --dot-yellow:       #f4bf4f;
    --dot-green:        #61c554;

    --font-sans:        'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono:        'Vazirmatn', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 24px;

    --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 8px 32px rgba(0, 0, 0, 0.45);
    --shadow-glow: 0 0 0 1px var(--border), 0 12px 40px rgba(212, 184, 120, 0.05);
}

*, *::before, *::after { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
    font-family: var(--font-sans);
    font-size: 15px;
    line-height: 1.55;
    color: var(--text);
    background: var(--bg);
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: var(--tg-safe-area-bottom);
}
body[dir="rtl"] { direction: rtl; }

a { color: inherit; text-decoration: none; }
button { font-family: inherit; font-size: inherit; cursor: pointer; }
input, textarea, select {
    font-family: inherit;
    color: var(--text);
    background: transparent;
    border: none;
    outline: none;
}
img, svg { display: block; max-width: 100%; }

::selection { background: var(--gold-soft-2); color: var(--text); }

.app-shell {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    min-height: 100vh;
    padding: 0 16px 96px;
    padding-top: calc(var(--tg-safe-area-top) + 8px);
    display: flex;
    flex-direction: column;
}

.app-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 4px 18px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 18px;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.brand-mark {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--gold), #b39a5d 70%);
    color: #1a1612;
    display: grid;
    place-items: center;
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: 18px;
    box-shadow: 0 4px 14px rgba(212, 184, 120, 0.25);
}
.brand-name {
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--text);
    letter-spacing: 1px;
    text-transform: lowercase;
}

.icon-btn {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-muted);
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 19px;
    transition: all 0.18s ease;
}
.icon-btn:hover, .icon-btn:active {
    color: var(--gold);
    border-color: var(--border-strong);
    background: var(--gold-soft);
}

.view {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    animation: fadeIn 0.35s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.hero {
    padding: 16px 4px 8px;
}
.hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.02);
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 18px;
}
.hero-tag::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 10px var(--green);
}
.hero-title {
    font-size: 30px;
    line-height: 1.18;
    font-weight: 700;
    margin: 0 0 14px;
    letter-spacing: -0.5px;
}
.hero-title .accent { color: var(--gold); }
.hero-subtitle {
    font-size: 15px;
    color: var(--text-muted);
    margin: 0 0 20px;
    max-width: 56ch;
}

.card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-1);
    overflow: hidden;
}
.card-window {
    background: var(--bg-soft);
    /* Page-level wrapper: children sit inside the padded .card-body, so the
       base .card overflow:hidden only serves to clip nested card shadows. */
    overflow: visible;
}
.card-window-bar {
    display: none !important;
}
.dots {
    display: inline-flex;
    gap: 6px;
}
.dots span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: block;
}
.dots span:nth-child(1) { background: var(--dot-red); }
.dots span:nth-child(2) { background: var(--dot-yellow); }
.dots span:nth-child(3) { background: var(--dot-green); }
.window-url {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-muted);
}
.card-body { padding: 18px; }
.card-section + .card-section { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); }

.info-card { padding: 18px 16px 14px; position: relative; overflow: hidden; border-radius: inherit; }
.info-card > * { position: relative; z-index: 1; }
.info-card-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}
.info-card-title {
    font-family: var(--font-mono);
    font-size: 15px;
    color: var(--text);
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: break-all;
}
.info-card-title .arrow { color: var(--gold-bright); margin-inline-end: 6px; }
.info-card-status {
    flex-shrink: 0;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 999px;
    font-weight: 700;
}
.info-card-status.is-active   { color: var(--green); background: var(--green-soft); }
.info-card-status.is-inactive { color: var(--red); background: var(--red-soft); }
.info-card-body {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 18px;
}
.info-gauge {
    width: 124px;
    height: 124px;
    position: relative;
    flex-shrink: 0;
}
.info-gauge svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.info-gauge-track { fill: none; stroke: var(--border); }
.info-gauge-fill  { fill: none; stroke: var(--gold); stroke-linecap: round; transition: stroke-dasharray 0.6s ease; }
.info-gauge-text {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.info-gauge-percent {
    font-family: var(--font-mono);
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    line-height: 1;
}
.info-gauge-label {
    font-size: 10px;
    color: var(--text-dim);
    margin-top: 4px;
}
.info-gauge-unl {
    font-size: 13px;
    color: var(--text);
}
.info-stats { display: flex; flex-direction: column; gap: 14px; }
.info-stat-label {
    font-size: 12px;
    color: var(--text-dim);
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.info-stat-label .glyph {
    font-family: var(--font-mono);
    color: var(--text-dim);
}
.info-stat-value {
    font-family: var(--font-mono);
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
}
.info-stat-value.fa { font-family: var(--font-sans); font-weight: 600; }
.info-card-footer {
    text-align: center;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px dashed var(--border);
    color: var(--gold);
    font-family: var(--font-mono);
    font-size: 12px;
}

.service-detail-list { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.service-detail-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
}
.service-detail-row .ico { color: var(--gold); flex-shrink: 0; }
.service-detail-label { color: var(--text-muted); font-size: 13px; flex-shrink: 0; }
.service-detail-value { color: var(--text); font-weight: 600; font-size: 14px; margin-inline-start: auto; overflow-wrap: anywhere; text-align: end; }
.service-detail-value.mono { font-family: var(--font-mono); }

.sub-link-box {
    margin-top: 14px;
    padding: 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
}
.sub-link-box .label {
    color: var(--text-muted);
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}
.sub-link-value {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text);
    background: var(--bg-soft);
    border: 1px dashed var(--border);
    border-radius: var(--r-sm);
    padding: 8px 10px;
    overflow-wrap: anywhere;
    word-break: break-all;
    cursor: pointer;
    line-height: 1.6;
}

.wallet-big-box {
    padding: 14px;
    background: linear-gradient(135deg, var(--accent-soft), transparent);
    border: 1px solid var(--border-strong);
}
.wallet-big-box .label {
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}
.wallet-big {
    font-family: var(--font-mono);
    font-size: 17px;
    font-weight: 700;
    color: var(--accent-bright, var(--gold-bright));
    background: var(--bg-soft);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-md);
    padding: 14px 16px;
    overflow-wrap: anywhere;
    word-break: break-all;
    cursor: pointer;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 0.5px;
    transition: background 0.15s ease;
}
.wallet-big:hover  { background: rgba(255,255,255,0.04); }

.queued-renewal-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--green-soft);
    border: 1px solid rgba(127,201,135,0.32);
    border-radius: var(--r-lg);
    padding: 12px 14px;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.7;
    color: var(--text);
}
.queued-renewal-notice .dot {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 8px var(--green);
}

.pending-banner {
    background: linear-gradient(135deg, rgba(255,170,40,0.10), rgba(255,170,40,0.03));
    border: 1px dashed rgba(255,170,40,0.55);
    border-radius: var(--r-lg);
    padding: 14px 16px;
    margin-bottom: 12px;
    box-shadow: 0 0 0 0 rgba(255,170,40,0.25);
    animation: pending-pulse 2.4s ease-in-out infinite;
}
@keyframes pending-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255,170,40,0.20); }
    50%      { box-shadow: 0 0 0 6px rgba(255,170,40,0.00); }
}
.pending-banner + .pending-banner { margin-top: 8px; }
.pending-banner-head {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffbb50;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
}
.pending-banner-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}
.pending-banner-grid > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
}
.pending-banner-grid .muted { font-size: 11px; }
.pending-banner-actions {
    display: flex;
    gap: 8px;
}
.pending-banner-actions .btn { flex: 1; }
@media (max-width: 480px) {
    .pending-banner-grid { grid-template-columns: 1fr 1fr; }
}

.watch-card { position: relative; overflow: hidden; }
.watch-spinner-wrap {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 6px auto 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.watch-spinner-ring {
    width: 100%;
    height: 100%;
    animation: watchSpin 1.6s linear infinite;
}
.watch-spinner-track {
    fill: none;
    stroke: var(--border);
    stroke-width: 4;
}
.watch-spinner-arc {
    fill: none;
    stroke: var(--gold);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 60 156;
    transform-origin: center;
}
.watch-spinner-glyph {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    animation: watchPulseSoft 1.8s ease-in-out infinite;
}
.watch-spinner-glyph .ico {
    width: 36px;
    height: 36px;
    color: var(--gold-bright);
    filter: drop-shadow(0 0 8px rgba(212, 184, 120, 0.4));
}
@keyframes watchSpin {
    to { transform: rotate(360deg); }
}
@keyframes watchPulseSoft {
    0%, 100% { transform: scale(1);    opacity: 1; }
    50%      { transform: scale(1.08); opacity: 0.85; }
}
.watch-countdown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: var(--r-md);
    background: var(--surface);
    border: 1px dashed var(--border-strong);
    margin: 8px auto 0;
    font-size: 14px;
}
.watch-countdown .mono {
    font-family: var(--font-mono);
    font-size: 24px;
    font-weight: 700;
    color: var(--gold-bright);
    letter-spacing: 1px;
}
.watch-countdown .glyph { font-size: 18px; }

.qr-panel {
    margin-top: 14px;
    padding: 14px;
    background: var(--surface);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-md);
    text-align: center;
}
.qr-frame {
    display: inline-block;
    padding: 4px;
    background: transparent;
    border-radius: var(--r-md);
    line-height: 0;
}
.qr-frame img {
    width: 280px;
    height: 280px;
    display: block;
    border-radius: calc(var(--r-md) - 4px);
}
.qr-hint { color: var(--text-muted); font-size: 12px; margin-top: 10px; }

.chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}
.chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.015);
    color: var(--text);
    font-family: var(--font-mono);
    font-size: 13px;
    transition: all 0.16s ease;
}
.chip .glyph {
    color: var(--text-dim);
    font-weight: 700;
}
.chip:hover {
    border-color: var(--border-strong);
    background: var(--gold-soft);
}
.chip.is-active {
    border-color: var(--gold);
    background: var(--gold-soft);
    color: var(--gold-bright);
}
.chip.is-active .glyph { color: var(--gold); }

.input-row {
    display: flex;
    gap: 10px;
    align-items: stretch;
}
.input-mono {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: rgba(255, 255, 255, 0.015);
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--text);
    transition: border-color 0.16s ease;
}
.input-mono::before {
    content: ">";
    color: var(--gold);
    font-weight: 700;
}
.input-mono input {
    flex: 1;
    width: 100%;
    background: transparent;
    color: var(--text);
    font-family: var(--font-mono);
    font-size: 14px;
}
.input-mono:focus-within { border-color: var(--gold); }

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: var(--r-md);
    border: 1px solid transparent;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.18s ease;
    background: transparent;
    color: var(--text);
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
}
.btn > span:not(.arrow):not(.spinner) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn > svg { flex-shrink: 0; }
.btn:disabled { opacity: 0.5; pointer-events: none; }
.btn-primary {
    background: var(--gold);
    color: #1a1612;
    box-shadow: 0 6px 18px rgba(212, 184, 120, 0.22);
}
.btn-primary:hover { background: var(--gold-bright); }
.btn-ghost {
    border-color: var(--border);
    color: var(--text);
    background: transparent;
}
.btn-ghost:hover { border-color: var(--border-strong); background: rgba(255,255,255,0.02); }
.btn-block { width: 100%; }
.btn.is-locked {
    opacity: 0.55;
    cursor: not-allowed;
    background: transparent;
    border: 1px dashed var(--border-strong);
}
.btn.is-locked:hover { background: transparent; border-color: var(--border-strong); }
[dir="rtl"] .btn .arrow { transform: scaleX(-1); }

.kv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px dashed var(--border);
}
.kv:last-child { border-bottom: none; }
.kv-label {
    font-size: 13px;
    color: var(--text-muted);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.kv-label .glyph { color: var(--text-dim); font-family: var(--font-mono); }
.kv-value {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    text-align: end;
    word-break: break-all;
}
.kv-value.gold { color: var(--gold-bright); }

.section-title {
    margin: 8px 4px 4px;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--gold);
    text-align: center;
}
.section-headline {
    text-align: center;
    margin: 4px 4px 12px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.stat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.stat {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.stat-label {
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.stat-label .glyph { color: var(--gold); }
.stat-value {
    font-size: 20px;
    font-weight: 800;
    color: var(--text);
}
.stat-value.gold { color: var(--gold-bright); }

.list { display: flex; flex-direction: column; gap: 10px; }
.list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    transition: all 0.16s ease;
}
.list-item:hover { border-color: var(--border-strong); }
.list-item .li-main { flex: 1; min-width: 0; }
.list-item .li-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.list-item .li-sub {
    font-family: var(--font-sans);
    font-size: 14px;
    color: var(--text-muted);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.list-item .li-sub.li-sub-stacked {
    display: flex;
    flex-direction: column;
    gap: 2px;
    white-space: normal;
    overflow: visible;
}
.list-item .li-sub-line {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.list-item .li-action svg { color: var(--text-muted); }
.list-item:hover .li-action svg { color: var(--gold); }
[dir="rtl"] .list-item .li-action svg { transform: scaleX(-1); }

.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--border);
    background: rgba(255,255,255,0.02);
    color: var(--text-muted);
}
.badge::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-dim);
}
.badge.is-active { color: var(--green); border-color: rgba(127,201,135,0.32); background: var(--green-soft); }
.badge.is-active::before { background: var(--green); box-shadow: 0 0 8px var(--green); }
.badge.is-warn   { color: var(--yellow); border-color: rgba(226,184,90,0.32); background: var(--yellow-soft); }
.badge.is-warn::before { background: var(--yellow); }
.badge.is-danger { color: var(--red); border-color: rgba(217,112,112,0.32); background: var(--red-soft); }
.badge.is-danger::before { background: var(--red); }
.badge.is-gold   { color: var(--gold); border-color: var(--border-strong); background: var(--gold-soft); }
.badge.is-gold::before { background: var(--gold); box-shadow: 0 0 8px var(--gold); }

.progress {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    overflow: hidden;
    margin: 8px 0 6px;
}
.progress-fill {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--gold), var(--gold-bright));
    border-radius: 999px;
    transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.progress-fill.is-warn { background: linear-gradient(90deg, var(--yellow), #f0c970); }
.progress-fill.is-danger { background: linear-gradient(90deg, var(--red), #e88a8a); }

.buy-progress {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}
.buy-progress-top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}
.buy-progress-label {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
}
.buy-progress-count {
    font-size: 11px;
    letter-spacing: 0.5px;
    color: var(--text-dim);
}
.buy-progress-count b { color: var(--gold-bright); font-weight: 700; }
.buy-progress-track {
    display: flex;
    gap: 6px;
}
.buy-progress-seg {
    flex: 1;
    height: 4px;
    border-radius: 999px;
    background: var(--border);
    transition: background 0.35s ease, box-shadow 0.35s ease;
}
.buy-progress-seg.is-done { background: var(--gold); opacity: 0.55; }
.buy-progress-seg.is-active { background: var(--gold); box-shadow: 0 0 8px var(--gold-soft); }

.plan {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    transition: all 0.16s ease;
    cursor: pointer;
    text-align: start;
    width: 100%;
    color: inherit;
}
.plan:hover { border-color: var(--border-strong); }
.plan.is-selected {
    border-color: var(--gold);
    background: linear-gradient(180deg, var(--gold-soft), transparent);
}
.plan-info { flex: 1; min-width: 0; }
.plan-title { font-weight: 700; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.plan-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-muted);
}
.plan-price {
    text-align: end;
    flex-shrink: 0;
}
.plan-price .amt {
    font-family: var(--font-mono);
    font-weight: 700;
    color: var(--gold-bright);
    font-size: 16px;
    white-space: nowrap;
}
.plan-price .unit {
    font-size: 11px;
    color: var(--text-dim);
}

.range-row { display: grid; gap: 14px; }
.range-row label {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 13px;
    color: var(--text-muted);
}
.range-row label .v { font-family: var(--font-mono); color: var(--gold-bright); font-weight: 700; }
.range-input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    outline: none;
}
.range-input::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none;
    width: 18px; height: 18px;
    border-radius: 50%;
    background: var(--gold);
    border: 2px solid #1a1612;
    box-shadow: 0 0 0 1px var(--gold);
    cursor: pointer;
}
.range-input::-moz-range-thumb {
    width: 18px; height: 18px;
    border-radius: 50%;
    background: var(--gold);
    border: 2px solid #1a1612;
    box-shadow: 0 0 0 1px var(--gold);
    cursor: pointer;
}

.pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 16px;
}
.pager-info { font-family: var(--font-mono); font-size: 12px; color: var(--text-muted); }

.skeleton {
    background: linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);
    background-size: 200% 100%;
    animation: shimmer 1.4s infinite;
    border-radius: var(--r-md);
    border: 1px solid var(--border);
}
.skeleton-row { height: 64px; margin-bottom: 10px; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

.empty {
    text-align: center;
    padding: 36px 16px;
    border: 1px dashed var(--border);
    border-radius: var(--r-md);
    color: var(--text-muted);
}
.empty .glyph { color: var(--gold); font-family: var(--font-mono); font-size: 24px; display: block; margin-bottom: 8px; }
.empty h3 { margin: 0 0 6px; color: var(--text); font-size: 16px; font-weight: 700; }

.toast-host {
    position: fixed;
    inset-inline: 16px;
    max-width: 420px;
    margin-inline: auto;
    /* Clears the floating pill .tabbar (~72px tall, floating 12px above the viewport
       edge — see .tabbar in the "liquid glass" section below) with a clear gap above it,
       instead of the old 80px which predates the tabbar becoming a floating pill and left
       toasts almost touching it. */
    bottom: calc(var(--tg-safe-area-bottom) + 100px);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}
.toast {
    pointer-events: auto;
    padding: 12px 14px;
    border-radius: var(--r-md);
    /* Same "liquid glass" treatment as .tabbar — identical opacity/blur/saturate/
       brightness values, so every floating surface in the app reads as one consistent
       glass material rather than each having its own slightly-different blur. */
    background: color-mix(in oklab, var(--surface-2) 22%, transparent);
    border: 1px solid color-mix(in oklab, var(--border-strong) 70%, transparent);
    box-shadow: var(--shadow-1), inset 0 1px 0 color-mix(in oklab, white 18%, transparent);
    backdrop-filter: blur(28px) saturate(1.9) brightness(1.08);
    -webkit-backdrop-filter: blur(28px) saturate(1.9) brightness(1.08);
    transform: translateZ(0);
    color: var(--text);
    font-size: 13px;
    animation: slideUp 0.25s ease;
    max-width: 100%;
    word-break: break-word;
}
[data-theme="light"] .toast {
    background: color-mix(in oklab, var(--surface-2) 30%, transparent);
    box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,0.6);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .toast { background: var(--surface-2); }
}
.toast.is-success { border-color: rgba(127,201,135,0.4); }
.toast.is-error   { border-color: rgba(217,112,112,0.4); }
@keyframes slideUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

.tabbar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 100;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 720px;
    margin: 0 auto;
    padding: 8px 10px calc(var(--tg-safe-area-bottom) + 8px);
    background: var(--surface);
    border-top: 1px solid var(--border);
}
.tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 8px 4px;
    color: var(--text-dim);
    border-radius: var(--r-sm);
    transition: color 0.18s ease;
}
.tab span {
    font-size: 12px;
    font-family: var(--font-sans);
    font-weight: 700;
    letter-spacing: 0;
}
.tab.is-active { color: var(--gold); }
.tab-cta {
    color: var(--text-muted);
}
.tab-cta.is-active { color: var(--gold); }

.spinner {
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.codeblock {
    position: relative;
    background: var(--bg-soft);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: 12px 14px;
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-muted);
    word-break: break-all;
    white-space: pre-wrap;
    max-height: 220px;
    overflow-y: auto;
}
.copy-btn {
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    color: var(--text);
    font-family: var(--font-mono);
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 6px;
    transition: all 0.16s ease;
}
.copy-btn:hover { background: var(--gold-soft); color: var(--gold); border-color: var(--border-strong); }

.rx-info-card-wrap { padding-top: 40px; }
.rx-info-card {
    display: flex;
    flex-direction: column;
    background: var(--bg-soft);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    overflow: hidden;
}
.rx-info-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background 0.14s ease;
}
.rx-info-row:not(:last-child) { border-bottom: 1px solid var(--border); }
.rx-info-row:hover, .rx-info-row:active { background: var(--surface-2); }
.rx-info-label {
    flex: 0 0 auto;
    font-size: 11px;
    white-space: nowrap;
}
.rx-info-value {
    flex: 1 1 auto;
    font-family: var(--font-mono);
    font-size: 13px;
    color: var(--text);
    word-break: break-all;
    text-align: end;
}
.rx-info-value.is-secret { letter-spacing: 2px; }
.rx-info-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 4px;
}
.rx-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    color: var(--text-muted);
    border-radius: 6px;
    padding: 5px;
    line-height: 0;
    transition: all 0.16s ease;
}
.rx-icon-btn:hover { background: var(--gold-soft); color: var(--gold); border-color: var(--border-strong); }
.rx-icon-btn.is-copied { color: #2ecc71; border-color: #2ecc71; }
.rx-copy-all { padding: 6px 10px; }

.sub-card {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: 14px;
}
.sub-card + .sub-card { margin-top: 12px; }
.sub-card > .section-title { margin-top: 0; }
.sub-card .codeblock { padding-inline-end: 76px; }
.sub-card .cfg-item + .cfg-item { margin-top: 10px; }
@media (max-width: 380px) {
    .sub-card { padding: 12px; }
}

.tk-upload-wrap { display: flex; flex-direction: column; gap: 10px; }
.tk-upload-wrap:not(:empty) { margin-bottom: 10px; }
.tk-upload-slot { width: 100%; }
.tk-upload-preview {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
}
.tk-upload-thumb {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--bg-soft);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}
.tk-upload-thumb img { width: 100%; height: 100%; object-fit: cover; }
.tk-upload-info { flex: 1; min-width: 0; }
.tk-upload-name {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tk-upload-meta { font-size: 11px; margin-top: 2px; }
.tk-upload-remove {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.16s ease;
}
.tk-upload-remove:hover { background: var(--danger-soft, rgba(255,80,80,.12)); color: var(--danger, #ff5050); border-color: var(--danger, #ff5050); }
@media (max-width: 380px) {
    .tk-upload-name { font-size: 12px; }
}

.tk-bubble-row { position: relative; }
.tk-bubble-wrap { position: relative; }
.tk-quote {
    border-inline-start: 3px solid var(--gold, var(--border-strong));
    background: rgba(127,127,127,.08);
    border-radius: 6px;
    padding: 5px 8px;
    font-size: 11.5px;
    color: var(--text-muted);
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tk-receipt { display: inline-flex; align-items: center; color: var(--text-muted); }
.tk-receipt .ico { width: 13px; height: 13px; }
.tk-receipt .tk-receipt-2 { margin-inline-start: -7px; }
.tk-receipt.is-seen { color: var(--gold, #4aa3ff); }
.tk-reactions {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}
.tk-reaction-chip {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 1px 7px;
    line-height: 1.6;
}
.tk-reaction-chip.is-mine { border-color: var(--gold, var(--border-strong)); background: var(--gold-soft); }
.tk-msg-actions {
    display: flex;
    gap: 4px;
    margin-top: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.14s ease;
}
.tk-bubble-row:hover .tk-msg-actions,
.tk-bubble-row:focus-within .tk-msg-actions,
.tk-msg-actions.is-active {
    opacity: 1;
    pointer-events: auto;
}
.tk-msg-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-2);
    color: var(--text-muted);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.14s ease;
}
.tk-msg-action-btn .ico { width: 13px; height: 13px; }
.tk-msg-action-btn:hover { background: var(--gold-soft); color: var(--gold); border-color: var(--border-strong); }
.tk-reaction-picker {
    position: absolute;
    top: -38px;
    inset-inline-start: 0;
    display: flex;
    gap: 4px;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 5px 7px;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
    z-index: 20;
}
.tk-reaction-picker-floating {
    position: fixed;
    top: auto;
    inset-inline-start: auto;
    left: auto;
    z-index: 9998;
}
.tk-reaction-opt {
    background: transparent;
    border: none;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    padding: 2px;
    border-radius: 6px;
    transition: transform 0.12s ease, background 0.12s ease;
}
.tk-reaction-opt:hover { background: var(--surface-2); transform: scale(1.15); }
.tk-reply-preview { margin-top: 8px; }
.tk-reply-preview.hidden { display: none; }
.tk-reply-preview-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-inline-start: 3px solid var(--gold, var(--border-strong));
    background: var(--surface-2);
    border-radius: 8px;
    padding: 7px 10px;
}
.tk-reply-preview-who { font-size: 11px; font-weight: 700; color: var(--gold, var(--text)); }
.tk-reply-preview-text {
    font-size: 12px;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}
.tk-reply-cancel {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
}
.tk-reply-cancel .ico { width: 12px; height: 12px; }
.tk-reply-cancel:hover { color: var(--danger, #ff5050); }
@media (hover: none) {
    .tk-msg-actions { opacity: 1; pointer-events: auto; }
}

.page-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 12px;
    margin-bottom: 12px;
    align-self: flex-start;
}
.page-back:hover { color: var(--gold); border-color: var(--border-strong); }
[dir="rtl"] .page-back svg { transform: scaleX(-1); }

.form-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}
.form-row label {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-muted);
}
.form-row input, .form-row textarea {
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    color: var(--text);
    font-size: 14px;
    width: 100%;
}
.form-row input:focus, .form-row textarea:focus { border-color: var(--gold); }

.row-spread { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.muted { color: var(--text-muted); }
.center { text-align: center; }
.mono { font-family: var(--font-mono); direction: ltr; unicode-bidi: plaintext; }
.gold { color: var(--gold-bright); }
.flex { display: flex; gap: 10px; }
.flex.col { flex-direction: column; }
.gap-sm { gap: 6px; }
.gap-md { gap: 10px; }
.gap-lg { gap: 16px; }
.mt-sm { margin-top: 8px; } .mt-md { margin-top: 14px; } .mt-lg { margin-top: 20px; }
.mb-sm { margin-bottom: 8px; } .mb-md { margin-bottom: 14px; } .mb-lg { margin-bottom: 20px; }
.hidden { display: none !important; }

@media (max-width: 380px) {
    .hero-title { font-size: 26px; }
    .stat-grid { grid-template-columns: 1fr; }
}

html, body, button, input, select, textarea,
.kv-label, .kv-value, .stat-label, .stat-value,
.section-title, .section-headline, .hero-tag, .hero-title, .hero-subtitle,
.tab span, .badge, .btn, .chip, .empty h3, .empty p,
.window-url, .li-title, .li-sub, .plan-title, .plan-meta,
.toast, .pager-info, .copy-btn, .page-back {
    font-family: var(--font-sans);
}

.mono, .input-mono, .input-mono input, .codeblock,
.hero-tag, .window-url, .badge, .chip, .stat-label,
.kv-value, .pager-info, .plan-meta, .li-sub, .copy-btn,
.page-back, .buy-progress-count {
    font-family: var(--font-mono);
}

.theme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 12px 0;
}
@media (min-width: 480px) {
    .theme-grid { grid-template-columns: repeat(3, 1fr); }
}
.theme-tile {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    color: var(--text);
    text-align: start;
    transition: all 0.16s ease;
    cursor: pointer;
    width: 100%;
}
.theme-tile:hover { border-color: var(--border-strong); }
.theme-tile.is-active {
    border-color: var(--accent, var(--gold));
    background: var(--surface-2);
}
.theme-tile.is-active .theme-name { color: var(--accent-bright, var(--gold-bright)); font-weight: 700; }
.theme-swatch {
    width: 28px; height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.08);
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.theme-name { font-size: 14px; font-family: var(--font-sans); }

.accent { color: var(--accent-bright, var(--gold-bright)); }
.gold   { color: var(--accent-bright, var(--gold-bright)); }

.btn-primary {
    background: var(--accent, var(--gold));
    color: #1a1612;
    box-shadow: 0 6px 18px var(--accent-soft-2, rgba(212,184,120,0.22));
}
.btn-primary:hover { background: var(--accent-bright, var(--gold-bright)); }
.brand-mark {
    background: linear-gradient(135deg, var(--accent, var(--gold)), color-mix(in oklab, var(--accent, var(--gold)) 70%, #000) 70%);
    box-shadow: 0 4px 14px var(--accent-soft-2, rgba(212,184,120,0.25));
}
.tab.is-active, .tab-cta.is-active { color: var(--accent, var(--gold)); }
.brand-name { color: var(--text); }
.section-title { color: var(--accent, var(--gold)); }
.hero-title .accent { color: var(--accent, var(--gold)); }
.input-mono::before { color: var(--accent, var(--gold)); }
.input-mono:focus-within { border-color: var(--accent, var(--gold)); }
.chip:hover { background: var(--accent-soft, var(--gold-soft)); }
.chip.is-active { border-color: var(--accent, var(--gold)); background: var(--accent-soft, var(--gold-soft)); color: var(--accent-bright, var(--gold-bright)); }
.chip.is-active .glyph { color: var(--accent, var(--gold)); }
.stat-label .glyph { color: var(--accent, var(--gold)); }
.icon-btn:hover, .icon-btn:active { color: var(--accent, var(--gold)); background: var(--accent-soft, var(--gold-soft)); }
.list-item:hover .li-action svg { color: var(--accent, var(--gold)); }
.progress-fill { background: linear-gradient(90deg, var(--accent, var(--gold)), var(--accent-bright, var(--gold-bright))); }
.buy-progress-count b { color: var(--accent-bright, var(--gold-bright)); }
.buy-progress-seg.is-done { background: var(--accent, var(--gold)); }
.buy-progress-seg.is-active { background: var(--accent, var(--gold)); box-shadow: 0 0 8px var(--accent-soft, var(--gold-soft)); }
.plan.is-selected { border-color: var(--accent, var(--gold)); background: linear-gradient(180deg, var(--accent-soft, var(--gold-soft)), transparent); }
.plan-price .amt { color: var(--accent-bright, var(--gold-bright)); }
.range-input::-webkit-slider-thumb { background: var(--accent, var(--gold)); box-shadow: 0 0 0 1px var(--accent, var(--gold)); }
.range-input::-moz-range-thumb { background: var(--accent, var(--gold)); box-shadow: 0 0 0 1px var(--accent, var(--gold)); }
.range-row label .v { color: var(--accent-bright, var(--gold-bright)); }
.kv-value.gold, .kv-value.accent { color: var(--accent-bright, var(--gold-bright)); }
.copy-btn:hover { background: var(--accent-soft, var(--gold-soft)); color: var(--accent, var(--gold)); }
.empty .glyph { color: var(--accent, var(--gold)); }
.page-back:hover { color: var(--accent, var(--gold)); }
.brand-mark { color: #1a1612; }

@media (max-width: 380px) {
    .app-shell { padding-left: 12px; padding-right: 12px; }
    .card-body { padding: 14px; }
    .hero-title { font-size: 24px; }
    .stat-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .stat { padding: 12px; }
    .stat-label { font-size: 15px; }
    .stat-value { font-size: 19px; }
    .btn { padding: 11px 16px; font-size: 13px; }
    .tab svg { width: 22px; height: 22px; }
    .tab span { font-size: 11px; }
    .codeblock { font-size: 11px; padding: 10px 12px; max-height: 180px; }
    .copy-btn { font-size: 10px; padding: 3px 8px; }
    .plan { padding: 12px; gap: 10px; }
    .plan-price .amt { font-size: 14px; }
    .list-item { padding: 12px; }
    .list-item .li-title { font-size: 15px; }
    .list-item .li-sub { font-size: 13px; }
}

@media (min-width: 720px) {
    .app-shell { max-width: 760px; }
    .stat-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 900px) {
    .app-shell { max-width: 800px; }
    .tabbar { max-width: 800px; }
    .hero-title { font-size: 32px; }
}

@media (min-width: 1200px) {
    .app-shell { max-width: 960px; }
    .tabbar    { max-width: 960px; }
    .card-body { padding: 22px; }
    .stat       { padding: 16px 18px; }
    .stat-label { font-size: 16px; }
    .stat-value { font-size: 24px; }
    .btn        { font-size: 15px; padding: 13px 22px; }
}

@media (max-width: 520px) {
    .row-spread.gap-sm:has(.btn-block + .btn-block) {
        flex-direction: column;
        align-items: stretch;
    }
    .row-spread.gap-sm > .btn-block { flex: 1 1 auto; width: 100%; }
}

@media (max-width: 520px) {
    .stack-on-mobile { flex-direction: column; align-items: stretch; }
    .stack-on-mobile > .btn-block { width: 100%; flex: 1 1 auto; }
}

.btn, .icon-btn, .tab, .chip, .copy-btn, .theme-tile, .plan, .list-item, .page-back {
    min-height: 40px;
}
.icon-btn { min-width: 40px; }

.row-spread > .btn-block { flex: 1 1 0; }

.form-row input, .form-row textarea, .input-mono input {
    max-width: 100%;
    font-size: 16px; 
}
@media (min-width: 480px) {
    .form-row input, .form-row textarea, .input-mono input { font-size: 14px; }
}

.tabbar {
    box-shadow: 0 -4px 24px rgba(0,0,0,0.4);
}

.codeblock { overflow-wrap: break-word; word-break: break-all; }

.view { min-height: 60vh; }

.action-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 10px;
    max-width: 420px;
}
/* Mobile only: an odd trailing tile spans both columns so it sits centered on its own row
   instead of stranded alone in the first column. Scoped out of the wide layout below,
   where there's room to lay every tile out in one row instead. */
@media (max-width: 639px) {
    .action-grid > *:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
/* Wide/landscape viewports get their own layout instead of a stretched or narrow copy of
   mobile's 2-column-plus-centered arrangement: the grid drops its mobile max-width and
   lays every tile out in one full-width row, since there's room for it. */
@media (min-width: 640px) {
    .action-grid {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        max-width: none;
    }
}
.action-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 14px 8px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    color: var(--text);
    cursor: pointer;
    transition: all 0.16s ease;
    font-family: var(--font-sans);
    min-height: 76px;
    text-align: center;
}
.action-tile:hover:not(:disabled) {
    border-color: var(--border-strong);
    background: var(--accent-soft);
}
.action-tile.is-disabled,
.action-tile:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}
.action-tile.is-danger:hover:not(:disabled) {
    border-color: rgba(229, 115, 115, 0.5);
    background: rgba(229, 115, 115, 0.08);
}
.action-icon { font-size: 22px; line-height: 1; }
.action-label { font-size: 12px; line-height: 1.3; color: var(--text); }

.payment-methods {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
.pay-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    color: var(--text);
    cursor: pointer;
    transition: all 0.16s ease;
    font-family: var(--font-sans);
    width: 100%;
    text-align: start;
}
.pay-card:hover {
    border-color: var(--border-strong);
}
.pay-card.is-selected {
    border-color: var(--accent);
    background: var(--surface-2);
}
.pay-icon {
    font-size: 22px;
    line-height: 1;
    width: 32px;
    text-align: center;
    flex-shrink: 0;
}
.pay-label {
    flex: 1;
    font-size: 14px;
    color: var(--text);
}
.pay-arrow {
    color: var(--accent);
    font-size: 18px;
    opacity: 0.7;
}

.btn-accent {
    background: var(--accent-soft-2);
    color: var(--accent-bright);
    border: 1px solid var(--border-strong);
}
.btn-accent:hover {
    background: var(--accent-soft);
    border-color: var(--accent);
    color: var(--accent-bright);
}

.gap-sm { gap: 8px; }
.gap-md { gap: 12px; }

.ico {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -0.15em;
    flex-shrink: 0;
    color: currentColor;
}
.ico-sm   { width: 0.85em; height: 0.85em; }
.ico-lg   { width: 1.3em;  height: 1.3em;  }
.ico-xl   { width: 1.7em;  height: 1.7em;  }
.ico-xxl  { width: 2.4em;  height: 2.4em;  }

.ico-accent { color: var(--accent); }
.ico-muted  { color: var(--muted); }
.ico-danger { color: #ef4444; }
.ico-warn   { color: #f59e0b; }
.ico-success{ color: #10b981; }

.ico-leading  { margin-inline-end: 6px; }
.ico-trailing { margin-inline-start: 6px; }

.action-tile .ico { font-size: 22px; }
.action-tile .ico-accent { color: var(--accent); }

.pay-card .ico { font-size: 22px; }
.pay-card .ico-accent { color: var(--accent); }

.crypto-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border);
    margin-inline-end: 8px;
    flex-shrink: 0;
}
.crypto-ico .ico {
    width: 22px;
    height: 22px;
}
.crypto-ico .crypto-svg {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.kv-label .ico,
.stat-label .ico {
    color: var(--accent);
    margin-inline-end: 4px;
}

.btn .ico { font-size: 16px; }
.btn-primary .ico { color: inherit; }

.tab .ico { font-size: 23px; }

.glyph .ico { vertical-align: 0; }

svg.ic {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    color: inherit;
    fill: none;
}
svg.ic-accent { color: var(--accent, var(--gold)); }
svg.ic-muted  { color: var(--muted, #708599); opacity: 0.85; }

.kv-label svg.ic,
.stat-label svg.ic,
.section-title svg.ic,
.section-headline svg.ic,
.muted svg.ic {
    margin-inline-start: 0;
    margin-inline-end: 6px;
    color: var(--accent, var(--gold));
    opacity: 0.9;
}

.btn-with-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1;
}
.btn-with-icon svg.ic {
    flex-shrink: 0;
    color: currentColor;
}
.btn-with-icon span {
    line-height: 1.2;
    display: inline-block;
}

.action-tile .action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 10px;
    box-sizing: content-box;
    border-radius: 12px;
    background: var(--accent-soft);
    color: var(--accent, var(--gold));
    margin-bottom: 2px;
    flex-shrink: 0;
}
.action-tile.is-danger .action-icon {
    background: rgba(229, 115, 115, 0.12);
    color: #e57373;
}
.action-tile.is-disabled .action-icon {
    background: var(--surface-3);
    color: var(--muted, #708599);
    opacity: 0.5;
}
.action-tile .action-icon.is-green {
    background: rgba(37, 157, 113, 0.32);
    color: #259d71;
}
.action-tile .action-icon.is-yellow {
    background: rgba(157, 127, 37, 0.32);
    color: #9d7f25;
}
.action-tile .action-icon.is-orange {
    background: rgba(157, 101, 37, 0.32);
    color: #9d6525;
}
.action-tile .action-icon.is-blue {
    background: rgba(37, 97, 157, 0.32);
    color: #25619d;
}
[data-theme="light"] .action-tile .action-icon.is-green {
    background: rgba(31, 132, 95, 0.22);
    color: #1f845f;
}
[data-theme="light"] .action-tile .action-icon.is-yellow {
    background: rgba(157, 122, 0, 0.22);
    color: #9d7a00;
}
[data-theme="light"] .action-tile .action-icon.is-orange {
    background: rgba(132, 85, 31, 0.22);
    color: #84551f;
}
[data-theme="light"] .action-tile .action-icon.is-blue {
    background: rgba(31, 82, 132, 0.22);
    color: #1f5284;
}

.pay-card .pay-icon {
    color: var(--accent, var(--gold));
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pay-card .pay-arrow {
    color: var(--accent, var(--gold));
    display: inline-flex;
    align-items: center;
    transform: rotate(180deg); 
    opacity: 0.6;
}
[dir="rtl"] .pay-card .pay-arrow { transform: rotate(180deg); }

.page-back svg.ic {
    color: currentColor;
    margin-inline-end: 4px;
}

.copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.copy-btn svg.ic { color: currentColor; }

.icon-btn svg { color: currentColor; }

.qr-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
    margin: 8px 0;
    background: transparent;
    border-radius: var(--r-md);
    border: 1px solid var(--border);
}
.qr-block.qr-unavailable {
    flex-direction: row;
    gap: 10px;
    padding: 14px 16px;
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--text-muted);
    text-align: center;
    background: var(--surface);
}
.qr-block.qr-unavailable svg.ico {
    flex: 0 0 auto;
    color: var(--yellow);
}
.qr-img {
    display: block;
    width: 100%;
    max-width: 320px;
    height: auto;
    aspect-ratio: 1 / 1;
    image-rendering: crisp-edges;
    border-radius: calc(var(--r-md) - 4px);
}

.cart-info-card {
    background: transparent;
    border: 0;
    padding-left: 0;
    padding-right: 0;
}
.cart-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 12px 0 4px;
}
.cart-banner h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.callout {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    margin-top: 10px;
    border-radius: var(--r-md);
    background: var(--accent-soft);
    border: 1px solid var(--border-strong);
    font-size: 13px;
    line-height: 1.6;
}
.callout .ico { color: var(--accent); flex-shrink: 0; margin-top: 2px; }

.receipt-upload-zone {
    margin-top: 16px;
    padding: 14px;
    background: var(--surface);
    border: 1px dashed var(--border-strong);
    border-radius: var(--r-md);
}
.receipt-preview-img {
    display: block;
    width: 100%;
    max-width: 360px;
    height: auto;
    margin: 10px auto;
    border-radius: var(--r-md);
    border: 1px solid var(--border-strong);
}
.hidden { display: none !important; }

.dual-card-stack {
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-md);
    overflow: hidden;
}
.dual-card-slot {
    padding: 14px 16px;
    min-width: 0;
}
.dual-card-slot .kv {
    gap: 12px;
    min-width: 0;
}
.dual-card-slot .kv-value {
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}
.dual-card-divider {
    height: 1px;
    background: var(--border-strong);
}
.dual-card-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--accent-bright);
    letter-spacing: 0.4px;
    margin: 0 0 8px;
}



:root{
  color-scheme: dark;
  --bg:#1b1b1d; --bg-soft:#1b1b1d; --surface:#1d1d1e; --surface-2:#232325; --surface-3:#2a2a2d;
  --text:#eef1f7; --text-muted:#aeb4c4; --text-dim:#7b8194;
  --border:rgba(255,255,255,0.12); --border-strong:rgba(255,255,255,0.24);

  --card-shadow: 0 16px 40px rgba(0,0,0,0.45);
  --shadow-sm: 0 8px 20px rgba(0,0,0,0.35);

  --r-sm:14px; --r-md:18px; --r-lg:26px; --r-xl:34px;

  --gold:#7c5cff; --gold-bright:#a98bff;
  --accent:#7c5cff; --accent-bright:#a98bff;
  --accent-ink:#3e2e7f;
  --gold-soft:rgba(124,92,255,0.16); --gold-soft-2:rgba(124,92,255,0.28);
  --accent-soft:rgba(124,92,255,0.16); --accent-soft-2:rgba(124,92,255,0.28);
  --accent-glow:rgba(124,92,255,0.40);

  --on-accent:#14121d;

  --green:#54e39b; --green-soft:rgba(84,227,155,0.16);
}

[data-theme="light"]{
  color-scheme: light;
  --bg:#eef2f8; --bg-soft:#eef2f8; --surface:#ffffff; --surface-2:#ffffff; --surface-3:#f8fafc;
  --text:#191b29; --text-muted:#565b70; --text-dim:#8a8fa3;
  --border:rgba(20,24,55,0.10); --border-strong:rgba(20,24,55,0.18);

  --card-shadow: 0 14px 34px rgba(20,24,55,0.14);
  --shadow-sm: 0 8px 18px rgba(20,24,55,0.10);

  --green:#1f9d57; --green-soft:rgba(34,160,90,0.14);
}

body{
  color:var(--text);
  background:var(--bg);
}

.app-header{ border-bottom:1px solid var(--border); padding-bottom:16px; }
.brand-name{ color:var(--text); letter-spacing:1.2px; }
.brand-mark{
  background:linear-gradient(135deg,var(--accent-bright),var(--accent));
  color:var(--on-accent); border-radius:14px;
  box-shadow:0 8px 22px var(--accent-soft-2), 0 0 20px var(--accent-glow);
}
.icon-btn{
  background:var(--surface-2); border:1px solid var(--border-strong); color:var(--text-muted);
  border-radius:13px;
}
.icon-btn:hover,.icon-btn:active{ color:var(--accent-bright); border-color:var(--accent); background:var(--surface-3); }
[data-theme="light"] .icon-btn:hover{ color:var(--accent-ink); }

.card{
  background:var(--surface);
  border:1px solid var(--border);
}
.empty,.plan,.input-mono,.theme-tile,.btn-ghost,.btn-accent,.pay-card,.action-tile,.list-item,.seg{
  background:var(--surface-2);
  border:1px solid var(--border);
}
.card{ border-radius:var(--r-lg); box-shadow:var(--card-shadow); }
.card-window{ background:var(--surface); }
.card.card-bare{ background:transparent; border:none; box-shadow:none; overflow:visible; }
.card.card-bare:not(.info-card)::before{ display:none; }
.card.card-bare > .card-body{ padding:22px 4px; }
.card-body{ padding:22px; }
.card-section + .card-section{ border-top:1px solid var(--border); }
 
#pay-form-host:not(:empty), #pay-result-host:not(:empty){ display:block; margin-top:14px; }

.info-gauge-track{ stroke:var(--border-strong); }
.info-gauge-fill{ stroke:var(--accent-bright); }
[data-theme="light"] .info-gauge-fill{ stroke:var(--accent); }

.btn{ border-radius:999px; padding:14px 22px; letter-spacing:0.2px; }
.btn-primary{
  background:var(--accent);
  background-image:linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0));
  color:var(--on-accent); border:1px solid transparent;
  box-shadow:none;
}
.btn-primary:hover{ filter:brightness(1.07); }
.btn-ghost{ color:var(--text); }
.btn-ghost:hover{ border-color:var(--border-strong); background:var(--surface-3); }
.btn-accent{ color:var(--accent-bright); background:var(--accent-soft); border:1px solid var(--border-strong); }
[data-theme="light"] .btn-accent{ color:var(--accent-ink); }
.btn-accent:hover{ background:var(--accent-soft-2); border-color:var(--accent); }

.plan{ border-radius:var(--r-md); }
.plan:hover{ border-color:var(--border-strong); }
.plan.is-selected{
  border-color:var(--accent);
  background:var(--surface-2);
  box-shadow:0 0 0 1px var(--accent);
}
.plan-title{ font-size:15px; }
.plan-price .amt{ font-size:17px; color:var(--accent-bright); }
[data-theme="light"] .plan-price .amt{ color:var(--accent-ink); }
.plan-price .unit{ color:var(--text-dim); }

.section-title{ color:var(--accent-bright); }
[data-theme="light"] .section-title{ color:var(--accent-ink); }
.section-headline{ letter-spacing:-0.2px; }

.buy-progress-seg{ background:var(--border-strong, var(--border)); }
.buy-progress-seg.is-done{ background:var(--accent); }
.buy-progress-seg.is-active{ background:var(--accent); box-shadow:0 0 8px var(--accent-soft); }
[data-theme="light"] .buy-progress-count b{ color:var(--accent-ink); }

.badge{ border-radius:999px; background:var(--surface-2); }
.badge.is-active{ color:var(--green); background:var(--green-soft); border-color:var(--border-strong); }
.badge.is-active::before{ background:var(--green); box-shadow:0 0 8px var(--green); }
.badge.is-gold{ background:var(--accent-soft); color:var(--accent-bright); border-color:var(--border-strong); }
[data-theme="light"] .badge.is-gold{ color:var(--accent-ink); }
.badge.is-gold::before{ background:var(--accent); box-shadow:0 0 8px var(--accent); }
.chip{ border-radius:999px; }
.chip:hover{ background:var(--accent-soft); border-color:var(--border-strong); }
.chip.is-active{ border-color:var(--accent); background:var(--accent-soft); color:var(--accent-bright); }
[data-theme="light"] .chip.is-active{ color:var(--accent-ink); }

.input-mono{ border-radius:var(--r-md); padding:13px 16px; }
.input-mono::before{ display:none; }
.input-mono input{ color:var(--text); }
.input-mono:focus-within{ border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.form-row input,.form-row textarea{ background:var(--surface-2); border:1px solid var(--border); border-radius:var(--r-md); }
.form-row input:focus,.form-row textarea:focus{ border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }

.list-item{ border-radius:var(--r-md); }
.list-item:hover{ border-color:var(--border-strong); }
.kv-value.gold,.kv-value.accent{ color:var(--accent-bright); }
[data-theme="light"] .kv-value.gold,[data-theme="light"] .kv-value.accent{ color:var(--accent-ink); }
.progress-fill{ background:linear-gradient(90deg,var(--accent),var(--accent-bright)); }

.empty{ border-radius:var(--r-lg); }
.empty h3{ color:var(--text); }
.empty .glyph{ color:var(--accent-bright); }
[data-theme="light"] .empty .glyph{ color:var(--accent-ink); }

.pay-card{ border-radius:var(--r-md); }
.pay-card.is-selected{ border-color:var(--accent); background:var(--surface-2); box-shadow:0 0 0 1px var(--accent); }
.preset-amount-btn.is-selected,
.preset-amount-custom.is-selected{ border-color:var(--accent); background:var(--surface-2); box-shadow:0 0 0 1px var(--accent); color:var(--text,inherit); }
[data-theme="light"] .preset-amount-btn.is-selected,
[data-theme="light"] .preset-amount-custom.is-selected{ color:var(--accent-ink); }
.action-tile{ border-radius:var(--r-md); }
.action-tile:hover:not(:disabled){ background:var(--accent-soft); border-color:var(--border-strong); }

.seg{ display:flex; gap:6px; padding:6px; border-radius:999px; margin:10px 0 4px; }
.seg-btn{
  flex:1; padding:11px 14px; border-radius:999px; border:1px solid transparent;
  background:transparent; color:var(--text-muted); font-weight:700; font-size:14px;
  font-family:var(--font-sans); cursor:pointer; transition:all .18s ease;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
.seg-btn:hover{ color:var(--text); }
.seg-btn.is-active{
  background:var(--accent);
  color:var(--on-accent); box-shadow:none;
}

.theme-tile{ border-radius:var(--r-md); }
.theme-tile:hover{ border-color:var(--border-strong); }
.theme-tile.is-active{
  border-color:var(--accent);
  background:var(--surface-2);
  box-shadow:0 0 0 1px var(--accent);
}
.theme-tile.is-active .theme-name{ color:var(--accent-bright); }
[data-theme="light"] .theme-tile.is-active .theme-name{ color:var(--accent-ink); }
.theme-name{ color:var(--text); }
.theme-swatch{ width:30px; height:30px; box-shadow:0 2px 10px rgba(0,0,0,0.4); }

.tabbar{
  inset-inline:12px;
  bottom:calc(var(--tg-safe-area-bottom) + 12px);
  padding:8px 8px;
  background:color-mix(in oklab, var(--surface) 22%, transparent);
  border:1px solid color-mix(in oklab, var(--border-strong, var(--border)) 70%, transparent);
  border-radius:26px;
  box-shadow:var(--card-shadow), inset 0 1px 0 color-mix(in oklab, white 18%, transparent);
  /* "Liquid glass": a translucent surface + blurred, saturated backdrop instead of a flat
     opaque bar, plus a faint inner top highlight so it reads as a curved glass surface
     catching light rather than just a dimmed rectangle. backdrop-filter is GPU-composited
     by the browser (not something we animate or recompute per frame), so it stays smooth
     on its own — the one thing that does need care is giving the browser its own
     compositor layer up front via translateZ(0), so scrolling content behind a fixed,
     blurred element doesn't force layout/paint work on every scroll frame just to keep
     the blur in sync.
     Note: background opacity is intentionally low (~22%) so the blur — not the tint —
     is what's doing the work of obscuring content behind the bar; the higher saturation/
     brightness below compensate so labels stay legible against whatever is blurred. */
  backdrop-filter: blur(28px) saturate(1.9) brightness(1.08);
  -webkit-backdrop-filter: blur(28px) saturate(1.9) brightness(1.08);
  transform: translateZ(0);
}
[data-theme="light"] .tabbar{
  box-shadow:0 14px 34px rgba(20,24,55,0.14), inset 0 1px 0 rgba(255,255,255,0.6);
  background:color-mix(in oklab, var(--surface) 30%, transparent);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  /* No backdrop-filter support (older WebViews): fall back to the original solid bar
     rather than a half-transparent one nothing is blurring. */
  .tabbar{ background:var(--surface); }
}

.tab{ position:relative; color:var(--text-dim); border-radius:18px; }
.tab.is-active{ color:var(--accent-bright); }
[data-theme="light"] .tab.is-active{ color:var(--accent-ink); }
.tab.is-active::before{
  content:""; position:absolute; top:4px; left:50%; transform:translateX(-50%);
  width:24px; height:3px; border-radius:999px; background:var(--accent);
  box-shadow:0 0 10px var(--accent);
}

[data-color="purple"] .btn-primary,
[data-color="purple"] .brand-mark,
[data-color="purple"] .seg-btn.is-active{ color:#ffffff; }

.card{ position:relative; }
.card:not(.info-card):not(.card-window):not(.card-bare)::before{ content:""; position:absolute; inset:0 0 auto 0; height:130px; pointer-events:none; border-radius:inherit; background:radial-gradient(120% 100% at 72% 0%, var(--accent-soft-2), transparent 72%); }
/* Service info cards want a flat, even surface: no accent veil on their host card,
   and no large drop shadow bleeding a dark halo onto the page around it. */
.card:has(> .info-card)::before{ display:none; content:none; }
.card:has(> .info-card){ box-shadow:none; }
.card-bare > .card-window{ box-shadow:none; }
.card-body{ position:relative; }
.btn{ border-radius:16px; }
.btn-primary{ min-height:54px; }
.btn-accent, .btn-ghost{ min-height:56px; justify-content:flex-start; gap:12px; padding:12px 14px; color:var(--text); border:1px solid var(--border); border-radius:16px; box-shadow:none; }
.btn-accent:hover, .btn-ghost:hover{ border-color:var(--border-strong); background:var(--surface-3); }
.btn-accent > .ico-leading, .btn-ghost > .ico-leading{ width:36px; height:36px; padding:8px; box-sizing:border-box; margin-inline-end:12px; border-radius:11px; color:#f3f6ff; background:var(--accent); border:1px solid var(--border-strong); box-shadow:none; }
.tab{ border-radius:16px; }
.tab.is-active{ background:var(--accent); color:var(--on-accent); box-shadow:none; }
.tab.is-active span{ color:var(--on-accent); }
.tab.is-active::before{ display:none; }
.plan, .pay-card, .list-item, .theme-tile, .action-tile{ border:1px solid var(--border); border-radius:16px; box-shadow:none; }
.form-row input, .form-row textarea, .input-mono{ border:1px solid var(--border); border-radius:14px; }
.form-row input:focus, .form-row textarea:focus, .input-mono:focus-within{ border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.kv-value.accent, .kv-value.gold{ text-shadow:0 0 14px var(--accent-glow); }
@keyframes viewRise{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.view > *{ animation:viewRise .5s cubic-bezier(.2,.7,.2,1) both; }
.view > *:nth-child(1){ animation-delay:.02s; }
.view > *:nth-child(2){ animation-delay:.08s; }
.view > *:nth-child(3){ animation-delay:.14s; }
.view > *:nth-child(4){ animation-delay:.20s; }
.view > *:nth-child(5){ animation-delay:.26s; }
.view > *:nth-child(6){ animation-delay:.32s; }
.view > *:nth-child(n+7){ animation-delay:.36s; }
.btn, .icon-btn, .chip, .pay-card, .plan, .action-tile, .list-item, .theme-tile, .tab, .seg-btn{ transition:background-color .15s ease, border-color .15s ease, color .15s ease; }
.btn:focus-visible, .icon-btn:focus-visible, .tab:focus-visible, .chip:focus-visible{ outline:none; box-shadow:0 0 0 3px var(--accent-soft); }
.badge.is-active::before{ background:var(--green); }
@media (prefers-reduced-motion: reduce){ .view > *{ animation:none; } #action-panel-host > *{ animation:none; } }
/* Clears the floating pill .tabbar (~72px tall) plus the 12px gap it floats above the
   viewport edge, with extra margin so the last list item never touches it. This was
   previously three separate, conflicting values (92/100/104px) left over from different
   editor sessions after the tabbar became a floating pill instead of an edge-to-edge bar;
   consolidated here as the one value actually derived from the tabbar's real dimensions. */
.app-shell{ padding-bottom:calc(var(--tg-safe-area-bottom) + 116px); }
#action-panel-host > *{ position:relative; margin-top:14px; padding:8px; border:1px solid var(--border-strong); border-radius:18px; background:color-mix(in oklab, var(--accent) 12%, var(--surface-2)); box-shadow:var(--card-shadow); }
#action-panel-host .empty{ background:transparent; border:none; box-shadow:none; padding:20px 16px; }
/* While the success dialog is open, drop the filled viewRise animation on the ancestor
   card: an ancestor with a (filled) transform/opacity animation becomes a backdrop root
   and fixed-position containing block, which silently disables the dialog's
   backdrop-filter — the page behind stayed sharp while the tabbar (no animated
   ancestor) blurred fine. The animation finished long before the dialog can open, so
   removing it causes no visible change to the card itself. */
.view > *:has(#action-panel-host .ico-success){ animation:none; }
#action-panel-host:has(.ico-success){ position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; padding:20px; }
/* No dark scrim: any tint here sits inside the dialog's backdrop, so the glass ends up
   blurring a dark sheet instead of the page — which reads as a flat grey slab, not
   frosted glass. The pseudo-element stays (fully transparent) purely as a click-catcher
   over the page; the blur itself provides the modal separation. */
#action-panel-host:has(.ico-success)::before{ content:""; position:fixed; inset:0; background:transparent; }
#action-panel-host:has(.ico-success) > *{
  margin-top:0; width:100%; max-width:440px; max-height:84vh; overflow:auto; -webkit-overflow-scrolling:touch;
  /* Match the tabbar's *effective* glass exactly — this build overrides #app > nav.tabbar
     to 35% surface + blur(8px) (see the editor-override block near the end of this file),
     not the default 22%/28px material. A moderate 8px blur keeps shapes behind the panel
     recognizably frosted; 28px smeared the backdrop into a uniform tone that looked like
     an opaque grey layer instead of blur. Keep these values in sync with that override. */
  background:color-mix(in oklab, var(--surface) 35%, transparent);
  border:1px solid color-mix(in oklab, var(--border-strong, var(--border)) 70%, transparent);
  box-shadow:var(--card-shadow), inset 0 1px 0 color-mix(in oklab, white 18%, transparent);
  backdrop-filter: blur(8px) saturate(1.9) brightness(1.08);
  -webkit-backdrop-filter: blur(8px) saturate(1.9) brightness(1.08);
  transform: translateZ(0);
}
[data-theme="light"] #action-panel-host:has(.ico-success) > *{
  background:color-mix(in oklab, var(--surface) 35%, transparent);
  box-shadow:0 14px 34px rgba(20,24,55,0.14), inset 0 1px 0 rgba(255,255,255,0.6);
}
/* Inner surfaces inside the glass dialog: their default opaque var(--surface)/
   var(--surface-2) fills covered most of the panel and read as a solid dark slab.
   Translucent tints let the panel's blurred backdrop show through, so the whole
   dialog reads as one glass sheet like .notice-banner. (No backdrop-filter here —
   the parent's backdrop-filter makes it a backdrop root, so a nested one could
   only blur the panel itself; a tint over the already-blurred glass is enough.) */
#action-panel-host:has(.ico-success) .sub-link-box,
#action-panel-host:has(.ico-success) .btn-ghost{
  background:color-mix(in oklab, var(--surface-2) 45%, transparent);
  border-color:color-mix(in oklab, var(--border-strong) 60%, transparent);
}
#action-panel-host:has(.ico-success) .btn-ghost:hover{
  background:color-mix(in oklab, var(--surface-3) 60%, transparent);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #action-panel-host:has(.ico-success) .sub-link-box,
  #action-panel-host:has(.ico-success) .btn-ghost{ background:var(--surface); }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  /* No backdrop-filter support (older WebViews): fall back to a solid panel rather than
     a half-transparent one nothing is blurring. */
  #action-panel-host:has(.ico-success) > *{ background:var(--surface-2); }
}
.form-row input, .form-row textarea, .input-mono{ transition: border-color .15s ease, box-shadow .15s ease; }
.form-row input:focus, .form-row textarea:focus, .input-mono:focus{ box-shadow: 0 0 0 3px var(--accent-soft, rgba(124,92,255,0.14)); }
.action-grid > *{ animation: fxRise .5s cubic-bezier(.16,1,.3,1) both; }
.action-grid > *:nth-child(1){ animation-delay:.03s; }
.action-grid > *:nth-child(2){ animation-delay:.07s; }
.action-grid > *:nth-child(3){ animation-delay:.11s; }
.action-grid > *:nth-child(4){ animation-delay:.15s; }
.action-grid > *:nth-child(5){ animation-delay:.19s; }
.action-grid > *:nth-child(n+6){ animation-delay:.23s; }
@keyframes fxRise{ from{ opacity:0; transform:translateY(12px) scale(.98); } to{ opacity:1; transform:none; } }
.list-item{ animation: fxRise .5s cubic-bezier(.16,1,.3,1) both; }
.list-item:nth-child(1){ animation-delay:.03s; }
.list-item:nth-child(2){ animation-delay:.08s; }
.list-item:nth-child(3){ animation-delay:.13s; }
.list-item:nth-child(4){ animation-delay:.18s; }
.list-item:nth-child(n+5){ animation-delay:.22s; }
@media (prefers-reduced-motion: reduce){
  .action-grid > *, .list-item{ animation:none !important; }
}
a, button, .btn, .action-tile, .list-item, .plan, .pay-card, .theme-tile, .chip, .icon-btn, .tab, .tab-cta, .tabbar, .brand-mark, .badge, [role="button"]{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
img, svg{ -webkit-touch-callout: none; -webkit-user-drag: none; }
a[data-fx-route]{ cursor: pointer; }
input, textarea, [contenteditable="true"], .selectable, .selectable *{ -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }


#action-panel-host:not(:empty) { margin-top: 16px; }
#renew-confirm-host:not(:empty),
#renew-pay-host:not(:empty),
#extra-pay-host:not(:empty) { margin-top: 14px; }
.plan + .plan { margin-top: 10px; }

.app-header--center{ justify-content:center; }

.home-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.home-greeting{ margin:0; font-size:14px; color:var(--text-dim); }
.home-username{ margin:4px 0 0; font-size:18px; font-weight:700; color:var(--text); }

.header-actions{ display:flex; align-items:center; gap:6px; }
.header-actions .brand-mark{ width:36px; height:36px; }
.header-actions .brand-title{
  font-size:14px;
  font-weight:700;
  color:var(--text);
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.header-actions .brand-title[hidden]{ display:none; }
#notif-bell-btn{ position:relative; }
.bell-dot{
  position:absolute; top:8px; left:8px; width:8px; height:8px; border-radius:50%;
  background:#e57373; box-shadow:0 0 0 2px var(--surface);
}


.wallet-hero{
  border-radius:var(--r-xl); padding:22px; margin-bottom:16px; position:relative; overflow:hidden;
  background:linear-gradient(135deg,var(--accent-bright),var(--accent));
  color:var(--on-accent);
}
.wallet-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(160% 120% at 100% 0%, rgba(255,255,255,0.16), transparent 60%);
}
.wallet-hero-top{ display:flex; align-items:center; gap:10px; font-size:16px; font-weight:600; opacity:0.9; position:relative; }
.wallet-hero-top .dot-online{ width:8px; height:8px; border-radius:50%; background:#54e39b; margin-inline-start:auto; }
.wallet-hero-amount{ font-size:32px; font-weight:800; margin:14px 0 18px; position:relative; }
.wallet-hero-actions{ display:flex; gap:10px; position:relative; }
.wallet-hero-btn-primary, .wallet-hero-btn-ghost{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 18px; border-radius:999px; font-weight:700; font-size:15px; flex:1;
  text-decoration:none; border:1px solid transparent;
}
.wallet-hero-btn-primary{ background:#fff; color:var(--accent-ink); }
.wallet-hero-btn-ghost{ background:rgba(255,255,255,0.16); color:var(--on-accent); border-color:rgba(255,255,255,0.3); }

.section-header-row{ display:flex; align-items:center; justify-content:space-between; }
.section-link{ font-size:12px; color:var(--accent-bright); text-decoration:none; }
[data-theme="light"] .section-link{ color:var(--accent-ink); }

.notice-banner{
  position:fixed; top:calc(var(--tg-safe-area-top) + 12px); inset-inline:12px; z-index:1300;
  max-width:480px; margin:0 auto; padding:16px; border-radius:var(--r-lg);
  border:1px solid color-mix(in oklab, var(--border-strong) 70%, transparent);
  display:flex; gap:12px; align-items:flex-start;
  /* Same "liquid glass" treatment as .tabbar/.toast/.notice-recent-panel — identical
     opacity/blur/saturate/brightness values for one consistent glass material across
     every floating surface in the app. */
  background:color-mix(in oklab, var(--surface) 22%, transparent);
  box-shadow:var(--card-shadow), inset 0 1px 0 color-mix(in oklab, white 18%, transparent);
  backdrop-filter: blur(28px) saturate(1.9) brightness(1.08);
  -webkit-backdrop-filter: blur(28px) saturate(1.9) brightness(1.08);
  transform: translateZ(0);
}
[data-theme="light"] .notice-banner{
  background:color-mix(in oklab, var(--surface) 30%, transparent);
  box-shadow:var(--card-shadow), inset 0 1px 0 rgba(255,255,255,0.6);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .notice-banner{ background:var(--surface); }
}
.notice-banner-icon{ color:var(--accent-bright); flex-shrink:0; }
.notice-banner-body{ flex:1; min-width:0; font-size:13px; line-height:1.7; color:var(--text); white-space:pre-wrap; }
.notice-banner-close{ flex-shrink:0; background:transparent; border:none; color:var(--text-dim); cursor:pointer; padding:4px; }

.notice-overlay{
  position:fixed; inset:0; z-index:1300; display:flex; align-items:flex-start; justify-content:center;
  padding:calc(var(--tg-safe-area-top) + 12px) 12px 12px;
  background:rgba(4,4,10,0.55);
}
.notice-recent-panel{
  width:100%; max-width:480px; max-height:min(70vh, 560px); display:flex; flex-direction:column;
  border-radius:var(--r-lg); border:1px solid color-mix(in oklab, var(--border-strong) 70%, transparent);
  overflow:hidden;
  /* Same "liquid glass" treatment as .tabbar/.toast — identical opacity/blur/saturate/
     brightness values for a consistent glass material across the app's floating surfaces. */
  background:color-mix(in oklab, var(--surface) 22%, transparent);
  box-shadow:var(--card-shadow), inset 0 1px 0 color-mix(in oklab, white 18%, transparent);
  backdrop-filter: blur(28px) saturate(1.9) brightness(1.08);
  -webkit-backdrop-filter: blur(28px) saturate(1.9) brightness(1.08);
  transform: translateZ(0);
}
[data-theme="light"] .notice-recent-panel{
  background:color-mix(in oklab, var(--surface) 30%, transparent);
  box-shadow:var(--card-shadow), inset 0 1px 0 rgba(255,255,255,0.6);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .notice-recent-panel{ background:var(--surface); }
}
.notice-recent-head{
  display:flex; align-items:center; justify-content:space-between; padding:14px 16px;
  border-bottom:1px solid var(--border); font-size:14px; font-weight:700; color:var(--text);
}
.notice-recent-list{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:8px; }
.notice-list-item{
  position:relative; display:flex; gap:10px; align-items:flex-start; padding:12px 10px;
  border-radius:var(--r-md);
}
.notice-list-item + .notice-list-item{ border-top:1px solid var(--border); }
.notice-list-item.is-unseen{ background:var(--accent-soft); }
.notice-list-icon{ color:var(--accent-bright); flex-shrink:0; margin-top:2px; }
.notice-list-body{ flex:1; min-width:0; }
.notice-list-text{ font-size:13px; line-height:1.7; color:var(--text); white-space:pre-wrap; }
.notice-list-time{ margin-top:4px; font-size:11px; color:var(--text-dim); direction:rtl; text-align:right; unicode-bidi:isolate; }
.notice-list-dot{
  flex-shrink:0; width:8px; height:8px; border-radius:50%; margin-top:6px;
  background:#e57373; box-shadow:0 0 0 2px var(--surface);
}

.notif-delete-btn{
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  width:36px; height:36px; padding:0; border-radius:11px;
  background:var(--red-soft); border:1px solid transparent; color:var(--red);
  cursor:pointer; transition:background-color .15s ease, border-color .15s ease;
}
.notif-delete-btn .ico{ width:18px; height:18px; }
.notif-delete-btn:hover{ background:rgba(217,112,112,0.24); border-color:rgba(217,112,112,0.35); }
.notif-delete-btn:active{ background:rgba(217,112,112,0.32); }
.notif-delete-btn:disabled{ opacity:0.5; cursor:not-allowed; }

/* Services page — bare layout header + integrated search */
.list-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.list-head .section-title { margin: 0; }
.list-count {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-muted);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 4px 12px;
    white-space: nowrap;
}
.search-field {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-md, 14px);
    padding: 12px 14px;
    cursor: text;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.search-field:focus-within {
    border-color: var(--accent, var(--gold));
    box-shadow: 0 0 0 3px var(--accent-soft, rgba(124,92,255,0.14));
}
.search-field .search-field-ico {
    flex: none;
    color: var(--text-muted);
}
.search-field:focus-within .search-field-ico {
    color: var(--accent, var(--gold));
}
.search-field input {
    flex: 1;
    min-width: 0;
    background: none;
    border: none;
    outline: none;
    color: var(--text);
    font: inherit;
}
.search-field input::placeholder { color: var(--text-muted); }
.search-field-clear {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--bg-soft);
    color: var(--text-muted);
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease;
}
.search-field-clear:hover {
    color: var(--text);
    background: var(--accent-soft, rgba(124,92,255,0.14));
}

/* FX-EDIT-OVERRIDES-START — do not hand-edit this block */
#view > div.section-header-row.mt-md:nth-of-type(5) > a.section-link {
    font-size: 15px;
    position: relative;
    top: 4px;
    left: 8px;
}

#view > div.section-header-row.mt-md:nth-of-type(5) > p.section-title {
    font-size: 14px;
    position: relative;
    top: 0px;
    left: 0px;
}

#home-pending-host > div.pending-banner > div.pending-banner-head:nth-of-type(1) > svg.ico.ico-leading {
    background-image: none;
    background-color: #ffbb50;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+PHBhdGggZD0iTTI0LDEyYTEsMSwwLDAsMS0yLDBBMTAuMDExLDEwLjAxMSwwLDAsMCwxMiwyYTEsMSwwLDAsMSwwLTJBMTIuMDEzLDEyLjAxMywwLDAsMSwyNCwxMlptLTgsMWExLDEsMCwwLDAsMC0ySDEzLjcyM0EyLDIsMCwwLDAsMTMsMTAuMjc3VjdhMSwxLDAsMCwwLTIsMHYzLjI3N0ExLjk5NCwxLjk5NCwwLDEsMCwxMy43MjMsMTNaTTEuODI3LDYuNzg0YTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDEuODI3LDYuNzg0Wk0yLDEyYTEsMSwwLDEsMC0xLDFBMSwxLDAsMCwwLDIsMTJaTTEyLDIyYTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDEyLDIyWk00LjIyMSwzLjIwN2ExLDEsMCwxLDAsMSwxQTEsMSwwLDAsMCw0LjIyMSwzLjIwN1pNNy43NzkuODQxYTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDcuNzc5Ljg0MVpNMS44MjcsMTUuMjE2YTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDEuODI3LDE1LjIxNlptMi4zOTQsMy41NzdhMSwxLDAsMSwwLDEsMUExLDEsMCwwLDAsNC4yMjEsMTguNzkzWm0zLjU1OCwyLjM2NmExLDEsMCwxLDAsMSwxQTEsMSwwLDAsMCw3Ljc3OSwyMS4xNTlabTE0LjM5NC01Ljk0M2ExLDEsMCwxLDAsMSwxQTEsMSwwLDAsMCwyMi4xNzMsMTUuMjE2Wm0tMi4zOTQsMy41NzdhMSwxLDAsMSwwLDEsMUExLDEsMCwwLDAsMTkuNzc5LDE4Ljc5M1ptLTMuNTU4LDIuMzY2YTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDE2LjIyMSwyMS4xNTlaIi8+PC9nPjwvc3ZnPg==');
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+PHBhdGggZD0iTTI0LDEyYTEsMSwwLDAsMS0yLDBBMTAuMDExLDEwLjAxMSwwLDAsMCwxMiwyYTEsMSwwLDAsMSwwLTJBMTIuMDEzLDEyLjAxMywwLDAsMSwyNCwxMlptLTgsMWExLDEsMCwwLDAsMC0ySDEzLjcyM0EyLDIsMCwwLDAsMTMsMTAuMjc3VjdhMSwxLDAsMCwwLTIsMHYzLjI3N0ExLjk5NCwxLjk5NCwwLDEsMCwxMy43MjMsMTNaTTEuODI3LDYuNzg0YTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDEuODI3LDYuNzg0Wk0yLDEyYTEsMSwwLDEsMC0xLDFBMSwxLDAsMCwwLDIsMTJaTTEyLDIyYTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDEyLDIyWk00LjIyMSwzLjIwN2ExLDEsMCwxLDAsMSwxQTEsMSwwLDAsMCw0LjIyMSwzLjIwN1pNNy43NzkuODQxYTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDcuNzc5Ljg0MVpNMS44MjcsMTUuMjE2YTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDEuODI3LDE1LjIxNlptMi4zOTQsMy41NzdhMSwxLDAsMSwwLDEsMUExLDEsMCwwLDAsNC4yMjEsMTguNzkzWm0zLjU1OCwyLjM2NmExLDEsMCwxLDAsMSwxQTEsMSwwLDAsMCw3Ljc3OSwyMS4xNTlabTE0LjM5NC01Ljk0M2ExLDEsMCwxLDAsMSwxQTEsMSwwLDAsMCwyMi4xNzMsMTUuMjE2Wm0tMi4zOTQsMy41NzdhMSwxLDAsMSwwLDEsMUExLDEsMCwwLDAsMTkuNzc5LDE4Ljc5M1ptLTMuNTU4LDIuMzY2YTEsMSwwLDEsMCwxLDFBMSwxLDAsMCwwLDE2LjIyMSwyMS4xNTlaIi8+PC9nPjwvc3ZnPg==');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    box-sizing: content-box;
    mask-origin: content-box;
    -webkit-mask-origin: content-box;
    padding: 0px;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

#home-pending-host > div.pending-banner > div.pending-banner-head:nth-of-type(1) > svg.ico.ico-leading > * {
    visibility: hidden;
}

#wallet-hero > div.wallet-hero-top:nth-of-type(1) > svg.ico {
    background-image: none;
    background-color: #ffffff;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik02IDhIMTAiIHN0cm9rZT0iIzFDMjc0QyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjAuODMzMyA5SDE4LjIzMDhDMTYuNDQ2NSA5IDE1IDEwLjM0MzEgMTUgMTJDMTUgMTMuNjU2OSAxNi40NDY1IDE1IDE4LjIzMDggMTVIMjAuODMzM0MyMC45MTY3IDE1IDIwLjk1ODMgMTUgMjAuOTkzNSAxNC45OTc5QzIxLjUzMjggMTQuOTY1IDIxLjk2MjMgMTQuNTY2MiAyMS45OTc3IDE0LjA2NTRDMjIgMTQuMDMyNyAyMiAxMy45OTQgMjIgMTMuOTE2N1YxMC4wODMzQzIyIDEwLjAwNiAyMiA5Ljk2NzI2IDIxLjk5NzcgOS45MzQ2QzIxLjk2MjMgOS40MzM4NCAyMS41MzI4IDkuMDM0OTYgMjAuOTkzNSA5LjAwMjE0QzIwLjk1ODMgOSAyMC45MTY3IDkgMjAuODMzMyA5WiIgc3Ryb2tlPSIjMUMyNzRDIiBzdHJva2Utd2lkdGg9IjEuNSIvPiA8cGF0aCBkPSJNMjAuOTY1IDlDMjAuODg3MyA3LjEyNzcgMjAuNjM2NiA1Ljk3OTc1IDE5LjgyODQgNS4xNzE1N0MxOC42NTY5IDQgMTYuNzcxMiA0IDEzIDRMMTAgNEM2LjIyODc2IDQgNC4zNDMxNSA0IDMuMTcxNTcgNS4xNzE1N0MyIDYuMzQzMTUgMiA4LjIyODc2IDIgMTJDMiAxNS43NzEyIDIgMTcuNjU2OSAzLjE3MTU3IDE4LjgyODRDNC4zNDMxNSAyMCA2LjIyODc2IDIwIDEwIDIwSDEzQzE2Ljc3MTIgMjAgMTguNjU2OSAyMCAxOS44Mjg0IDE4LjgyODRDMjAuNjM2NiAxOC4wMjAzIDIwLjg4NzMgMTYuODcyMyAyMC45NjUgMTUiIHN0cm9rZT0iIzFDMjc0QyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4gPHBhdGggZD0iTTE3Ljk5MTIgMTJIMTguMDAwMiIgc3Ryb2tlPSIjMUMyNzRDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+PC9zdmc+');
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik02IDhIMTAiIHN0cm9rZT0iIzFDMjc0QyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjAuODMzMyA5SDE4LjIzMDhDMTYuNDQ2NSA5IDE1IDEwLjM0MzEgMTUgMTJDMTUgMTMuNjU2OSAxNi40NDY1IDE1IDE4LjIzMDggMTVIMjAuODMzM0MyMC45MTY3IDE1IDIwLjk1ODMgMTUgMjAuOTkzNSAxNC45OTc5QzIxLjUzMjggMTQuOTY1IDIxLjk2MjMgMTQuNTY2MiAyMS45OTc3IDE0LjA2NTRDMjIgMTQuMDMyNyAyMiAxMy45OTQgMjIgMTMuOTE2N1YxMC4wODMzQzIyIDEwLjAwNiAyMiA5Ljk2NzI2IDIxLjk5NzcgOS45MzQ2QzIxLjk2MjMgOS40MzM4NCAyMS41MzI4IDkuMDM0OTYgMjAuOTkzNSA5LjAwMjE0QzIwLjk1ODMgOSAyMC45MTY3IDkgMjAuODMzMyA5WiIgc3Ryb2tlPSIjMUMyNzRDIiBzdHJva2Utd2lkdGg9IjEuNSIvPiA8cGF0aCBkPSJNMjAuOTY1IDlDMjAuODg3MyA3LjEyNzcgMjAuNjM2NiA1Ljk3OTc1IDE5LjgyODQgNS4xNzE1N0MxOC42NTY5IDQgMTYuNzcxMiA0IDEzIDRMMTAgNEM2LjIyODc2IDQgNC4zNDMxNSA0IDMuMTcxNTcgNS4xNzE1N0MyIDYuMzQzMTUgMiA4LjIyODc2IDIgMTJDMiAxNS43NzEyIDIgMTcuNjU2OSAzLjE3MTU3IDE4LjgyODRDNC4zNDMxNSAyMCA2LjIyODc2IDIwIDEwIDIwSDEzQzE2Ljc3MTIgMjAgMTguNjU2OSAyMCAxOS44Mjg0IDE4LjgyODRDMjAuNjM2NiAxOC4wMjAzIDIwLjg4NzMgMTYuODcyMyAyMC45NjUgMTUiIHN0cm9rZT0iIzFDMjc0QyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4gPHBhdGggZD0iTTE3Ljk5MTIgMTJIMTguMDAwMiIgc3Ryb2tlPSIjMUMyNzRDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+PC9zdmc+');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    box-sizing: content-box;
    mask-origin: content-box;
    -webkit-mask-origin: content-box;
    padding: 0px;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

#wallet-hero > div.wallet-hero-top:nth-of-type(1) > svg.ico > * {
    visibility: hidden;
}

#wallet-hero > div.wallet-hero-actions:nth-of-type(3) > a.wallet-hero-btn-primary:nth-of-type(1) > svg.ico {
    background-image: none;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwMDAwMCI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+ICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIj4gPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2Ni4wMDAwMDAsIC0xMDg5LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPiA8cGF0aCBkPSJNNDg4LDExMDYgTDQ4MywxMTA2IEw0ODMsMTExMSBDNDgzLDExMTEuNTUgNDgyLjU1MywxMTEyIDQ4MiwxMTEyIEM0ODEuNDQ3LDExMTIgNDgxLDExMTEuNTUgNDgxLDExMTEgTDQ4MSwxMTA2IEw0NzYsMTEwNiBDNDc1LjQ0NywxMTA2IDQ3NSwxMTA1LjU1IDQ3NSwxMTA1IEM0NzUsMTEwNC40NSA0NzUuNDQ3LDExMDQgNDc2LDExMDQgTDQ4MSwxMTA0IEw0ODEsMTA5OSBDNDgxLDEwOTguNDUgNDgxLjQ0NywxMDk4IDQ4MiwxMDk4IEM0ODIuNTUzLDEwOTggNDgzLDEwOTguNDUgNDgzLDEwOTkgTDQ4MywxMTA0IEw0ODgsMTEwNCBDNDg4LjU1MywxMTA0IDQ4OSwxMTA0LjQ1IDQ4OSwxMTA1IEM0ODksMTEwNS41NSA0ODguNTUzLDExMDYgNDg4LDExMDYgTDQ4OCwxMTA2IFogTTQ4MiwxMDg5IEM0NzMuMTYzLDEwODkgNDY2LDEwOTYuMTYgNDY2LDExMDUgQzQ2NiwxMTEzLjg0IDQ3My4xNjMsMTEyMSA0ODIsMTEyMSBDNDkwLjgzNywxMTIxIDQ5OCwxMTEzLjg0IDQ5OCwxMTA1IEM0OTgsMTA5Ni4xNiA0OTAuODM3LDEwODkgNDgyLDEwODkgTDQ4MiwxMDg5IFoiPiA8L3BhdGg+IDwvZz4gPC9nPiA8L2c+PC9zdmc+');
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwMDAwMCI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+ICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIj4gPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2Ni4wMDAwMDAsIC0xMDg5LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPiA8cGF0aCBkPSJNNDg4LDExMDYgTDQ4MywxMTA2IEw0ODMsMTExMSBDNDgzLDExMTEuNTUgNDgyLjU1MywxMTEyIDQ4MiwxMTEyIEM0ODEuNDQ3LDExMTIgNDgxLDExMTEuNTUgNDgxLDExMTEgTDQ4MSwxMTA2IEw0NzYsMTEwNiBDNDc1LjQ0NywxMTA2IDQ3NSwxMTA1LjU1IDQ3NSwxMTA1IEM0NzUsMTEwNC40NSA0NzUuNDQ3LDExMDQgNDc2LDExMDQgTDQ4MSwxMTA0IEw0ODEsMTA5OSBDNDgxLDEwOTguNDUgNDgxLjQ0NywxMDk4IDQ4MiwxMDk4IEM0ODIuNTUzLDEwOTggNDgzLDEwOTguNDUgNDgzLDEwOTkgTDQ4MywxMTA0IEw0ODgsMTEwNCBDNDg4LjU1MywxMTA0IDQ4OSwxMTA0LjQ1IDQ4OSwxMTA1IEM0ODksMTEwNS41NSA0ODguNTUzLDExMDYgNDg4LDExMDYgTDQ4OCwxMTA2IFogTTQ4MiwxMDg5IEM0NzMuMTYzLDEwODkgNDY2LDEwOTYuMTYgNDY2LDExMDUgQzQ2NiwxMTEzLjg0IDQ3My4xNjMsMTEyMSA0ODIsMTEyMSBDNDkwLjgzNywxMTIxIDQ5OCwxMTEzLjg0IDQ5OCwxMTA1IEM0OTgsMTA5Ni4xNiA0OTAuODM3LDEwODkgNDgyLDEwODkgTDQ4MiwxMDg5IFoiPiA8L3BhdGg+IDwvZz4gPC9nPiA8L2c+PC9zdmc+');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    box-sizing: content-box;
    mask-origin: content-box;
    -webkit-mask-origin: content-box;
    color: var(--accent);
    width: 16px;
    height: 16px;
    font-size: 16px;
    background-color: #000000;
    padding: 0.45em;
    border-radius: 12px;
}

#wallet-hero > div.wallet-hero-actions:nth-of-type(3) > a.wallet-hero-btn-primary:nth-of-type(1) > svg.ico > * {
    visibility: hidden;
}

#wallet-hero > div.wallet-hero-actions:nth-of-type(3) > a.wallet-hero-btn-primary:nth-of-type(1) > svg.ico > path {
    color: var(--accent);
}

#wallet-hero > div.wallet-hero-actions:nth-of-type(3) > a.wallet-hero-btn-ghost:nth-of-type(2) > svg.ico {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

#view > div.action-grid.mt-md:nth-of-type(4) > a.action-tile:nth-of-type(1) > svg.ico.ico-xl {
    color: rgb(60, 246, 60);
    background-color: rgba(60, 246, 60, 0.32);
    border-radius: 12px;
}

#view > div.action-grid.mt-md:nth-of-type(4) > a.action-tile:nth-of-type(2) > svg.ico.ico-xl {
    color: rgb(246, 221, 60);
    background-color: rgba(246, 221, 60, 0.32);
    border-radius: 12px;
}

#view > div.action-grid.mt-md:nth-of-type(4) > a.action-tile:nth-of-type(3) > svg.ico.ico-xl {
    color: rgb(246, 113, 60);
    background-color: rgba(246, 113, 60, 0.32);
    border-radius: 12px;
}

#view > div.action-grid.mt-md:nth-of-type(4) > a.action-tile:nth-of-type(4) > svg.ico.ico-xl {
    color: rgb(60, 88, 246);
    background-color: rgba(60, 88, 246, 0.32);
    border-radius: 12px;
}

#view > div.section-header-row.mt-md:nth-of-type(5) > p.section-title > svg.ico {
    width: 22px;
    height: 22px;
    font-size: 22px;
    position: relative;
    top: 4px;
    left: 0px;
    color: var(--accent);
    background-image: none;
    background-color: var(--accent);
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iIzAwMDAwMCI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+ICA8Zz4gPGc+IDxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNNDQsMTZINGEyLDIsMCwwLDAtMiwyVjMwYTIsMiwwLDAsMCwyLDJINDRhMiwyLDAsMCwwLDItMlYxOEEyLDIsMCwwLDAsNDQsMTZaTTMyLDI2YTIsMiwwLDEsMSwyLTJBMiwyLDAsMCwxLDMyLDI2Wm02LDBhMiwyLDAsMSwxLDItMkEyLDIsMCwwLDEsMzgsMjZaIi8+IDwvZz4gPC9nPiA8L2c+PC9zdmc+');
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iIzAwMDAwMCI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+ICA8Zz4gPGc+IDxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNNDQsMTZINGEyLDIsMCwwLDAtMiwyVjMwYTIsMiwwLDAsMCwyLDJINDRhMiwyLDAsMCwwLDItMlYxOEEyLDIsMCwwLDAsNDQsMTZaTTMyLDI2YTIsMiwwLDEsMSwyLTJBMiwyLDAsMCwxLDMyLDI2Wm02LDBhMiwyLDAsMSwxLDItMkEyLDIsMCwwLDEsMzgsMjZaIi8+IDwvZz4gPC9nPiA8L2c+PC9zdmc+');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    box-sizing: content-box;
    mask-origin: content-box;
    -webkit-mask-origin: content-box;
    padding: 0px;
}

#view > div.section-header-row.mt-md:nth-of-type(5) > p.section-title > svg.ico > * {
    visibility: hidden;
}

#view > div.section-header-row.mt-md:nth-of-type(5) > a.section-link > span > svg {
    display: none;
}

#view > article.card.card-window > div.card-body > p.section-title.mt-md {
    position: relative;
    top: -4px;
    left: 0px;
    font-size: 15px;
}

#view > article.card.card-window > div.card-body > p.section-title.mt-md > svg.ico {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

#account-body > div.action-grid.mt-md:nth-of-type(5) > a.action-tile:nth-of-type(3) > svg.ico.ico-xl {
    width: 35px;
    height: 34px;
    position: relative;
}

#account-body > div.action-grid.mt-md:nth-of-type(5) > a.action-tile:nth-of-type(3) > svg.ico.ico-xl::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-color: #f31212;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjc5LjUyNSAyNzkuNTI1IiBmaWxsPSJjdXJyZW50Q29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2NS4wNjYsMS41NDRjLTI5LjI3MiwwLTU2LjAwNywxMS4wNS03Ni4yNjgsMjkuMTkxYzQuNDk0LDcuMTQ2LDcuMDQ3LDE1LjQ2LDcuMjg3LDI0LjA0MmwwLjAwMSwwLjAyNWwwLjAwMSwwLjAyNSBjMC4xMDIsMy44NjcsMC4zMzMsNy43MzUsMC42NjQsMTEuNTk3YzE1LjM2OC0yMS4xMTcsNDAuMjU4LTM0Ljg4LDY4LjMxNS0zNC44OGM0Ni41NzEsMCw4NC40NTksMzcuODg4LDg0LjQ1OSw4NC40NTkgYzAsNDYuMDgtMzcuMDk4LDgzLjYzNC04Mi45OTQsODQuNDIyYzQuMTkxLDMuNTAyLDguNTE4LDYuODQsMTIuOTc2LDkuOTc0bDAuMDIsMC4wMTVsMC4wMjEsMC4wMTQgYzYuMDcsNC4yODIsMTEuMDE0LDkuODk2LDE0LjQ4MywxNi4zMTdjNDkuMTMzLTEyLjg2MSw4NS40OTMtNTcuNjMzLDg1LjQ5My0xMTAuNzQyQzI3OS41MjUsNTIuODksMjI4LjE4LDEuNTQ0LDE2NS4wNjYsMS41NDR6Ii8+PHBhdGggZD0iTTE2Mi4yNTYsMjM0Ljk0MmMtMTMuMDc2LTEwLjQzOC0yMS4yMzQtMTcuMzg5LTMyLjkwOS0yOC4yMDRjLTMuNDM1LTMuMTgyLTcuNjMzLTUuMTY0LTExLjk0NC01LjE2NCBjLTMuMjk5LDAtNi41NTcsMS4wNTEtOS4yMzksMy4yNTJjLTIuNzY4LDIuMzMtNS41MzYsNC42Ni04LjMwNSw2Ljk4OWMtMjIuNDk5LTI2LjczOC0zOS4yMDYtNTcuODk1LTQ5LjAyNy05MS40MzEgYzMuNDcyLTEuMDE2LDYuOTQ1LTIuMDMzLDEwLjQxNy0zLjA0OWM3LjY1Mi0yLjM0MywxMS4yNTItMTAuNTEyLDEwLjEyOS0xOC43MDFjLTIuNDQzLTE3LjgyNC0zLjc3LTI2LjY3OS01LjI4Mi00My4wMTggYy0wLjc3NS04LjM3NS02LjM0OS0xNS42NS0xNC4zMzgtMTYuMDg1Yy0xLjI0Ni0wLjEyMS0yLjQ5MS0wLjE4MS0zLjcyNi0wLjE4MWMtMjkuNzEsMC01NS41NzgsMzQuNDM2LTQ2LjAwOSw3Ni41NjQgYzExLjkwNyw1Mi4xNzIsMzcuNjg0LDEwMC4yNDMsNzQuNTUxLDEzOS4wMzFjMTUuMTAyLDE1Ljg1NiwzMy42MDMsMjMuMDM2LDUwLjMxMiwyMy4wMzZjMTcuNjI3LDAsMzMuMjYxLTcuOTg0LDQwLjgzMy0yMi4xOTUgQzE3MS43NzgsMjQ4Ljg5MSwxNjguODMsMjQwLjE5LDE2Mi4yNTYsMjM0Ljk0MnoiLz48cGF0aCBkPSJNMTMwLjY0NSwxMTguMTIxYy03LjkxMiw3LjM0MS0xMy4wODksMTMuMTEzLTE1LjgyMywxNy42NDNjLTEuOTMsMy4xOTUtMy4zMzgsNi41NzMtNC4xODcsMTAuMDQgYy0wLjM5OSwxLjYzMi0wLjAzMiwzLjMyNiwxLjAwNyw0LjY0OWMxLjAzOCwxLjMyMSwyLjU5NiwyLjA3OSw0LjI3NiwyLjA3OWgzNy43NThjNC42MjYsMCw4LjM5LTMuNzY0LDguMzktOC4zOSBjMC00LjYyNi0zLjc2NC04LjM5LTguMzktOC4zOWgtMTcuMDUxYzAuMTM5LTAuMTY0LDAuMjgyLTAuMzI4LDAuNDI4LTAuNDkzYzEuMTE0LTEuMjU0LDMuODQyLTMuODc0LDguMTA3LTcuNzg1IGM0LjQ3My00LjEwNSw3LjQ5My03LjE3OSw5LjIzMi05LjM5OGMyLjYyMS0zLjMzNiw0LjU3MS02LjU5Myw1Ljc5NC05LjY3OWMxLjI0Ny0zLjE0NSwxLjg4LTYuNDk4LDEuODgtOS45NjcgYzAtNi4yMjQtMi4yNTQtMTEuNTA3LTYuNjk5LTE1LjcwNWMtNC40MTYtNC4xNjQtMTAuNDk1LTYuMjc0LTE4LjA3MS02LjI3NGMtNi44ODQsMC0xMi43MzEsMS44MDItMTcuMzc3LDUuMzU2IGMtMi44MDMsMi4xNDYtNC45NjEsNS4xMTktNi40MTUsOC44MzljLTAuOTgyLDIuNTEzLTAuNzI4LDUuMzg4LDAuNjgsNy42ODljMS40MDgsMi4zMDIsMy44NTIsMy44MzcsNi41MzcsNC4xMDUgYzAuMjk5LDAuMDMsMC41OTcsMC4wNDUsMC44OTEsMC4wNDVjMy43NzksMCw3LjE0OS0yLjQwMyw4LjM4Ny01Ljk3OWMwLjM4OC0xLjEyMSwwLjkwMS0yLjAxMiwxLjUyNy0yLjY1IGMxLjMxOC0xLjM0MywzLjA5My0xLjk5Nyw1LjQyOC0xLjk5N2MyLjM3MywwLDQuMTQ2LDAuNjE4LDUuNDE4LDEuODg5YzEuMjY5LDEuMjY5LDEuODg2LDMuMTIsMS44ODYsNS42NiBjMCwyLjM1OS0wLjg0Myw0LjgxOS0yLjUwNSw3LjMxNEMxNDAuODYyLDEwOC4wMjgsMTM4LjE5OSwxMTEuMDgzLDEzMC42NDUsMTE4LjEyMXoiLz48cGF0aCBkPSJNMjA2LjIzNSw3Ni40NTFoLTYuMzA3Yy0xLjc5NywwLTMuNDc1LDAuODg2LTQuNDg5LDIuMzdsLTI5LjE2OCw0Mi42OThjLTAuODUxLDEuMjQ2LTEuMzAxLDIuNzAzLTEuMzAxLDQuMjEydjYuOTE5IGMwLDIuOTk3LDIuNDM5LDUuNDM2LDUuNDM2LDUuNDM2aDIzLjk0NXY1Ljc4N2MwLDQuNzc1LDMuODg1LDguNjYsOC42Niw4LjY2YzQuNzc1LDAsOC42Ni0zLjg4NSw4LjY2LTguNjZ2LTUuNzg3aDAuODY1IGM0LjQzNywwLDguMDQ3LTMuNjEsOC4wNDctOC4wNDdjMC00LjQzNy0zLjYxLTguMDQ3LTguMDQ3LTguMDQ3aC0wLjg2NVY4MS44ODdDMjExLjY3MSw3OC44OSwyMDkuMjMyLDc2LjQ1MSwyMDYuMjM1LDc2LjQ1MXogTTE5NC4zNTIsMTIxLjk5MmgtMTAuNzQ4bDEwLjc0OC0xNS45NzhWMTIxLjk5MnoiLz48L3N2Zz4=');
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjc5LjUyNSAyNzkuNTI1IiBmaWxsPSJjdXJyZW50Q29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2NS4wNjYsMS41NDRjLTI5LjI3MiwwLTU2LjAwNywxMS4wNS03Ni4yNjgsMjkuMTkxYzQuNDk0LDcuMTQ2LDcuMDQ3LDE1LjQ2LDcuMjg3LDI0LjA0MmwwLjAwMSwwLjAyNWwwLjAwMSwwLjAyNSBjMC4xMDIsMy44NjcsMC4zMzMsNy43MzUsMC42NjQsMTEuNTk3YzE1LjM2OC0yMS4xMTcsNDAuMjU4LTM0Ljg4LDY4LjMxNS0zNC44OGM0Ni41NzEsMCw4NC40NTksMzcuODg4LDg0LjQ1OSw4NC40NTkgYzAsNDYuMDgtMzcuMDk4LDgzLjYzNC04Mi45OTQsODQuNDIyYzQuMTkxLDMuNTAyLDguNTE4LDYuODQsMTIuOTc2LDkuOTc0bDAuMDIsMC4wMTVsMC4wMjEsMC4wMTQgYzYuMDcsNC4yODIsMTEuMDE0LDkuODk2LDE0LjQ4MywxNi4zMTdjNDkuMTMzLTEyLjg2MSw4NS40OTMtNTcuNjMzLDg1LjQ5My0xMTAuNzQyQzI3OS41MjUsNTIuODksMjI4LjE4LDEuNTQ0LDE2NS4wNjYsMS41NDR6Ii8+PHBhdGggZD0iTTE2Mi4yNTYsMjM0Ljk0MmMtMTMuMDc2LTEwLjQzOC0yMS4yMzQtMTcuMzg5LTMyLjkwOS0yOC4yMDRjLTMuNDM1LTMuMTgyLTcuNjMzLTUuMTY0LTExLjk0NC01LjE2NCBjLTMuMjk5LDAtNi41NTcsMS4wNTEtOS4yMzksMy4yNTJjLTIuNzY4LDIuMzMtNS41MzYsNC42Ni04LjMwNSw2Ljk4OWMtMjIuNDk5LTI2LjczOC0zOS4yMDYtNTcuODk1LTQ5LjAyNy05MS40MzEgYzMuNDcyLTEuMDE2LDYuOTQ1LTIuMDMzLDEwLjQxNy0zLjA0OWM3LjY1Mi0yLjM0MywxMS4yNTItMTAuNTEyLDEwLjEyOS0xOC43MDFjLTIuNDQzLTE3LjgyNC0zLjc3LTI2LjY3OS01LjI4Mi00My4wMTggYy0wLjc3NS04LjM3NS02LjM0OS0xNS42NS0xNC4zMzgtMTYuMDg1Yy0xLjI0Ni0wLjEyMS0yLjQ5MS0wLjE4MS0zLjcyNi0wLjE4MWMtMjkuNzEsMC01NS41NzgsMzQuNDM2LTQ2LjAwOSw3Ni41NjQgYzExLjkwNyw1Mi4xNzIsMzcuNjg0LDEwMC4yNDMsNzQuNTUxLDEzOS4wMzFjMTUuMTAyLDE1Ljg1NiwzMy42MDMsMjMuMDM2LDUwLjMxMiwyMy4wMzZjMTcuNjI3LDAsMzMuMjYxLTcuOTg0LDQwLjgzMy0yMi4xOTUgQzE3MS43NzgsMjQ4Ljg5MSwxNjguODMsMjQwLjE5LDE2Mi4yNTYsMjM0Ljk0MnoiLz48cGF0aCBkPSJNMTMwLjY0NSwxMTguMTIxYy03LjkxMiw3LjM0MS0xMy4wODksMTMuMTEzLTE1LjgyMywxNy42NDNjLTEuOTMsMy4xOTUtMy4zMzgsNi41NzMtNC4xODcsMTAuMDQgYy0wLjM5OSwxLjYzMi0wLjAzMiwzLjMyNiwxLjAwNyw0LjY0OWMxLjAzOCwxLjMyMSwyLjU5NiwyLjA3OSw0LjI3NiwyLjA3OWgzNy43NThjNC42MjYsMCw4LjM5LTMuNzY0LDguMzktOC4zOSBjMC00LjYyNi0zLjc2NC04LjM5LTguMzktOC4zOWgtMTcuMDUxYzAuMTM5LTAuMTY0LDAuMjgyLTAuMzI4LDAuNDI4LTAuNDkzYzEuMTE0LTEuMjU0LDMuODQyLTMuODc0LDguMTA3LTcuNzg1IGM0LjQ3My00LjEwNSw3LjQ5My03LjE3OSw5LjIzMi05LjM5OGMyLjYyMS0zLjMzNiw0LjU3MS02LjU5Myw1Ljc5NC05LjY3OWMxLjI0Ny0zLjE0NSwxLjg4LTYuNDk4LDEuODgtOS45NjcgYzAtNi4yMjQtMi4yNTQtMTEuNTA3LTYuNjk5LTE1LjcwNWMtNC40MTYtNC4xNjQtMTAuNDk1LTYuMjc0LTE4LjA3MS02LjI3NGMtNi44ODQsMC0xMi43MzEsMS44MDItMTcuMzc3LDUuMzU2IGMtMi44MDMsMi4xNDYtNC45NjEsNS4xMTktNi40MTUsOC44MzljLTAuOTgyLDIuNTEzLTAuNzI4LDUuMzg4LDAuNjgsNy42ODljMS40MDgsMi4zMDIsMy44NTIsMy44MzcsNi41MzcsNC4xMDUgYzAuMjk5LDAuMDMsMC41OTcsMC4wNDUsMC44OTEsMC4wNDVjMy43NzksMCw3LjE0OS0yLjQwMyw4LjM4Ny01Ljk3OWMwLjM4OC0xLjEyMSwwLjkwMS0yLjAxMiwxLjUyNy0yLjY1IGMxLjMxOC0xLjM0MywzLjA5My0xLjk5Nyw1LjQyOC0xLjk5N2MyLjM3MywwLDQuMTQ2LDAuNjE4LDUuNDE4LDEuODg5YzEuMjY5LDEuMjY5LDEuODg2LDMuMTIsMS44ODYsNS42NiBjMCwyLjM1OS0wLjg0Myw0LjgxOS0yLjUwNSw3LjMxNEMxNDAuODYyLDEwOC4wMjgsMTM4LjE5OSwxMTEuMDgzLDEzMC42NDUsMTE4LjEyMXoiLz48cGF0aCBkPSJNMjA2LjIzNSw3Ni40NTFoLTYuMzA3Yy0xLjc5NywwLTMuNDc1LDAuODg2LTQuNDg5LDIuMzdsLTI5LjE2OCw0Mi42OThjLTAuODUxLDEuMjQ2LTEuMzAxLDIuNzAzLTEuMzAxLDQuMjEydjYuOTE5IGMwLDIuOTk3LDIuNDM5LDUuNDM2LDUuNDM2LDUuNDM2aDIzLjk0NXY1Ljc4N2MwLDQuNzc1LDMuODg1LDguNjYsOC42Niw4LjY2YzQuNzc1LDAsOC42Ni0zLjg4NSw4LjY2LTguNjZ2LTUuNzg3aDAuODY1IGM0LjQzNywwLDguMDQ3LTMuNjEsOC4wNDctOC4wNDdjMC00LjQzNy0zLjYxLTguMDQ3LTguMDQ3LTguMDQ3aC0wLjg2NVY4MS44ODdDMjExLjY3MSw3OC44OSwyMDkuMjMyLDc2LjQ1MSwyMDYuMjM1LDc2LjQ1MXogTTE5NC4zNTIsMTIxLjk5MmgtMTAuNzQ4bDEwLjc0OC0xNS45NzhWMTIxLjk5MnoiLz48L3N2Zz4=');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

#account-body > div.action-grid.mt-md:nth-of-type(5) > a.action-tile:nth-of-type(2) > svg.ico.ico-xl {
    background-color: rgba(157, 127, 37, 0.32);
    border-radius: 12px;
    padding: 10px;
}

#account-body > div.action-grid.mt-md:nth-of-type(4) > a.action-tile:nth-of-type(3) > svg.ico.ico-xl {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNzkuNTI1IDI3OS41MjUiIGZpbGw9IiNmNjcxM2MiPjxwYXRoIGQ9Ik0xNjUuMDY2LDEuNTQ0Yy0yOS4yNzIsMC01Ni4wMDcsMTEuMDUtNzYuMjY4LDI5LjE5MWM0LjQ5NCw3LjE0Niw3LjA0NywxNS40Niw3LjI4NywyNC4wNDJsMC4wMDEsMC4wMjVsMC4wMDEsMC4wMjUgYzAuMTAyLDMuODY3LDAuMzMzLDcuNzM1LDAuNjY0LDExLjU5N2MxNS4zNjgtMjEuMTE3LDQwLjI1OC0zNC44OCw2OC4zMTUtMzQuODhjNDYuNTcxLDAsODQuNDU5LDM3Ljg4OCw4NC40NTksODQuNDU5IGMwLDQ2LjA4LTM3LjA5OCw4My42MzQtODIuOTk0LDg0LjQyMmM0LjE5MSwzLjUwMiw4LjUxOCw2Ljg0LDEyLjk3Niw5Ljk3NGwwLjAyLDAuMDE1bDAuMDIxLDAuMDE0IGM2LjA3LDQuMjgyLDExLjAxNCw5Ljg5NiwxNC40ODMsMTYuMzE3YzQ5LjEzMy0xMi44NjEsODUuNDkzLTU3LjYzMyw4NS40OTMtMTEwLjc0MkMyNzkuNTI1LDUyLjg5LDIyOC4xOCwxLjU0NCwxNjUuMDY2LDEuNTQ0eiIvPjxwYXRoIGQ9Ik0xNjIuMjU2LDIzNC45NDJjLTEzLjA3Ni0xMC40MzgtMjEuMjM0LTE3LjM4OS0zMi45MDktMjguMjA0Yy0zLjQzNS0zLjE4Mi03LjYzMy01LjE2NC0xMS45NDQtNS4xNjQgYy0zLjI5OSwwLTYuNTU3LDEuMDUxLTkuMjM5LDMuMjUyYy0yLjc2OCwyLjMzLTUuNTM2LDQuNjYtOC4zMDUsNi45ODljLTIyLjQ5OS0yNi43MzgtMzkuMjA2LTU3Ljg5NS00OS4wMjctOTEuNDMxIGMzLjQ3Mi0xLjAxNiw2Ljk0NS0yLjAzMywxMC40MTctMy4wNDljNy42NTItMi4zNDMsMTEuMjUyLTEwLjUxMiwxMC4xMjktMTguNzAxYy0yLjQ0My0xNy44MjQtMy43Ny0yNi42NzktNS4yODItNDMuMDE4IGMtMC43NzUtOC4zNzUtNi4zNDktMTUuNjUtMTQuMzM4LTE2LjA4NWMtMS4yNDYtMC4xMjEtMi40OTEtMC4xODEtMy43MjYtMC4xODFjLTI5LjcxLDAtNTUuNTc4LDM0LjQzNi00Ni4wMDksNzYuNTY0IGMxMS45MDcsNTIuMTcyLDM3LjY4NCwxMDAuMjQzLDc0LjU1MSwxMzkuMDMxYzE1LjEwMiwxNS44NTYsMzMuNjAzLDIzLjAzNiw1MC4zMTIsMjMuMDM2YzE3LjYyNywwLDMzLjI2MS03Ljk4NCw0MC44MzMtMjIuMTk1IEMxNzEuNzc4LDI0OC44OTEsMTY4LjgzLDI0MC4xOSwxNjIuMjU2LDIzNC45NDJ6Ii8+PHBhdGggZD0iTTEzMC42NDUsMTE4LjEyMWMtNy45MTIsNy4zNDEtMTMuMDg5LDEzLjExMy0xNS44MjMsMTcuNjQzYy0xLjkzLDMuMTk1LTMuMzM4LDYuNTczLTQuMTg3LDEwLjA0IGMtMC4zOTksMS42MzItMC4wMzIsMy4zMjYsMS4wMDcsNC42NDljMS4wMzgsMS4zMjEsMi41OTYsMi4wNzksNC4yNzYsMi4wNzloMzcuNzU4YzQuNjI2LDAsOC4zOS0zLjc2NCw4LjM5LTguMzkgYzAtNC42MjYtMy43NjQtOC4zOS04LjM5LTguMzloLTE3LjA1MWMwLjEzOS0wLjE2NCwwLjI4Mi0wLjMyOCwwLjQyOC0wLjQ5M2MxLjExNC0xLjI1NCwzLjg0Mi0zLjg3NCw4LjEwNy03Ljc4NSBjNC40NzMtNC4xMDUsNy40OTMtNy4xNzksOS4yMzItOS4zOThjMi42MjEtMy4zMzYsNC41NzEtNi41OTMsNS43OTQtOS42NzljMS4yNDctMy4xNDUsMS44OC02LjQ5OCwxLjg4LTkuOTY3IGMwLTYuMjI0LTIuMjU0LTExLjUwNy02LjY5OS0xNS43MDVjLTQuNDE2LTQuMTY0LTEwLjQ5NS02LjI3NC0xOC4wNzEtNi4yNzRjLTYuODg0LDAtMTIuNzMxLDEuODAyLTE3LjM3Nyw1LjM1NiBjLTIuODAzLDIuMTQ2LTQuOTYxLDUuMTE5LTYuNDE1LDguODM5Yy0wLjk4MiwyLjUxMy0wLjcyOCw1LjM4OCwwLjY4LDcuNjg5YzEuNDA4LDIuMzAyLDMuODUyLDMuODM3LDYuNTM3LDQuMTA1IGMwLjI5OSwwLjAzLDAuNTk3LDAuMDQ1LDAuODkxLDAuMDQ1YzMuNzc5LDAsNy4xNDktMi40MDMsOC4zODctNS45NzljMC4zODgtMS4xMjEsMC45MDEtMi4wMTIsMS41MjctMi42NSBjMS4zMTgtMS4zNDMsMy4wOTMtMS45OTcsNS40MjgtMS45OTdjMi4zNzMsMCw0LjE0NiwwLjYxOCw1LjQxOCwxLjg4OWMxLjI2OSwxLjI2OSwxLjg4NiwzLjEyLDEuODg2LDUuNjYgYzAsMi4zNTktMC44NDMsNC44MTktMi41MDUsNy4zMTRDMTQwLjg2MiwxMDguMDI4LDEzOC4xOTksMTExLjA4MywxMzAuNjQ1LDExOC4xMjF6Ii8+PHBhdGggZD0iTTIwNi4yMzUsNzYuNDUxaC02LjMwN2MtMS43OTcsMC0zLjQ3NSwwLjg4Ni00LjQ4OSwyLjM3bC0yOS4xNjgsNDIuNjk4Yy0wLjg1MSwxLjI0Ni0xLjMwMSwyLjcwMy0xLjMwMSw0LjIxMnY2LjkxOSBjMCwyLjk5NywyLjQzOSw1LjQzNiw1LjQzNiw1LjQzNmgyMy45NDV2NS43ODdjMCw0Ljc3NSwzLjg4NSw4LjY2LDguNjYsOC42NmM0Ljc3NSwwLDguNjYtMy44ODUsOC42Ni04LjY2di01Ljc4N2gwLjg2NSBjNC40MzcsMCw4LjA0Ny0zLjYxLDguMDQ3LTguMDQ3YzAtNC40MzctMy42MS04LjA0Ny04LjA0Ny04LjA0N2gtMC44NjVWODEuODg3QzIxMS42NzEsNzguODksMjA5LjIzMiw3Ni40NTEsMjA2LjIzNSw3Ni40NTF6IE0xOTQuMzUyLDEyMS45OTJoLTEwLjc0OGwxMC43NDgtMTUuOTc4VjEyMS45OTJ6Ii8+PC9zdmc+');
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(246, 113, 60, 0.32);
    padding: 10px;
    border-radius: 12px;
}

#account-body > div.action-grid.mt-md:nth-of-type(4) > a.action-tile:nth-of-type(3) > svg.ico.ico-xl > * {
    visibility: hidden;
}

#account-body > div.action-grid.mt-md:nth-of-type(4) > a.action-tile:nth-of-type(2) > svg.ico.ico-xl {
    background-color: rgba(246, 221, 60, 0.32);
    border-radius: 12px;
    padding: 10px;
    color: rgb(246, 221, 60);
}

#account-body > div.action-grid.mt-md:nth-of-type(4) > a.action-tile:nth-of-type(1) > svg.ico.ico-xl {
    color: rgb(60, 246, 60);
    background-color: rgba(60, 246, 60, 0.32);
    border-radius: 12px;
    padding: 10px;
}

#account-body > p.section-title > svg.ico {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZmZmZiI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxnPiA8cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+IDxwYXRoIGQ9Ik0xMiAyYzUuNTIgMCAxMCA0LjQ4IDEwIDEwcy00LjQ4IDEwLTEwIDEwUzIgMTcuNTIgMiAxMiA2LjQ4IDIgMTIgMnpNNi4wMjMgMTUuNDE2QzcuNDkxIDE3LjYwNiA5LjY5NSAxOSAxMi4xNiAxOWMyLjQ2NCAwIDQuNjY5LTEuMzkzIDYuMTM2LTMuNTg0QTguOTY4IDguOTY4IDAgMCAwIDEyLjE2IDEzYTguOTY4IDguOTY4IDAgMCAwLTYuMTM3IDIuNDE2ek0xMiAxMWEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZ6Ii8+IDwvZz4gPC9nPjwvc3ZnPg==');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 16px;
}

#account-body > p.section-title > svg.ico > * {
    visibility: hidden;
}

#account-body > p.section-title {
    font-size: 25px;
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(1) > div.stat-label:nth-of-type(1) > svg.ico {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2U1NzM3MyI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxnPiA8cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+IDxwYXRoIGQ9Ik0xMiAyYzUuNTIgMCAxMCA0LjQ4IDEwIDEwcy00LjQ4IDEwLTEwIDEwUzIgMTcuNTIgMiAxMiA2LjQ4IDIgMTIgMnpNNi4wMjMgMTUuNDE2QzcuNDkxIDE3LjYwNiA5LjY5NSAxOSAxMi4xNiAxOWMyLjQ2NCAwIDQuNjY5LTEuMzkzIDYuMTM2LTMuNTg0QTguOTY4IDguOTY4IDAgMCAwIDEyLjE2IDEzYTguOTY4IDguOTY4IDAgMCAwLTYuMTM3IDIuNDE2ek0xMiAxMWEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZ6Ii8+IDwvZz4gPC9nPjwvc3ZnPg==');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--accent);
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(1) > div.stat-label:nth-of-type(1) > svg.ico > * {
    visibility: hidden;
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(1) > div.stat-label:nth-of-type(1) {
    position: relative;
    top: 0px;
    left: 0px;
    row-gap: 8px;
    column-gap: 4px;
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(2) > div.stat-label:nth-of-type(1) > svg.ico {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTU3MzczIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSA5VjVDNSAzLjg5NTQzIDUuODk1NDMgMyA3IDNIMTdDMTguMTA0NiAzIDE5IDMuODk1NDMgMTkgNVY5TTUgOUgxOU01IDlWMTVNMTkgOVYxNU0xOSAxNVYxOUMxOSAyMC4xMDQ2IDE4LjEwNDYgMjEgMTcgMjFIN0M1Ljg5NTQzIDIxIDUgMjAuMTA0NiA1IDE5VjE1TTE5IDE1SDVNOCAxMkg4LjAxTTggNkg4LjAxTTggMThIOC4wMSIvPjwvc3ZnPg==');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 16px;
    color: var(--accent);
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(2) > div.stat-label:nth-of-type(1) > svg.ico > * {
    visibility: hidden;
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(2) > div.stat-label:nth-of-type(1) {
    row-gap: 8px;
    column-gap: 0px;
    font-size: 13px;
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(3) > div.stat-label:nth-of-type(1) > svg.ico {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNlNTczNzMiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+PHBhdGggZD0iTTE4LDJINkEyLDIsMCwwLDAsNCw0VjIybDMtMywyLDMsMy0zLDMsMywyLTMsMywzVjRBMiwyLDAsMCwwLDE4LDJaTTEyLDE2SDhhMSwxLDAsMCwxLDAtMmg0YTEsMSwwLDAsMSwwLDJabTAtNEg4YTEsMSwwLDAsMSwwLTJoNGExLDEsMCwwLDEsMCwyWm00LDRIMTVhMSwxLDAsMCwxLDAtMmgxYTEsMSwwLDAsMSwwLDJabTAtNEgxNWExLDEsMCwwLDEsMC0yaDFhMSwxLDAsMCwxLDAsMlptMC01SDhBMSwxLDAsMCwxLDgsNWg4YTEsMSwwLDAsMSwwLDJaIi8+PC9nPjwvc3ZnPg==');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--accent);
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(3) > div.stat-label:nth-of-type(1) > svg.ico > * {
    visibility: hidden;
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(3) > div.stat-label:nth-of-type(1) {
    position: relative;
    top: 0px;
    left: 0px;
    row-gap: 8px;
    column-gap: 4px;
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(4) > div.stat-label:nth-of-type(1) > svg.ico {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik0zIDlIMjFNMTcgMTMuMDAxNEw3IDEzTTEwLjMzMzMgMTcuMDAwNUw3IDE3TTcgM1Y1TTE3IDNWNU02LjIgMjFIMTcuOEMxOC45MjAxIDIxIDE5LjQ4MDIgMjEgMTkuOTA4IDIwLjc4MkMyMC4yODQzIDIwLjU5MDMgMjAuNTkwMyAyMC4yODQzIDIwLjc4MiAxOS45MDhDMjEgMTkuNDgwMiAyMSAxOC45MjAxIDIxIDE3LjhWOC4yQzIxIDcuMDc5ODkgMjEgNi41MTk4NCAyMC43ODIgNi4wOTIwMkMyMC41OTAzIDUuNzE1NjkgMjAuMjg0MyA1LjQwOTczIDE5LjkwOCA1LjIxNzk5QzE5LjQ4MDIgNSAxOC45MjAxIDUgMTcuOCA1SDYuMkM1LjA3OTkgNSA0LjUxOTg0IDUgNC4wOTIwMiA1LjIxNzk5QzMuNzE1NjkgNS40MDk3MyAzLjQwOTczIDUuNzE1NjkgMy4yMTc5OSA2LjA5MjAyQzMgNi41MTk4NCAzIDcuMDc5ODkgMyA4LjJWMTcuOEMzIDE4LjkyMDEgMyAxOS40ODAyIDMuMjE3OTkgMTkuOTA4QzMuNDA5NzMgMjAuMjg0MyAzLjcxNTY5IDIwLjU5MDMgNC4wOTIwMiAyMC43ODJDNC41MTk4NCAyMSA1LjA3OTg5IDIxIDYuMiAyMVoiIHN0cm9rZT0iI2U1NzM3MyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9nPjwvc3ZnPg==');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--accent);
}

#account-body > div.stat-grid.mt-md:nth-of-type(2) > div.stat:nth-of-type(4) > div.stat-label:nth-of-type(1) > svg.ico > * {
    visibility: hidden;
}

#account-body > div.wallet-hero.mt-sm:nth-of-type(1) > div.wallet-hero-actions:nth-of-type(3) > a.wallet-hero-btn-primary > svg.ico {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgNXYxNE01IDEyaDE0Ii8+PC9zdmc+');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000;
    padding: 0.45em;
    border-radius: 12px;
}

#account-body > div.wallet-hero.mt-sm:nth-of-type(1) > div.wallet-hero-actions:nth-of-type(3) > a.wallet-hero-btn-primary > svg.ico > * {
    visibility: hidden;
}

#account-body > div.wallet-hero.mt-sm:nth-of-type(1) > div.wallet-hero-actions:nth-of-type(3) > a.wallet-hero-btn-primary > span {
    font-size: 13px;
}

#wallet-hero > div.wallet-hero-actions:nth-of-type(3) > a.wallet-hero-btn-primary:nth-of-type(1) > span {
    font-size: 13px;
}

#account-body > div.wallet-hero.mt-sm:nth-of-type(1) > div.wallet-hero-top:nth-of-type(1) > svg.ico {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik0yMS4xMDA5IDguMDAzNTNDMjEuMDQ0MiA3Ljk5OTk2IDIwLjk4MjUgNy45OTk5OCAyMC45MTg2IDhMMjAuOTAyNiA4LjAwMDAxSDE4LjM5NDFDMTYuMzI2NCA4LjAwMDAxIDE0LjU1NzIgOS42Mjc1NyAxNC41NTcyIDExLjc1QzE0LjU1NzIgMTMuODcyNCAxNi4zMjY0IDE1LjUgMTguMzk0MSAxNS41SDIwLjkwMjZMMjAuOTE4NiAxNS41QzIwLjk4MjUgMTUuNSAyMS4wNDQyIDE1LjUwMDEgMjEuMTAwOSAxNS40OTY1QzIxLjk0MDggMTUuNDQzNCAyMi42ODM1IDE0Ljc4NjIgMjIuNzQ2IDEzLjg2ODJDMjIuNzUwMSAxMy44MDggMjIuNzUgMTMuNzQzMSAyMi43NSAxMy42ODNMMjIuNzUgMTMuNjY2N1Y5LjgzMzM0TDIyLjc1IDkuODE3MDJDMjIuNzUgOS43NTY4OCAyMi43NTAxIDkuNjkxOTkgMjIuNzQ2IDkuNjMxOEMyMi42ODM1IDguNzEzODEgMjEuOTQwOCA4LjA1NjU3IDIxLjEwMDkgOC4wMDM1M1pNMTguMTcxNyAxMi43NUMxOC43MDQgMTIuNzUgMTkuMTM1NSAxMi4zMDIzIDE5LjEzNTUgMTEuNzVDMTkuMTM1NSAxMS4xOTc3IDE4LjcwNCAxMC43NSAxOC4xNzE3IDEwLjc1QzE3LjYzOTQgMTAuNzUgMTcuMjA3OCAxMS4xOTc3IDE3LjIwNzggMTEuNzVDMTcuMjA3OCAxMi4zMDIzIDE3LjYzOTQgMTIuNzUgMTguMTcxNyAxMi43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTIwLjkxNzkgMTdDMjEuMDY3IDE2Ljk5NjEgMjEuMTc5OSAxNy4xMzQyIDIxLjEzOTQgMTcuMjc3OEMyMC45Mzg3IDE3Ljk5MDIgMjAuNjIgMTguNTk3NSAyMC4xMDg4IDE5LjEwODhDMTkuMzYwNCAxOS44NTcxIDE4LjQxMTQgMjAuMTg5MiAxNy4yMzkgMjAuMzQ2OUMxNi4wOTk4IDIwLjUgMTQuNjQ0MiAyMC41IDEyLjgwNjQgMjAuNUgxMC42OTM2QzguODU1ODMgMjAuNSA3LjQwMDE5IDIwLjUgNi4yNjA5OCAyMC4zNDY5QzUuMDg4NTYgMjAuMTg5MiA0LjEzOTYxIDE5Ljg1NzEgMy4zOTEyNCAxOS4xMDg4QzIuNjQyODggMTguMzYwNCAyLjMxMDc2IDE3LjQxMTQgMi4xNTMxNCAxNi4yMzlDMS45OTk5NyAxNS4wOTk4IDEuOTk5OTggMTMuNjQ0MiAyIDExLjgwNjRWMTEuNjkzNkMxLjk5OTk4IDkuODU1ODMgMS45OTk5NyA4LjQwMDE5IDIuMTUzMTQgNy4yNjA5OEMyLjMxMDc2IDYuMDg4NTYgMi42NDI4OCA1LjEzOTYxIDMuMzkxMjQgNC4zOTEyNEM0LjEzOTYxIDMuNjQyODggNS4wODg1NiAzLjMxMDc2IDYuMjYwOTggMy4xNTMxNEM3LjQwMDE5IDIuOTk5OTcgOC44NTU4MiAyLjk5OTk4IDEwLjY5MzYgM0wxMi44MDY0IDNDMTQuNjQ0MiAyLjk5OTk4IDE2LjA5OTggMi45OTk5NyAxNy4yMzkgMy4xNTMxNEMxOC40MTE0IDMuMzEwNzYgMTkuMzYwNCAzLjY0Mjg4IDIwLjEwODggNC4zOTEyNEMyMC42MiA0LjkwMjUyIDIwLjkzODYgNS41MDk3NCAyMS4xMzk0IDYuMjIyMThDMjEuMTc5OSA2LjM2NTc1IDIxLjA2NyA2LjUwMzg3IDIwLjkxNzkgNi41TDE4LjM5NCA2LjUwMDAxQzE1LjU1NzQgNi41MDAwMSAxMy4wNTcxIDguNzQwOTEgMTMuMDU3MSAxMS43NUMxMy4wNTcxIDE0Ljc1OTEgMTUuNTU3NCAxNyAxOC4zOTQgMTdMMjAuOTE3OSAxN1pNNyAxNS41QzYuNTg1NzkgMTUuNSA2LjI1IDE1LjE2NDIgNi4yNSAxNC43NVY4Ljc1QzYuMjUgOC4zMzU3OSA2LjU4NTc5IDggNyA4QzcuNDE0MjEgOCA3Ljc1IDguMzM1NzkgNy43NSA4Ljc1VjE0Ljc1QzcuNzUgMTUuMTY0MiA3LjQxNDIxIDE1LjUgNyAxNS41WiIgZmlsbD0iI2ZmZmZmZiIvPiA8L2c+PC9zdmc+');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

#account-body > div.wallet-hero.mt-sm:nth-of-type(1) > div.wallet-hero-top:nth-of-type(1) > svg.ico > * {
    visibility: hidden;
}

#account-body > div.list.mt-md:nth-of-type(3) > div.list-item > span.li-action > svg.ico {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAwcHgiIHdpZHRoPSIyMDBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9IiNlNTczNzMiPjxnIHN0cm9rZS13aWR0aD0iMCIvPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxnPiAgPGc+IDxwYXRoIGQ9Ik0zNDEuNjAxLDBIMTcwLjM5OWMtMjkuMjkyLDAtNTMuMTIxLDIzLjgyOC01My4xMjEsNTMuMTIxdjQwNS43NTZjMCwyOS4yOTIsMjMuODMsNTMuMTIzLDUzLjEyMSw1My4xMjMgaDE3MS4yMDJjMjkuMjkyLDAsNTMuMTIxLTIzLjgzLDUzLjEyMS01My4xMTlWNTMuMTIxQzM5NC43MjIsMjMuODI4LDM3MC44OTMsMCwzNDEuNjAxLDB6IE0yMzQuOTEsNDUzLjQzNCBjMC0wLjUzNiwwLjQ1Mi0wLjk4OCwwLjk4OC0wLjk4OEgyNzYuMWMwLjUzNiwwLDAuOTg4LDAuNDUyLDAuOTg4LDAuOTg4djEzLjY4NGMwLDAuNTM2LTAuNDUyLDAuOTg4LTAuOTg4LDAuOTg4aC00MC4yMDIgYy0wLjUzNiwwLTAuOTg4LTAuNDUyLTAuOTg4LTAuOTg4VjQ1My40MzR6IE0yNzcuMDg4LDQyOS42ODRjMCwwLjUzNi0wLjQ1MiwwLjk4OC0wLjk4OCwwLjk4OGgtNDAuMjAyIGMtMC41MzYsMC0wLjk4OC0wLjQ1Mi0wLjk4OC0wLjk4OFY0MTZjMC0wLjUzNCwwLjQ1Mi0wLjk4NCwwLjk4OC0wLjk4NEgyNzYuMWMwLjUzNiwwLDAuOTg4LDAuNDUsMC45ODgsMC45ODRWNDI5LjY4NHogTTI3Ny4wODgsMzkyLjI1YzAsMC41NDUtMC40NDMsMC45ODgtMC45ODgsMC45ODhoLTQwLjIwMmMtMC41NDYsMC0wLjk4OC0wLjQ0Mi0wLjk4OC0wLjk4OHYtMTMuNjggYzAtMC41MzYsMC40NTItMC45ODgsMC45ODgtMC45ODhIMjc2LjFjMC41MzYsMCwwLjk4OCwwLjQ1MiwwLjk4OCwwLjk4OFYzOTIuMjV6IE0yNTUuOTk5LDM1MS40NzYgYy0xMy40NjEsMC0yNC40MTQtMTAuOTUxLTI0LjQxNC0yNC40MTJjMC0xMy40NjIsMTAuOTUzLTI0LjQxNiwyNC40MTQtMjQuNDE2YzEzLjQ2MywwLDI0LjQxNiwxMC45NTMsMjQuNDE2LDI0LjQxNiBDMjgwLjQxNSwzNDAuNTI0LDI2OS40NjIsMzUxLjQ3NiwyNTUuOTk5LDM1MS40NzZ6IE0xNzAuMzk3LDM2LjMwNGgxNzEuMjAyYzEwLjAwNCwwLDE4LjE0Miw4LjEzNywxOC4xNDIsMTguMTQ0djIyNS4xMzZIMTUyLjI1NyBWNTQuNDQ5QzE1Mi4yNTcsNDQuNDQxLDE2MC4zOTUsMzYuMzA0LDE3MC4zOTcsMzYuMzA0eiBNMjExLjM1LDMxNS45ODN2MjIuMTYyaC00My43NDJsLTEzLjkwNi0yMi4xNjJIMjExLjM1eiBNMjAzLjAyNSw0MjkuNjg0IGMwLDAuNTM2LTAuNDUyLDAuOTg4LTAuOTg2LDAuOTg4aC00MC4yMDRjLTAuNTM0LDAtMC45ODYtMC40NTItMC45ODYtMC45ODhWNDE2YzAtMC41NDIsMC40NDMtMC45ODQsMC45ODYtMC45ODRoNDAuMjA0IGMwLjU0NCwwLDAuOTg2LDAuNDQzLDAuOTg2LDAuOTg0VjQyOS42ODR6IE0yMDMuMDI1LDM5Mi4yNWMwLDAuNTQ1LTAuNDQyLDAuOTg4LTAuOTg2LDAuOTg4aC00MC4yMDQgYy0wLjU0MywwLTAuOTg2LTAuNDQyLTAuOTg2LTAuOTg4di0xMy42OGMwLTAuNTM2LDAuNDUyLTAuOTg4LDAuOTg2LTAuOTg4aDQwLjIwNGMwLjUzNCwwLDAuOTg2LDAuNDUyLDAuOTg2LDAuOTg4VjM5Mi4yNXogTTE2MC44NDksNDY3LjExOHYtMTMuNjg0YzAtMC41MzYsMC40NTItMC45ODgsMC45ODYtMC45ODhoNDAuMjA0YzAuNTM0LDAsMC45ODYsMC40NTIsMC45ODYsMC45ODh2MTMuNjg0IGMwLDAuNTM2LTAuNDUyLDAuOTg4LTAuOTg2LDAuOTg4aC00MC4yMDRDMTYxLjMwMiw0NjguMTA2LDE2MC44NDksNDY3LjY1NCwxNjAuODQ5LDQ2Ny4xMTh6IE0zNTguMjk1LDMxNS45ODNsLTEzLjkwNSwyMi4xNjIgaC00My43NDJ2LTIyLjE2MkgzNTguMjk1eiBNMzUxLjE1MSw0MjkuNjg0YzAsMC41MzYtMC40NTIsMC45ODgtMC45ODgsMC45ODhoLTQwLjIwMmMtMC41MzYsMC0wLjk4OC0wLjQ1Mi0wLjk4OC0wLjk4OFY0MTYgYzAtMC41NDIsMC40NDMtMC45ODQsMC45ODgtMC45ODRoNDAuMjAyYzAuNTQ2LDAsMC45ODgsMC40NDMsMC45ODgsMC45ODRWNDI5LjY4NHogTTM1MS4xNTEsMzkyLjI1IGMwLDAuNTQ1LTAuNDQyLDAuOTg4LTAuOTg4LDAuOTg4aC00MC4yMDJjLTAuNTQ1LDAtMC45ODgtMC40NDItMC45ODgtMC45ODh2LTEzLjY4YzAtMC41MzYsMC40NTItMC45ODgsMC45ODgtMC45ODhoNDAuMjAyIGMwLjUzNiwwLDAuOTg4LDAuNDUyLDAuOTg4LDAuOTg4VjM5Mi4yNXogTTMwOC45NzMsNDY3LjExOHYtMTMuNjg0YzAtMC41MzYsMC40NTItMC45ODgsMC45ODgtMC45ODhoNDAuMjAyIGMwLjUzNiwwLDAuOTg4LDAuNDUyLDAuOTg4LDAuOTg4djEzLjY4NGMwLDAuNTM2LTAuNDUyLDAuOTg4LTAuOTg4LDAuOTg4aC00MC4yMDIgQzMwOS40MjUsNDY4LjEwNiwzMDguOTczLDQ2Ny42NTQsMzA4Ljk3Myw0NjcuMTE4eiIvPiA8L2c+IDwvZz48L3N2Zz4=');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(229, 115, 115, 0.32);
    padding: 14px;
    border-radius: 12px;
    color: var(--accent);
}

#account-body > div.list.mt-md:nth-of-type(3) > div.list-item > span.li-action > svg.ico > * {
    visibility: hidden;
}

#buy-step-host > p.section-title {
    font-size: 13px;
}

#app > nav.tabbar {
    background: color-mix(in oklab, var(--surface) 35%, transparent);
    backdrop-filter: blur(8px) saturate(1.9) brightness(1.08);
    -webkit-backdrop-filter: blur(8px) saturate(1.9) brightness(1.08);
}

#home-header-icons > span.brand-mark:nth-of-type(1) {
    order: 0;
}

#home-admin-gear-host {
    order: 1;
}

#reload-btn {
    order: 3;
}

#notif-bell-btn {
    order: 2;
}

#view > article.card.card-window > div.card-body > div.list-head:nth-of-type(1) > p.section-title {
    font-size: 20px;
}

#view > article.card.card-window > div.card-body > div.list-head:nth-of-type(1) > p.section-title > svg.ico {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

#buy-step-host > h2.section-headline {
    font-size: 20px;
    position: relative;
    top: -8px;
    left: 0px;
}

.cfg-list > .cfg-item > button.cfg-toggle.btn > span.muted:nth-of-type(2) {
    color: var(--accent, var(--gold));
}

#do-purchase > span.arrow:nth-of-type(2) > svg.ico {
    position: relative;
    top: 4px;
    left: 0px;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(1) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(1) > span.kv-label:nth-of-type(1) {
    row-gap: 8px;
    column-gap: 0px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(2) > span.kv-label:nth-of-type(1) > svg.ico > path {
    font-size: 18px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(2) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(2) > span.kv-label:nth-of-type(1) {
    row-gap: 8px;
    column-gap: 0px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(3) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(3) > span.kv-label:nth-of-type(1) {
    row-gap: 8px;
    column-gap: 0px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(4) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(4) > span.kv-label:nth-of-type(1) {
    row-gap: 8px;
    column-gap: 0px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(5) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(5) > span.kv-label:nth-of-type(1) {
    row-gap: 8px;
    column-gap: 0px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(6) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#buy-step-host > div.card:nth-of-type(1) > div.kv:nth-of-type(6) > span.kv-label:nth-of-type(1) {
    row-gap: 8px;
    column-gap: 0px;
}

#buy-step-host > div.form-row:nth-of-type(2) > label {
    position: relative;
    top: 4px;
    left: 0px;
}

#buy-step-host > div.card:nth-of-type(1) {
    position: relative;
    top: -8px;
    left: 0px;
}

#buy-step-host > p.section-title:nth-of-type(1) {
    position: relative;
    top: -8px;
    left: 0px;
}

#buy-discount {
    position: relative;
    top: 4px;
    left: 0px;
}

#view > article.card.card-window > div.card-body > p.section-title {
    font-size: 20px;
    position: relative;
    top: -16px;
    left: 0px;
}

#view > article.card.card-window > div.card-body > p.section-title > svg.ico {
    font-size: 18px;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik0zIDEzVjE0LjhDMyAxNS45MjAxIDMgMTYuNDgwMiAzLjIxNzk5IDE2LjkwOEMzLjQwOTczIDE3LjI4NDMgMy43MTU2OSAxNy41OTAzIDQuMDkyMDIgMTcuNzgyQzQuNTE5ODQgMTggNS4wNzk5IDE4IDYuMiAxOEgxNi4yNDQ2QzE2LjUyNjMgMTggMTYuNjY3MiAxOCAxNi44MDUyIDE4LjAxOTNDMTYuOTI3NyAxOC4wMzY1IDE3LjA0ODQgMTguMDY1IDE3LjE2NTYgMTguMTA0NEMxNy4yOTc3IDE4LjE0ODggMTcuNDIzNyAxOC4yMTE4IDE3LjY3NTcgMTguMzM3OEwyMSAyMFY3LjJDMjEgNi4wNzk5IDIxIDUuNTE5ODQgMjAuNzgyIDUuMDkyMDJDMjAuNTkwMyA0LjcxNTY5IDIwLjI4NDMgNC40MDk3MyAxOS45MDggNC4yMTc5OUMxOS40ODAyIDQgMTguOTIwMSA0IDE3LjggNEgxM004LjEyMTMyIDMuODc4NjhDOS4yOTI4OSA1LjA1MDI1IDkuMjkyODkgNi45NDk3NSA4LjEyMTMyIDguMTIxMzJDNi45NDk3NSA5LjI5Mjg5IDUuMDUwMjUgOS4yOTI4OSAzLjg3ODY4IDguMTIxMzJDMi43MDcxMSA2Ljk0OTc1IDIuNzA3MTEgNS4wNTAyNSAzLjg3ODY4IDMuODc4NjhDNS4wNTAyNSAyLjcwNzExIDYuOTQ5NzUgMi43MDcxMSA4LjEyMTMyIDMuODc4NjhaIiBzdHJva2U9IiM3YzVjZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz48L3N2Zz4=');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 0px;
    left: 0px;
    display: none;
}

#view > article.card.card-window > div.card-body > p.section-title > svg.ico > * {
    visibility: hidden;
}

#view > article.card.card-window > div.card-body > a.btn.btn-primary > svg.ico.ico-leading {
    width: 19px;
    height: 19px;
    font-size: 19px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgNXYxNE01IDEyaDE0Ii8+PC9zdmc+');
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.32);
    padding: 6px;
    border-radius: 12px;
}

#view > article.card.card-window > div.card-body > a.btn.btn-primary > svg.ico.ico-leading > * {
    visibility: hidden;
}

#view > article.card.card-window > div.card-body > a.btn.btn-primary > span {
    position: relative;
    top: 0px;
    left: 8px;
}

#tk-body > div.card-section:nth-of-type(3) > p.section-title > svg.ico {
    display: none;
    font-size: 11px;
}

#tk-body > div.card-section:nth-of-type(3) > p.section-title {
    font-size: 15px;
    position: relative;
    top: -8px;
    left: 0px;
}

#tk-reply-send > svg.ico.ico-leading {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgMCAyNSAyNSIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik0yLjMzMDQ1IDguMzg5OTlDMC4yNTA0NTIgMTEuODIgOS40MjA0OCAxNC45IDkuNDIwNDggMTQuOUM5LjQyMDQ4IDE0LjkgMTIuNTAwNSAyNC4wNyAxNS45MzA1IDIxLjk5QzE5LjU3MDUgMTkuNzcgMjMuOTMwNSA2LjEzIDIxLjA1MDUgMy4yN0MxOC4xNzA1IDAuNDA5OTk4IDQuNTUwNDUgNC43NDk5OSAyLjMzMDQ1IDguMzg5OTlaIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTE1LjE5OTkgOS4xMkw5LjQxOTkyIDE0LjkiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+PC9zdmc+');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
}

#tk-reply-send > svg.ico.ico-leading > * {
    visibility: hidden;
}

#tk-reply-send > span.tk-reply-label {
    position: relative;
    top: 0px;
    left: 8px;
}

#tk-submit > svg.ico.ico-leading {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgMCAyNSAyNSIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik0yLjMzMDQ1IDguMzg5OTlDMC4yNTA0NTIgMTEuODIgOS40MjA0OCAxNC45IDkuNDIwNDggMTQuOUM5LjQyMDQ4IDE0LjkgMTIuNTAwNSAyNC4wNyAxNS45MzA1IDIxLjk5QzE5LjU3MDUgMTkuNzcgMjMuOTMwNSA2LjEzIDIxLjA1MDUgMy4yN0MxOC4xNzA1IDAuNDA5OTk4IDQuNTUwNDUgNC43NDk5OSAyLjMzMDQ1IDguMzg5OTlaIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTE1LjE5OTkgOS4xMkw5LjQxOTkyIDE0LjkiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+PC9zdmc+');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
}

#tk-submit > svg.ico.ico-leading > * {
    visibility: hidden;
}

#tk-submit > span.tk-submit-label {
    position: relative;
    top: 0px;
    left: 8px;
}

#service-body > div.card-section:nth-of-type(2) > div.row-spread:nth-of-type(1) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#service-body > div.card-section:nth-of-type(2) > div.muted.mono:nth-of-type(3) {
    position: relative;
    top: 4px;
    left: 0px;
}

#service-body > div.card-section:nth-of-type(2) > div.muted.mono:nth-of-type(3) > svg.ico.ico-sm {
    width: 13px;
    height: 13px;
    font-size: 13px;
}

#service-body > div.card-section:nth-of-type(3) > div.kv:nth-of-type(1) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#service-body > div.card-section:nth-of-type(3) > div.kv:nth-of-type(2) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#service-body > div.card-section:nth-of-type(3) > div.kv:nth-of-type(3) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#service-body > div.card-section:nth-of-type(3) > div.kv:nth-of-type(4) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#service-body > div.card-section:nth-of-type(3) > div.kv:nth-of-type(5) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#service-body > div.card-section:nth-of-type(3) > div.kv:nth-of-type(6) > span.kv-label:nth-of-type(1) > svg.ico {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#service-body > div.card-section:nth-of-type(5) > p.section-title {
    font-size: 18px;
    position: relative;
    top: -4px;
    left: 0px;
}

#service-body > div.card-section:nth-of-type(5) > p.section-title > svg.ico {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

#action-grid > button.action-tile:nth-of-type(5) > svg.ico.ico-accent {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzdjNWNmZiI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+ICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA0LC0yOTIpIj4gPHBhdGggZD0ibSAyMzIuNDE5OTIsMzA2Ljg5NDUzIGMgLTAuNjQyMSwwIC0xLjI4NDAyLDAuMjQxMDYgLTEuNzY3NTgsMC43MjQ2MSBsIC0yLjkzMzU5LDIuOTM1NTUgYyAtMC4zMjQ4OCwtMC41MTI5MiAtMC44MzA2NywtMC45MTI3NyAtMS40NTUwOCwtMS4wODAwOCBsIC02LjkyMzgzLC0xLjg1NTQ3IGMgLTAuNTUxODIsLTAuMTQ3ODYgLTEuMTIyNDIsLTAuMTc1NjQgLTEuNjc1NzgsLTAuMDkxOCAtMC41NTMzNiwwLjA4MzkgLTEuMDg5MDEsMC4yNzkyOSAtMS41NzIyNiwwLjU4Mzk5IGwgLTQuMzIyMjcsMi43MjY1NiAtMC4zNDk2MSwtMC42MDc0MiBjIC0wLjQzNTQsLTAuNzU0MTQgLTEuNDM1MzEsLTEuMDIxMzQgLTIuMTg5NDUsLTAuNTg1OTQgbCAtMy4yODcxMSwxLjg5NjQ5IGMgLTAuNzU0MTQsMC40MzU0IC0xLjAyMTM0LDEuNDM1MzEgLTAuNTg1OTQsMi4xODk0NSBsIDQuODk4NDQsOC40ODI0MiBjIDAuNDM1NCwwLjc1NDE0IDEuNDMzMzYsMS4wMjMyOSAyLjE4NzUsMC41ODc4OSBsIDMuMjg3MTEsLTEuODk4NDQgYyAwLjc1NDE0LC0wLjQzNTQgMS4wMjMyOSwtMS40MzUzMSAwLjU4Nzg5LC0yLjE4OTQ1IGwgLTAuMDY0NSwtMC4xMTMyOCAxLjg3MzA0LC0xLjI2NTYzIDYuODkwNjMsMS4zNTU0NyBjIDAuOTQ0MzEsMC4xODU2NCAxLjc4ODQ2LC0wLjA3NzggMi40NjA5NCwtMC43NjU2MiAyLjIyMjUxLC0yLjI3MzI2IDQuNDQ3ODIsLTQuNTM2MjEgNi43MDUwNywtNi43NjM2NyBhIDEuMDAwMSwxLjAwMDEgMCAwIDAgMC4wMDYsLTAuMDA0IGMgMC45NjcxMSwtMC45NjcxMSAwLjk2NzExLC0yLjU3IDAsLTMuNTM3MTEgLTAuNDgzNTUsLTAuNDgzNTUgLTEuMTI3NDIsLTAuNzI0NjEgLTEuNzY5NTMsLTAuNzI0NjEgeiBtIDAsMS45ODI0MiBjIDAuMTI0NzMsMCAwLjI0OTQ2LDAuMDUyMiAwLjM1MzUyLDAuMTU2MjUgMC4yMDgxMSwwLjIwODExIDAuMjA4MTEsMC41MDA4OCAwLDAuNzA4OTkgLTIuMjY5NTYsMi4yMzk3MyAtNC41MDEzOSw0LjUxMTE4IC02LjcyNDYxLDYuNzg1MTUgLTAuMDQwOCwwLjA0MTggLTAuNTg3NjQsMC4yMTA0MSAtMC42NDQ1MywwLjE5OTIyIGwgLTcuMjk4ODMsLTEuNDMzNTkgYSAxLjAwMDEsMS4wMDAxIDAgMCAwIC0wLjc1MzkxLDAuMTUyMzQgbCAtMi4wOTk2MSwxLjQxOTkyIC0yLjQ4MDQ3LC00LjI5NDkyIDQuMzg2NzIsLTIuNzY1NjIgYyAwLjQ5NTc1LC0wLjMxMjU4IDEuMDk3OTcsLTAuNDA1NTkgMS42NjQwNywtMC4yNTM5MSBsIDYuOTIzODIsMS44NTU0NyBjIDAuMjg0MjcsMC4wNzYyIDAuNDI5NjksMC4zMjkwMiAwLjM1MzUyLDAuNjEzMjggLTAuMDc2MiwwLjI4NDI1IC0wLjMyOTAzLDAuNDI5NjggLTAuNjEzMjgsMC4zNTM1MiBsIC00LjM0NTcxLC0xLjE2NDA3IGEgMSwxIDAgMCAwIC0xLjIyNDYsMC43MDcwNCAxLDEgMCAwIDAgMC43MDcwMywxLjIyNDYgbCA0LjM0NTcsMS4xNjQwNyBjIDAuOTc1ODIsMC4yNjE0NyAxLjk4NjgxLC0wLjEwODc0IDIuNTkxOCwtMC44NTE1NyBhIDEsMSAwIDAgMCAwLjI2MzY3LC0wLjE3NTc4IGwgNC4yNDIxOSwtNC4yNDQxNCBjIDAuMTA0MDUsLTAuMTA0MDUgMC4yMjg3OCwtMC4xNTYyNSAwLjM1MzUxLC0wLjE1NjI1IHogbSAtMjIuNTMzMiwyLjY5NzI3IDAuNDg0MzcsMC44Mzk4NCBhIDEsMSAwIDAgMCAwLjEzODY4LDAuNDAwMzkgMSwxIDAgMCAwIDAuMjM4MjgsMC4yNTE5NiBsIDMuNjM4NjcsNi4zMDI3MyAtMi41OTc2NiwxLjUgLTQuNSwtNy43OTQ5MiB6Ii8+IDxwYXRoIGQ9Im0gMjI0LDMwMS4wMTM2NyBhIDEsMSAwIDAgMCAtMSwxIDEsMSAwIDAgMCAxLDEgaCAyIGEgMSwxIDAgMCAwIDEsLTEgMSwxIDAgMCAwIC0xLC0xIHoiLz4gPHBhdGggZD0ibSAyMjQsMjk3LjAxMzY3IGEgMSwxIDAgMCAwIC0xLDEgMSwxIDAgMCAwIDEsMSBoIDIgYSAxLDEgMCAwIDAgMSwtMSAxLDEgMCAwIDAgLTEsLTEgeiIvPiA8cGF0aCBkPSJtIDIyNSwyOTMuMDEzNjcgYyAtMy44NTQxNCwwIC03LDMuMTQ1ODcgLTcsNyAwLDMuODU0MTUgMy4xNDU4Niw3IDcsNyAzLjg1NDE0LDAgNywtMy4xNDU4NSA3LC03IDAsLTMuODU0MTMgLTMuMTQ1ODYsLTcgLTcsLTcgeiBtIDAsMiBjIDIuNzczMjcsMCA1LDIuMjI2NzQgNSw1IDAsMi43NzMyNyAtMi4yMjY3Myw1IC01LDUgLTIuNzczMjcsMCAtNSwtMi4yMjY3MyAtNSwtNSAwLC0yLjc3MzI2IDIuMjI2NzMsLTUgNSwtNSB6Ii8+IDwvZz4gPC9nPjwvc3ZnPg==');
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
}

#action-grid > button.action-tile:nth-of-type(5) > svg.ico.ico-accent > * {
    visibility: hidden;
}

#action-grid > button.action-tile:nth-of-type(12) > svg.ico.ico-accent {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik03LjA1MDI1IDEuNTM1NTNDOC4wMzM0NCAwLjU1MjM0OCA5LjM2NjkyIDAgMTAuNzU3NCAwQzEzLjY1MjggMCAxNiAyLjM0NzIxIDE2IDUuMjQyNjRDMTYgNi42MzMwOCAxNS40NDc3IDcuOTY2NTYgMTQuNDY0NSA4Ljk0OTc1TDEyLjQxNDIgMTFMMTEgOS41ODU3OUwxMy4wNTAzIDcuNTM1NTNDMTMuNjU4NCA2LjkyNzQyIDE0IDYuMTAyNjQgMTQgNS4yNDI2NEMxNCAzLjQ1MTc4IDEyLjU0ODIgMiAxMC43NTc0IDJDOS44OTczNiAyIDkuMDcyNTggMi4zNDE2MyA4LjQ2NDQ3IDIuOTQ5NzVMNi40MTQyMSA1TDUgMy41ODU3OUw3LjA1MDI1IDEuNTM1NTNaIiBmaWxsPSIjN2M1Y2ZmIi8+IDxwYXRoIGQ9Ik03LjUzNTUzIDEzLjA1MDNMOS41ODU3OSAxMUwxMSAxMi40MTQyTDguOTQ5NzUgMTQuNDY0NUM3Ljk2NjU2IDE1LjQ0NzcgNi42MzMwOCAxNiA1LjI0MjY0IDE2QzIuMzQ3MjEgMTYgMCAxMy42NTI4IDAgMTAuNzU3NEMwIDkuMzY2OTMgMC41NTIzNDcgOC4wMzM0NCAxLjUzNTUzIDcuMDUwMjVMMy41ODU3OSA1TDUgNi40MTQyMUwyLjk0OTc1IDguNDY0NDdDMi4zNDE2MyA5LjA3MjU4IDIgOS44OTczNiAyIDEwLjc1NzRDMiAxMi41NDgyIDMuNDUxNzggMTQgNS4yNDI2NCAxNEM2LjEwMjY0IDE0IDYuOTI3NDIgMTMuNjU4NCA3LjUzNTUzIDEzLjA1MDNaIiBmaWxsPSIjN2M1Y2ZmIi8+IDxwYXRoIGQ9Ik01LjcwNzExIDExLjcwNzFMMTEuNzA3MSA1LjcwNzExTDEwLjI5MjkgNC4yOTI4OUw0LjI5Mjg5IDEwLjI5MjlMNS43MDcxMSAxMS43MDcxWiIgZmlsbD0iIzdjNWNmZiIvPiA8L2c+PC9zdmc+');
    background-size: 22 22;
    background-repeat: no-repeat;
    background-position: center;
}

#action-grid > button.action-tile:nth-of-type(12) > svg.ico.ico-accent > * {
    visibility: hidden;
}

#action-panel-host > div.card-section > p.section-title:nth-of-type(1) {
    font-size: 15px;
}

#action-panel-host > div.card-section > p.section-title:nth-of-type(1) > svg.ico {
    font-size: 13px;
    width: 13px;
    height: 13px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzdjNWNmZiI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+ICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA0LC0yOTIpIj4gPHBhdGggZD0ibSAyMzIuNDE5OTIsMzA2Ljg5NDUzIGMgLTAuNjQyMSwwIC0xLjI4NDAyLDAuMjQxMDYgLTEuNzY3NTgsMC43MjQ2MSBsIC0yLjkzMzU5LDIuOTM1NTUgYyAtMC4zMjQ4OCwtMC41MTI5MiAtMC44MzA2NywtMC45MTI3NyAtMS40NTUwOCwtMS4wODAwOCBsIC02LjkyMzgzLC0xLjg1NTQ3IGMgLTAuNTUxODIsLTAuMTQ3ODYgLTEuMTIyNDIsLTAuMTc1NjQgLTEuNjc1NzgsLTAuMDkxOCAtMC41NTMzNiwwLjA4MzkgLTEuMDg5MDEsMC4yNzkyOSAtMS41NzIyNiwwLjU4Mzk5IGwgLTQuMzIyMjcsMi43MjY1NiAtMC4zNDk2MSwtMC42MDc0MiBjIC0wLjQzNTQsLTAuNzU0MTQgLTEuNDM1MzEsLTEuMDIxMzQgLTIuMTg5NDUsLTAuNTg1OTQgbCAtMy4yODcxMSwxLjg5NjQ5IGMgLTAuNzU0MTQsMC40MzU0IC0xLjAyMTM0LDEuNDM1MzEgLTAuNTg1OTQsMi4xODk0NSBsIDQuODk4NDQsOC40ODI0MiBjIDAuNDM1NCwwLjc1NDE0IDEuNDMzMzYsMS4wMjMyOSAyLjE4NzUsMC41ODc4OSBsIDMuMjg3MTEsLTEuODk4NDQgYyAwLjc1NDE0LC0wLjQzNTQgMS4wMjMyOSwtMS40MzUzMSAwLjU4Nzg5LC0yLjE4OTQ1IGwgLTAuMDY0NSwtMC4xMTMyOCAxLjg3MzA0LC0xLjI2NTYzIDYuODkwNjMsMS4zNTU0NyBjIDAuOTQ0MzEsMC4xODU2NCAxLjc4ODQ2LC0wLjA3NzggMi40NjA5NCwtMC43NjU2MiAyLjIyMjUxLC0yLjI3MzI2IDQuNDQ3ODIsLTQuNTM2MjEgNi43MDUwNywtNi43NjM2NyBhIDEuMDAwMSwxLjAwMDEgMCAwIDAgMC4wMDYsLTAuMDA0IGMgMC45NjcxMSwtMC45NjcxMSAwLjk2NzExLC0yLjU3IDAsLTMuNTM3MTEgLTAuNDgzNTUsLTAuNDgzNTUgLTEuMTI3NDIsLTAuNzI0NjEgLTEuNzY5NTMsLTAuNzI0NjEgeiBtIDAsMS45ODI0MiBjIDAuMTI0NzMsMCAwLjI0OTQ2LDAuMDUyMiAwLjM1MzUyLDAuMTU2MjUgMC4yMDgxMSwwLjIwODExIDAuMjA4MTEsMC41MDA4OCAwLDAuNzA4OTkgLTIuMjY5NTYsMi4yMzk3MyAtNC41MDEzOSw0LjUxMTE4IC02LjcyNDYxLDYuNzg1MTUgLTAuMDQwOCwwLjA0MTggLTAuNTg3NjQsMC4yMTA0MSAtMC42NDQ1MywwLjE5OTIyIGwgLTcuMjk4ODMsLTEuNDMzNTkgYSAxLjAwMDEsMS4wMDAxIDAgMCAwIC0wLjc1MzkxLDAuMTUyMzQgbCAtMi4wOTk2MSwxLjQxOTkyIC0yLjQ4MDQ3LC00LjI5NDkyIDQuMzg2NzIsLTIuNzY1NjIgYyAwLjQ5NTc1LC0wLjMxMjU4IDEuMDk3OTcsLTAuNDA1NTkgMS42NjQwNywtMC4yNTM5MSBsIDYuOTIzODIsMS44NTU0NyBjIDAuMjg0MjcsMC4wNzYyIDAuNDI5NjksMC4zMjkwMiAwLjM1MzUyLDAuNjEzMjggLTAuMDc2MiwwLjI4NDI1IC0wLjMyOTAzLDAuNDI5NjggLTAuNjEzMjgsMC4zNTM1MiBsIC00LjM0NTcxLC0xLjE2NDA3IGEgMSwxIDAgMCAwIC0xLjIyNDYsMC43MDcwNCAxLDEgMCAwIDAgMC43MDcwMywxLjIyNDYgbCA0LjM0NTcsMS4xNjQwNyBjIDAuOTc1ODIsMC4yNjE0NyAxLjk4NjgxLC0wLjEwODc0IDIuNTkxOCwtMC44NTE1NyBhIDEsMSAwIDAgMCAwLjI2MzY3LC0wLjE3NTc4IGwgNC4yNDIxOSwtNC4yNDQxNCBjIDAuMTA0MDUsLTAuMTA0MDUgMC4yMjg3OCwtMC4xNTYyNSAwLjM1MzUxLC0wLjE1NjI1IHogbSAtMjIuNTMzMiwyLjY5NzI3IDAuNDg0MzcsMC44Mzk4NCBhIDEsMSAwIDAgMCAwLjEzODY4LDAuNDAwMzkgMSwxIDAgMCAwIDAuMjM4MjgsMC4yNTE5NiBsIDMuNjM4NjcsNi4zMDI3MyAtMi41OTc2NiwxLjUgLTQuNSwtNy43OTQ5MiB6Ii8+IDxwYXRoIGQ9Im0gMjI0LDMwMS4wMTM2NyBhIDEsMSAwIDAgMCAtMSwxIDEsMSAwIDAgMCAxLDEgaCAyIGEgMSwxIDAgMCAwIDEsLTEgMSwxIDAgMCAwIC0xLC0xIHoiLz4gPHBhdGggZD0ibSAyMjQsMjk3LjAxMzY3IGEgMSwxIDAgMCAwIC0xLDEgMSwxIDAgMCAwIDEsMSBoIDIgYSAxLDEgMCAwIDAgMSwtMSAxLDEgMCAwIDAgLTEsLTEgeiIvPiA8cGF0aCBkPSJtIDIyNSwyOTMuMDEzNjcgYyAtMy44NTQxNCwwIC03LDMuMTQ1ODcgLTcsNyAwLDMuODU0MTUgMy4xNDU4Niw3IDcsNyAzLjg1NDE0LDAgNywtMy4xNDU4NSA3LC03IDAsLTMuODU0MTMgLTMuMTQ1ODYsLTcgLTcsLTcgeiBtIDAsMiBjIDIuNzczMjcsMCA1LDIuMjI2NzQgNSw1IDAsMi43NzMyNyAtMi4yMjY3Myw1IC01LDUgLTIuNzczMjcsMCAtNSwtMi4yMjY3MyAtNSwtNSAwLC0yLjc3MzI2IDIuMjI2NzMsLTUgNSwtNSB6Ii8+IDwvZz4gPC9nPjwvc3ZnPg==');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
}

#action-panel-host > div.card-section > p.section-title:nth-of-type(1) > svg.ico > * {
    visibility: hidden;
}

#ar-submit > svg.ico.ico-leading {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgMCAyNSAyNSIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik0yLjMzMDQ1IDguMzg5OTlDMC4yNTA0NTIgMTEuODIgOS40MjA0OCAxNC45IDkuNDIwNDggMTQuOUM5LjQyMDQ4IDE0LjkgMTIuNTAwNSAyNC4wNyAxNS45MzA1IDIxLjk5QzE5LjU3MDUgMTkuNzcgMjMuOTMwNSA2LjEzIDIxLjA1MDUgMy4yN0MxOC4xNzA1IDAuNDA5OTk4IDQuNTUwNDUgNC43NDk5OSAyLjMzMDQ1IDguMzg5OTlaIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTE1LjE5OTkgOS4xMkw5LjQxOTkyIDE0LjkiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+PC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#ar-submit > svg.ico.ico-leading > * {
    visibility: hidden;
}

#ar-submit > span.ar-label {
    position: relative;
    top: 0px;
    left: 8px;
}

#action-panel-host > div.card-section > p.section-title > svg.ico {
    display: none;
}

#action-panel-host > div.card-section > p.section-title {
    position: relative;
    top: -4px;
    left: 0px;
}

#recharge-host > div.kv:nth-of-type(1) > span.kv-label:nth-of-type(1) > svg.ico {
    font-size: 18px;
}

#recharge-host > div.kv:nth-of-type(2) > span.kv-label:nth-of-type(1) > svg.ico > path:nth-of-type(1) {
    font-size: 18px;
}

#recharge-host > div.kv:nth-of-type(2) > span.kv-label:nth-of-type(1) > svg.ico {
    font-size: 18px;
}

#recharge-host > div.card-section.mt-md:nth-of-type(3) > p.section-title:nth-of-type(1) {
    font-size: 15px;
}

#recharge-host > div.card-section.mt-md:nth-of-type(3) > p.section-title:nth-of-type(1) > svg.ico.ico-leading {
    font-size: 15px;
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGc+IDxwYXRoIGQ9Ik0xMiA3VjIwTTEyIDdIOC40NjQyOUM3Ljk0MzMyIDcgNy40NDM3IDYuNzg5MjkgNy4wNzUzMyA2LjQxNDIxQzYuNzA2OTUgNi4wMzkxNCA2LjUgNS41MzA0MyA2LjUgNUM2LjUgNC40Njk1NyA2LjcwNjk1IDMuOTYwODYgNy4wNzUzMyAzLjU4NTc5QzcuNDQzNyAzLjIxMDcxIDcuOTQzMzIgMyA4LjQ2NDI5IDNDMTEuMjE0MyAzIDEyIDcgMTIgN1pNMTIgN0gxNS41MzU3QzE2LjA1NjcgNyAxNi41NTYzIDYuNzg5MjkgMTYuOTI0NyA2LjQxNDIxQzE3LjI5MyA2LjAzOTE0IDE3LjUgNS41MzA0MyAxNy41IDVDMTcuNSA0LjQ2OTU3IDE3LjI5MyAzLjk2MDg2IDE2LjkyNDcgMy41ODU3OUMxNi41NTYzIDMuMjEwNzEgMTYuMDU2NyAzIDE1LjUzNTcgM0MxMi43ODU3IDMgMTIgNyAxMiA3Wk01IDEySDE5VjE3LjhDMTkgMTguOTIwMSAxOSAxOS40ODAyIDE4Ljc4MiAxOS45MDhDMTguNTkwMyAyMC4yODQzIDE4LjI4NDMgMjAuNTkwMyAxNy45MDggMjAuNzgyQzE3LjQ4MDIgMjEgMTYuOTIwMSAyMSAxNS44IDIxSDguMkM3LjA3OTg5IDIxIDYuNTE5ODQgMjEgNi4wOTIwMiAyMC43ODJDNS43MTU2OSAyMC41OTAzIDUuNDA5NzMgMjAuMjg0MyA1LjIxNzk5IDE5LjkwOEM1IDE5LjQ4MDIgNSAxOC45MjAxIDUgMTcuOFYxMlpNNC42IDEySDE5LjRDMTkuOTYwMSAxMiAyMC4yNDAxIDEyIDIwLjQ1NCAxMS44OTFDMjAuNjQyMiAxMS43OTUxIDIwLjc5NTEgMTEuNjQyMiAyMC44OTEgMTEuNDU0QzIxIDExLjI0MDEgMjEgMTAuOTYwMSAyMSAxMC40VjguNkMyMSA4LjAzOTk1IDIxIDcuNzU5OTIgMjAuODkxIDcuNTQ2MDFDMjAuNzk1MSA3LjM1Nzg1IDIwLjY0MjIgNy4yMDQ4NyAyMC40NTQgNy4xMDg5OUMyMC4yNDAxIDcgMTkuOTYwMSA3IDE5LjQgN0g0LjZDNC4wMzk5NSA3IDMuNzU5OTIgNyAzLjU0NjAxIDcuMTA4OTlDMy4zNTc4NSA3LjIwNDg3IDMuMjA0ODcgNy4zNTc4NSAzLjEwODk5IDcuNTQ2MDFDMyA3Ljc1OTkyIDMgOC4wMzk5NSAzIDguNlYxMC40QzMgMTAuOTYwMSAzIDExLjI0MDEgMy4xMDg5OSAxMS40NTRDMy4yMDQ4NyAxMS42NDIyIDMuMzU3ODUgMTEuNzk1MSAzLjU0NjAxIDExLjg5MUMzLjc1OTkyIDEyIDQuMDM5OTUgMTIgNC42IDEyWiIgc3Ryb2tlPSIjN2M1Y2ZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+PC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#recharge-host > div.card-section.mt-md:nth-of-type(3) > p.section-title:nth-of-type(1) > svg.ico.ico-leading > * {
    visibility: hidden;
}

#pay-form-host > div.card-section > p.section-title:nth-of-type(1) {
    font-size: 15px;
}

#pay-form-host > div.card-section > p.section-title:nth-of-type(1) > svg.ico.ico-accent {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

#pay-result-host > div.card-section.cart-info-card > div.card-section.mt-md:nth-of-type(5) > p.section-title:nth-of-type(1) {
    font-size: 13px;
}

#pay-result-host > div.card-section.cart-info-card > div.card-section.mt-md:nth-of-type(5) > p.section-title:nth-of-type(1) > svg.ico {
    font-size: 13px;
    width: 13px;
    height: 13px;
}

#pay-result-host > div.card-section.cart-info-card > div.card-section.mt-md:nth-of-type(5) > p.section-title:nth-of-type(1) > svg.ico > path {
    display: none;
}

article.card > article.card.card-window > div.card-body.info-card > div.info-card-title-row:nth-of-type(1) > div.info-card-title > span.arrow:nth-of-type(1) {
    display: none;
}

div.card-body.info-card > div.info-card-body:nth-of-type(2) > div.info-stats:nth-of-type(2) > div:nth-of-type(1) > div.info-stat-label:nth-of-type(1) > span.glyph:nth-of-type(1) {
    display: none;
}

div.card-body.info-card > div.info-card-body:nth-of-type(2) > div.info-stats:nth-of-type(2) > div:nth-of-type(2) > div.info-stat-label:nth-of-type(1) > span.glyph:nth-of-type(1) {
    display: none;
}

#view > article.card > div.service-detail-list:nth-of-type(2) > div.service-detail-row:nth-of-type(1) > svg.ico.ico-leading {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#view > article.card > div.service-detail-list:nth-of-type(2) > div.service-detail-row:nth-of-type(2) > svg.ico.ico-leading {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#view > article.card > div.service-detail-list:nth-of-type(2) > div.service-detail-row:nth-of-type(3) > svg.ico.ico-leading {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#view > article.card > div.service-detail-list:nth-of-type(2) > div.service-detail-row:nth-of-type(4) > svg.ico.ico-leading {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#view > article.card > div.service-detail-list:nth-of-type(2) > div.service-detail-row:nth-of-type(5) > svg.ico.ico-leading {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#view > article.card > div.service-detail-list:nth-of-type(2) > div.service-detail-row:nth-of-type(6) > svg.ico.ico-leading {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#view > article.card > div.sub-link-box:nth-of-type(3) > div.label:nth-of-type(1) > svg.ico.ico-leading {
    width: 18px;
    height: 18px;
    font-size: 18px;
}
/* FX-EDIT-OVERRIDES-END */