@import '_content/Platform.MudBlazor/Platform.MudBlazor.r6ajb96vpn.bundle.scp.css';

/* /Login.razor.rz.scp.css */
.login-page[b-y8ysylt9jz] {
    min-height: calc(100svh - 128px);
    display: grid;
    place-items: center;
    padding: 40px 24px;
    background: radial-gradient(ellipse at top left, rgba(20, 184, 166, .10), transparent 55%), #f3f6fa;
}
.login-shell[b-y8ysylt9jz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: min(100%, 980px);
    overflow: hidden;
    border: 1px solid #e3e9ef;
    border-radius: 24px;
    background: var(--mud-palette-surface, #fff);
    box-shadow: 0 24px 70px rgba(15, 35, 60, .09);
}
.login-intro[b-y8ysylt9jz] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
    padding: 44px;
    color: #fff;
    background: radial-gradient(circle at 100% 100%, #156c73, transparent 65%), #102c40;
}
.login-brand[b-y8ysylt9jz] { display: flex; align-items: center; gap: 12px; font-size: 24px; font-weight: 700; letter-spacing: -.5px; }
.login-eyebrow[b-y8ysylt9jz] { color: #8de0d1; font-size: 11px; letter-spacing: 2px; font-weight: 700; }
.login-intro h2[b-y8ysylt9jz] { margin: 18px 0; font-size: clamp(26px, 3vw, 36px); line-height: 1.2; font-weight: 650; letter-spacing: -1px; }
.login-intro p[b-y8ysylt9jz] { color: #c9dce4; font-size: 15px; line-height: 1.8; max-width: 340px; }
.login-features[b-y8ysylt9jz] { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 32px; }
.login-features span[b-y8ysylt9jz] { display: flex; align-items: center; gap: 7px; color: #d5eeeb; font-size: 12px; }
.login-features[b-y8ysylt9jz]  .mud-icon-root { font-size: 18px; }
.login-intro-footer[b-y8ysylt9jz] { color: #a9c5d0; font-size: 12px; }
.login-form-panel[b-y8ysylt9jz] { padding: 48px 44px 36px; }
.login-heading-icon[b-y8ysylt9jz] { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #087968; background: #e9f6f2; margin-bottom: 22px; }
.login-form-panel h1[b-y8ysylt9jz] { margin: 0; font-size: 29px; font-weight: 700; letter-spacing: -.8px; color: var(--mud-palette-text-primary); }
.login-subtitle[b-y8ysylt9jz] { margin: 10px 0 28px; font-size: 14px; line-height: 1.6; color: var(--mud-palette-text-secondary); }
.login-field[b-y8ysylt9jz] { margin-bottom: 18px; }
.login-error[b-y8ysylt9jz] { margin-bottom: 18px; }
.login-submit[b-y8ysylt9jz] { margin-top: 26px; }
.login-submit[b-y8ysylt9jz]  .mud-button-root { min-height: 48px; border-radius: 10px; text-transform: none; font-weight: 600; }
.login-help[b-y8ysylt9jz] { margin: 28px 0 0; padding-top: 24px; border-top: 1px solid var(--mud-palette-lines-default, #e7edf1); text-align: center; font-size: 12px; line-height: 1.9; color: var(--mud-palette-text-secondary); }
.login-help strong[b-y8ysylt9jz] { font-weight: 500; color: var(--mud-palette-text-primary); }
@media (max-width: 760px) {
    .login-page[b-y8ysylt9jz] { padding: 20px 12px; }
    .login-shell[b-y8ysylt9jz] { max-width: 480px; grid-template-columns: 1fr; border-radius: 18px; }
    .login-intro[b-y8ysylt9jz] { padding: 24px 28px; gap: 0; }
    .login-intro-content[b-y8ysylt9jz], .login-intro-footer[b-y8ysylt9jz] { display: none; }
    .login-form-panel[b-y8ysylt9jz] { padding: 30px 28px; }
}
@media (max-width: 360px) {
    .login-page[b-y8ysylt9jz] { padding: 12px 4px; }
    .login-form-panel[b-y8ysylt9jz] { padding: 24px 18px; }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-i3tkbt3tdz]{background:#f6f8fb;min-height:100vh}.dashboard-header[b-i3tkbt3tdz]{border-radius:20px;background:linear-gradient(135deg,#073b4c,#00695c);color:#fff}.dashboard-heading[b-i3tkbt3tdz]{font-weight:750}.dashboard-muted[b-i3tkbt3tdz]{color:rgba(255,255,255,.75)}.period-select[b-i3tkbt3tdz]{width:150px;background:#fff;border-radius:8px}.kpi-card[b-i3tkbt3tdz],.dashboard-card[b-i3tkbt3tdz]{height:100%;border-radius:16px;background:#fff}.kpi-card[b-i3tkbt3tdz]{position:relative;overflow:hidden;border:1px solid #edf1f5}.kpi-card[b-i3tkbt3tdz]:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:currentColor;opacity:.07}.kpi-icon[b-i3tkbt3tdz]{margin-bottom:14px}.kpi-value[b-i3tkbt3tdz]{font-weight:750;margin:6px 0}.wallet-card[b-i3tkbt3tdz]{color:#00695c}.business-card[b-i3tkbt3tdz]{color:#1565c0}.success-card[b-i3tkbt3tdz]{color:#2e7d32}.action-card[b-i3tkbt3tdz]{color:#ed6c02}.trend-chart[b-i3tkbt3tdz]{height:230px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #e6ebef;padding-top:16px}.trend-column[b-i3tkbt3tdz]{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:24px}.trend-bar[b-i3tkbt3tdz]{width:min(34px,70%);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#26a69a,#00695c)}.trend-column span[b-i3tkbt3tdz]{font-size:.68rem;color:#667085;margin-top:8px;white-space:nowrap}@media(max-width:700px){.dashboard-page[b-i3tkbt3tdz]{padding-left:12px;padding-right:12px}.dashboard-header-stack[b-i3tkbt3tdz]{align-items:flex-start!important;flex-direction:column!important}.dashboard-header[b-i3tkbt3tdz],.kpi-card[b-i3tkbt3tdz],.dashboard-card[b-i3tkbt3tdz]{border-radius:14px}.trend-chart[b-i3tkbt3tdz]{overflow-x:auto}.trend-column[b-i3tkbt3tdz]{min-width:42px}}
/* /Pages/OPM/Setup/BankMasterBasePage.razor.rz.scp.css */
/* /Pages/OPM/Setup/CircleMasterBasePage.razor.rz.scp.css */
/* /Pages/OPM/Setup/OperatorMasterBasePage.razor.rz.scp.css */
/* /Pages/OPM/Setup/ProviderBasePage.razor.rz.scp.css */
/* /Pages/OPM/Setup/ProviderRuleBasePage.razor.rz.scp.css */
/* /Pages/OPM/Setup/ServiceTypeMasterBasePage.razor.rz.scp.css */
/* /Pages/Recharge/Transactions/BbpsBillEntry.razor.rz.scp.css */
.bbps-entry[b-l10oteljdb] { border-radius: 20px; background: white; }
.entry-section[b-l10oteljdb] { border-left: 8px solid #0753c9; padding-left: 16px; font-size: 1.35rem; font-weight: 700; margin: 0 0 36px; }
.customer-section[b-l10oteljdb] { margin-top: 40px; }
.entry-label[b-l10oteljdb] { font-weight: 600; margin: 24px 0 16px; }
.required-mark[b-l10oteljdb] { color: #d32f2f; margin-right: 4px; }
[b-l10oteljdb] .customer-input .mud-input-outlined { background: #f4f7fc; border-radius: 14px; }
[b-l10oteljdb] .fetch-button { background: #0753c9; border-radius: 14px; min-height: 56px; text-transform: none; font-size: 1.1rem; font-weight: 700; }
[b-l10oteljdb] .fetch-button:disabled { background: #e0e0e0; }
/* /Pages/Recharge/Transactions/RechargeEntry.razor.rz.scp.css */
.recharge-page[b-191qiihay6] { max-width: 920px; }
.recharge-hero[b-191qiihay6] { color: white; border-radius: 20px; background: linear-gradient(135deg, #00695c 0%, #00897b 55%, #26a69a 100%); }
.recharge-hero-icon[b-191qiihay6] { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; background: rgba(255,255,255,.16); }
.recharge-title[b-191qiihay6] { font-weight: 700; letter-spacing: -.02em; }
.recharge-subtitle[b-191qiihay6] { color: rgba(255,255,255,.82); }
.recharge-form[b-191qiihay6], .result-card[b-191qiihay6], .confirmation-card[b-191qiihay6] { border-radius: 18px; }
.section-title[b-191qiihay6] { color: #00695c; font-weight: 650; }
.confirmation-card[b-191qiihay6] { border: 1px solid rgba(0,137,123,.24); background: linear-gradient(180deg, #fff 0%, #f4fbfa 100%); }
.quick-amounts[b-191qiihay6] { flex-wrap: wrap; }
@media (max-width: 600px) { .recharge-page[b-191qiihay6] { padding-left: 12px; padding-right: 12px; } .recharge-hero[b-191qiihay6], .recharge-form[b-191qiihay6], .result-card[b-191qiihay6], .confirmation-card[b-191qiihay6] { border-radius: 14px; } }
/* /Pages/Recharge/Transactions/RechargeEntryModern.razor.rz.scp.css */
.modern-recharge[b-qgd7sy1aoh]{--blue:#087cf0;--ink:#15213a;--muted:#66758a;--line:#e3eaf2;max-width:1380px;margin:auto;padding:18px 22px 40px;color:var(--ink)}
.page-head[b-qgd7sy1aoh]{display:flex;align-items:center;gap:13px;margin:0 10px 12px}.page-head>span[b-qgd7sy1aoh]{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;color:#ed3f62;background:#fff0f4}.page-head h1[b-qgd7sy1aoh]{margin:0;font-size:1.45rem;font-weight:800}.page-head p[b-qgd7sy1aoh]{margin:1px 0 0;color:var(--muted);font-size:.78rem}
.service-strip[b-qgd7sy1aoh]{display:flex;min-height:84px;margin-bottom:16px;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.service-item[b-qgd7sy1aoh]{position:relative;flex:1 0 104px;padding:12px 8px;border:0;border-right:1px solid #edf1f6;color:#40506a;background:#fff;cursor:pointer}.service-item[b-qgd7sy1aoh]  .mud-icon-root{display:block;margin:0 auto 7px}.service-item span[b-qgd7sy1aoh]{font-size:.72rem;font-weight:600;white-space:nowrap}.service-item.active[b-qgd7sy1aoh]{color:var(--blue);background:#eef7ff}.service-item.active[b-qgd7sy1aoh]:after{position:absolute;right:0;bottom:0;left:0;height:3px;content:"";background:var(--blue)}.service-item:disabled[b-qgd7sy1aoh]{color:#8995a6;cursor:not-allowed}
.content-grid[b-qgd7sy1aoh]{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(285px,.85fr);gap:16px;align-items:start}.form-panel[b-qgd7sy1aoh],.side-card[b-qgd7sy1aoh],.offer[b-qgd7sy1aoh],.confirm-panel[b-qgd7sy1aoh],.result-panel[b-qgd7sy1aoh]{border:1px solid var(--line);border-radius:12px;background:#fff}.form-panel[b-qgd7sy1aoh]{overflow:hidden}.form-panel section[b-qgd7sy1aoh]{padding:16px 20px;border-bottom:1px solid var(--line)}.form-panel h2[b-qgd7sy1aoh]{margin:0 0 11px;font-size:.82rem;font-weight:750}.form-panel h2 b[b-qgd7sy1aoh]{margin-right:5px}.form-panel h2 small[b-qgd7sy1aoh]{color:var(--muted);font-weight:500}
.admin-context[b-qgd7sy1aoh]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#f8fafc}.mobile-operator-row[b-qgd7sy1aoh]{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:14px;align-items:start}.operator-picker[b-qgd7sy1aoh]{text-align:center}.operator-round[b-qgd7sy1aoh]{width:43px;height:43px;display:grid;place-items:center;margin:0 auto 4px;border-radius:50%;color:#fff;background:#ed263f}.detected-line[b-qgd7sy1aoh]{display:flex;align-items:center;gap:7px;margin:4px 0 0;padding-left:8px;font-size:.65rem}.detected-line em[b-qgd7sy1aoh]{padding:2px 7px;border-radius:8px;color:#29924c;background:#e9f8ee;font-style:normal}.circle-field[b-qgd7sy1aoh]{max-width:470px}.two-fields[b-qgd7sy1aoh]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.plan-tabs[b-qgd7sy1aoh]{display:grid;grid-template-columns:1fr 1fr;margin-bottom:8px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.plan-tabs button[b-qgd7sy1aoh]{padding:9px;border:0;color:#526178;background:#fff;font-size:.74rem}.plan-tabs button.active[b-qgd7sy1aoh]{color:#fff;background:var(--blue)}
.plan-list[b-qgd7sy1aoh]{border:1px solid var(--line);border-radius:7px;overflow:hidden}.plan-row[b-qgd7sy1aoh]{position:relative;width:100%;display:grid;grid-template-columns:20px 1.1fr 1fr 1fr 1fr;align-items:center;gap:7px;padding:10px;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;cursor:pointer}.plan-row:last-child[b-qgd7sy1aoh]{border-bottom:0}.plan-row.selected[b-qgd7sy1aoh]{background:#edf7ff}.plan-row .radio[b-qgd7sy1aoh]{width:12px;height:12px;border:1px solid #8997aa;border-radius:50%}.plan-row.selected .radio[b-qgd7sy1aoh]{border:4px solid var(--blue)}.plan-row strong[b-qgd7sy1aoh],.plan-row span[b-qgd7sy1aoh]{font-size:.73rem}.plan-row small[b-qgd7sy1aoh]{display:block;margin-top:2px;color:var(--muted);font-size:.61rem;font-weight:400}.plan-row em[b-qgd7sy1aoh]{position:absolute;right:8px;top:5px;padding:2px 6px;border-radius:8px;color:#29924c;background:#e9f8ee;font-size:.55rem;font-style:normal}.custom[b-qgd7sy1aoh]{max-width:310px;margin-top:10px}
.pay-bar[b-qgd7sy1aoh]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;background:#f1f8ff}.pay-bar span[b-qgd7sy1aoh],.pay-bar strong[b-qgd7sy1aoh],.pay-bar small[b-qgd7sy1aoh]{display:block}.pay-bar span[b-qgd7sy1aoh]{color:var(--muted);font-size:.66rem}.pay-bar strong[b-qgd7sy1aoh]{color:#126fc8;font-size:1.25rem}.pay-bar small[b-qgd7sy1aoh]{color:var(--muted);font-size:.58rem}.pay-bar>div:last-child[b-qgd7sy1aoh]{display:flex;gap:8px}
aside[b-qgd7sy1aoh]{display:grid;gap:13px}.side-card[b-qgd7sy1aoh]{padding:15px}.side-card h3[b-qgd7sy1aoh]{margin:0;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:.78rem}.side-card p[b-qgd7sy1aoh]{margin:12px 0 2px;color:var(--muted);font-size:.72rem}.operator[b-qgd7sy1aoh]{display:flex;align-items:center;gap:10px;padding-top:13px}.operator>span[b-qgd7sy1aoh]{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ed3f62}.operator strong[b-qgd7sy1aoh],.operator small[b-qgd7sy1aoh]{display:block}.operator small[b-qgd7sy1aoh]{color:var(--muted)}.quick-tabs[b-qgd7sy1aoh]{display:flex;justify-content:space-between;padding:11px 0 7px;font-size:.65rem}.quick-tabs b[b-qgd7sy1aoh]{color:var(--blue)}.offer[b-qgd7sy1aoh]{display:flex;align-items:center;gap:12px;padding:18px;color:#fff;background:linear-gradient(135deg,#7759e8,#b96ee9)}.offer[b-qgd7sy1aoh]  .mud-icon-root{font-size:2.2rem}.offer strong[b-qgd7sy1aoh],.offer span[b-qgd7sy1aoh]{display:block}.offer span[b-qgd7sy1aoh]{font-size:.65rem;opacity:.9}.tips[b-qgd7sy1aoh]{border-color:#c7e8fa;background:#eff9ff}.tips ul[b-qgd7sy1aoh]{margin:10px 0 0;padding-left:17px;color:#526277;font-size:.67rem;line-height:1.65}
.validation-box[b-qgd7sy1aoh]{margin-bottom:12px;padding:10px 14px;border:1px solid #efb6b2;border-radius:8px;color:#b42318;background:#fff6f5}.validation-box:empty[b-qgd7sy1aoh]{display:none}.confirm-panel[b-qgd7sy1aoh],.result-panel[b-qgd7sy1aoh]{max-width:760px;margin:25px auto;padding:25px}.confirm-panel h2[b-qgd7sy1aoh]{margin:0}.confirm-panel>p[b-qgd7sy1aoh]{color:var(--muted)}.confirm-grid[b-qgd7sy1aoh]{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fafcff}.confirm-grid span[b-qgd7sy1aoh],.confirm-grid strong[b-qgd7sy1aoh]{display:block}.confirm-grid span[b-qgd7sy1aoh]{color:var(--muted);font-size:.7rem}.confirm-grid .wide[b-qgd7sy1aoh]{grid-column:1/-1}.confirm-total[b-qgd7sy1aoh]{margin:13px 0;padding:14px;border-radius:9px;background:#eef7ff}.confirm-total span[b-qgd7sy1aoh],.confirm-total strong[b-qgd7sy1aoh]{display:block}.confirm-total strong[b-qgd7sy1aoh]{color:var(--blue);font-size:1.5rem}.confirm-actions[b-qgd7sy1aoh]{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.result-panel[b-qgd7sy1aoh]{text-align:center}.result-panel>div[b-qgd7sy1aoh]{display:flex;justify-content:space-between;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px}
@media(max-width:1000px){.content-grid[b-qgd7sy1aoh]{grid-template-columns:1fr}aside[b-qgd7sy1aoh]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.modern-recharge[b-qgd7sy1aoh]{padding:12px}.admin-context[b-qgd7sy1aoh],.mobile-operator-row[b-qgd7sy1aoh],.two-fields[b-qgd7sy1aoh],aside[b-qgd7sy1aoh]{grid-template-columns:1fr}.operator-picker[b-qgd7sy1aoh]{display:grid;grid-template-columns:44px 1fr;align-items:center;text-align:left}.operator-round[b-qgd7sy1aoh]{margin:0}.plan-row[b-qgd7sy1aoh]{grid-template-columns:18px 1fr 1fr}.plan-row span:nth-of-type(n+4)[b-qgd7sy1aoh]{display:none}.pay-bar[b-qgd7sy1aoh]{align-items:stretch;flex-direction:column}.pay-bar>div:last-child[b-qgd7sy1aoh]{display:grid;grid-template-columns:1fr 1fr}.confirm-grid[b-qgd7sy1aoh]{grid-template-columns:1fr}.confirm-grid .wide[b-qgd7sy1aoh]{grid-column:auto}}
/* /Pages/Recharge/Transactions/RechargeServices.razor.rz.scp.css */
.recharge-services[b-23l2djr28i] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 280px)); gap: 20px; margin-top: 24px; }
.recharge-service[b-23l2djr28i] { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 28px; border: 1px solid #dce6e5; border-radius: 12px; color: #12685d; background: white; text-decoration: none; }
.recharge-service:hover[b-23l2djr28i], .recharge-service:focus-visible[b-23l2djr28i] { background: #eefaf7; border-color: #19b99d; outline: 2px solid #19b99d; }
.recharge-service strong[b-23l2djr28i] { font-size: 1.2rem; }
.recharge-service span[b-23l2djr28i] { color: #566574; }
.service-section[b-23l2djr28i] { margin-top: 32px; padding-left: 14px; border-left: 5px solid #19b99d; font-size: 1.4rem; }
@media (max-width: 480px) {
    .recharge-services[b-23l2djr28i] { grid-template-columns: minmax(0, 1fr); }
}
/* /Pages/Wallet/Setup/WalletsBasePage.razor.rz.scp.css */
/* /Pages/Wallet/Transaction/WalletFundRequestBasePage.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-o8m7tznv84] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-o8m7tznv84] {
    flex: 1;
}

.sidebar[b-o8m7tznv84] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-o8m7tznv84] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-o8m7tznv84]  a, .top-row[b-o8m7tznv84]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-o8m7tznv84]  a:hover, .top-row[b-o8m7tznv84]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-o8m7tznv84]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-o8m7tznv84] {
        display: none;
    }

    .top-row.auth[b-o8m7tznv84] {
        justify-content: space-between;
    }

    .top-row[b-o8m7tznv84]  a, .top-row[b-o8m7tznv84]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-o8m7tznv84] {
        flex-direction: row;
    }

    .sidebar[b-o8m7tznv84] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-o8m7tznv84] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-o8m7tznv84]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-o8m7tznv84], article[b-o8m7tznv84] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MainLayoutApp.razor.rz.scp.css */
.appbar-notifications[b-nylp3m0wse] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-inline: 8px 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: white;
}

.appbar-notifications:hover[b-nylp3m0wse],
.appbar-notifications:focus-within[b-nylp3m0wse] {
    background: rgba(255, 255, 255, 0.22);
}