.satoads-page-sub,
.mps-section-desc,
.mps-wallet-label,
.mps-account-stat-label,
.mps-form-group label {
    font-weight: 400;
}
.mps-section-label,
.mps-tier-badge,
.mps-product-badge,
.mps-status,
.mps-badge,
.mps-wallet-chip,
.mps-level-chip,
.mps-account-stat-label {
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}
.mps-account-badge {
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
.mps-orders-status-chip {
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
.satoads-topbar {
    height: var(--satoads-topbar-h, 56px);
    box-sizing: border-box;
    background: var(--satoads-header-bg, #ffffff);
    border-bottom: 1px solid var(--satoads-hairline, var(--satoads-border));
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.satoads-topbar-inner {
    padding: 0 var(--satoads-chrome-inline, 32px);
    gap: 12px;
    box-sizing: border-box;
}
.satoads-topbar-actions {
    gap: 8px;
    align-items: center;
}
.satoads-topbar-toggle {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background: transparent;
    border: 1px solid transparent;
}
.satoads-topbar-toggle:hover {
    background: var(--satoads-surface-2);
    border-color: var(--satoads-hairline, var(--satoads-border));
}
.satoads-topbar-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 36px;
    padding: 0 14px;
    border-radius: 9999px;
    border: 1px solid var(--satoads-outline-border, rgba(10, 10, 10, 0.18));
    background: transparent;
    color: var(--satoads-text);
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    line-height: 1;
    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        opacity 0.15s ease;
}
.satoads-topbar-pill svg {
    color: var(--satoads-text);
    flex-shrink: 0;
    opacity: 0.85;
    display: block;
    width: 16px;
    height: 16px;
    align-self: center;
}
.satoads-topbar-pill > span {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    transform: translateY(0.06em);
}
.satoads-topbar-pill:hover {
    background: var(--satoads-surface-2);
    border-color: var(--satoads-hairline, var(--satoads-border));
    color: var(--satoads-text);
    box-shadow: none;
    opacity: 1;
}
.satoads-sidebar-link:hover,
.satoads-sidebar-link:hover .satoads-sidebar-icon,
.satoads-sidebar-tools .satoads-theme-toggle:hover,
.satoads-sidebar-tools .satoads-sidebar-logout:hover,
.satoads-user-btn:hover,
.satoads-theme-toggle--topbar:hover,
.satoads-theme-toggle--header:hover {
    transform: none !important;
}
.satoads-sidebar-tools .satoads-theme-toggle:hover {
    background: var(--satoads-sidebar-hover) !important;
    border-color: var(--satoads-sidebar-border) !important;
    color: var(--satoads-text) !important;
    box-shadow: none !important;
}
.satoads-topbar-balance {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 32px;
    padding: 0 12px 0 10px;
    border-radius: 9999px;
    background: transparent;
    border: 1px solid var(--satoads-outline-border, rgba(10, 10, 10, 0.22));
    color: var(--satoads-text);
    text-decoration: none;
    font-weight: 400;
    transition:
        background 0.15s ease,
        border-color 0.15s ease;
    flex-shrink: 0;
    box-shadow: none;
    line-height: 1;
}
.satoads-topbar-balance:hover {
    background: var(--satoads-surface-2);
    color: var(--satoads-text);
}
.satoads-topbar-balance-ico {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: block;
    align-self: center;
    margin: 0;
    overflow: visible;
}
.satoads-topbar-balance-amount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
    line-height: 1;
    font-weight: 400;
    transform: translateY(0.08em);
}
.satoads-topbar-avatar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    border: 1px solid var(--satoads-outline-border, rgba(10, 10, 10, 0.22));
    border-radius: 9999px;
    background: var(--satoads-surface-2, #f0f0ed);
    cursor: pointer;
    overflow: hidden;
    line-height: 0;
    flex-shrink: 0;
    align-self: center;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    transition:
        border-color 0.15s ease,
        background 0.15s ease,
        opacity 0.15s ease;
}
.satoads-topbar-avatar-btn:hover,
.satoads-topbar-menu.is-open .satoads-topbar-avatar-btn {
    border-color: var(--satoads-text, #0a0a0a);
    background: var(--satoads-surface-2, #f0f0ed);
    box-shadow: none;
    opacity: 1;
}
.satoads-topbar-avatar-btn:focus-visible {
    outline: 1px solid var(--satoads-text);
    outline-offset: 2px;
}
.satoads-topbar-avatar {
    width: 100% !important;
    height: 100% !important;
    border-radius: 9999px !important;
    display: block !important;
    object-fit: cover;
    margin: 0 !important;
}
.satoads-topbar-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-self: center;
}
.satoads-topbar-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-end: 0;
    inset-inline-start: auto;
    width: min(280px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    padding: 4px;
    border-radius: 16px;
    background: var(--satoads-surface, #ffffff);
    border: 1px solid var(--satoads-hairline, #e5e5e5);
    box-shadow: var(--satoads-shadow-md, rgba(0, 0, 0, 0.16) 0 12px 24px);
    z-index: 1200;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    pointer-events: none;
    transition:
        opacity 0.14s ease,
        transform 0.14s ease,
        visibility 0.14s ease;
}
.satoads-topbar-menu.is-open .satoads-topbar-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.satoads-topbar-dropdown-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin: 0;
    border-bottom: 0;
}
.satoads-topbar-dropdown-avatar {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid var(--satoads-hairline, #e5e5e5);
    background: var(--satoads-surface-2, #f0f0ed);
}
.satoads-topbar-dropdown-avatar-img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover;
    margin: 0 !important;
    border-radius: 9999px !important;
}
.satoads-topbar-dropdown-meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.satoads-topbar-dropdown-name {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 20px;
    color: var(--satoads-text, #0a0a0a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.satoads-topbar-dropdown-email {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    color: var(--satoads-text-muted, #7d8187);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.satoads-topbar-dropdown-divider {
    height: 1px;
    margin: 4px 8px;
    background: var(--satoads-hairline, #e5e5e5);
    border: 0;
}
.satoads-topbar-dropdown-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}
.satoads-topbar-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 12px;
    color: var(--satoads-body, #363a3f);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    transition:
        background 0.12s ease,
        color 0.12s ease;
    -webkit-tap-highlight-color: transparent;
}
.satoads-topbar-dropdown-item span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    transform: translateY(0.06em);
}
.satoads-topbar-dropdown-item svg {
    width: 16px;
    height: 16px;
    color: var(--satoads-text-muted, #7d8187);
    flex-shrink: 0;
    display: block;
    align-self: center;
}
.satoads-topbar-dropdown-item:hover {
    background: var(--satoads-surface-2, #f0f0ed);
    color: var(--satoads-text, #0a0a0a);
}
.satoads-topbar-dropdown-item:hover svg {
    color: var(--satoads-text, #0a0a0a);
}
.satoads-topbar-dropdown-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 40px;
    padding: 8px 12px;
    margin: 0;
    border-radius: 12px;
}
.satoads-topbar-dropdown-row-label {
    display: inline-flex;
    align-items: center;
    gap: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--satoads-body, #363a3f);
}
.satoads-topbar-dropdown-logout {
    color: var(--satoads-body, #363a3f);
}
.satoads-topbar-dropdown-logout:hover {
    background: var(--satoads-surface-2, #f0f0ed);
    color: var(--satoads-text, #0a0a0a);
}
.satoads-topbar-dropdown-logout:hover svg {
    color: var(--satoads-text, #0a0a0a);
}
.satoads-theme-toggle--menu {
    width: 40px;
    height: 22px;
    min-width: 40px;
    border-radius: 8px;
    background: var(--satoads-surface-2, #f0f0ed);
    border: 1px solid var(--satoads-hairline, #e5e5e5);
    padding: 0;
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.satoads-theme-toggle--menu .satoads-theme-toggle-track {
    position: absolute;
    top: 2px;
    inset-inline-start: 2px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: var(--satoads-text, #0a0a0a);
    box-shadow: none;
    transition: inset-inline-start 0.18s ease;
}
.satoads-theme-toggle--menu .satoads-theme-icon {
    display: none;
}
html.satoads-dark .satoads-theme-toggle--menu,
[data-theme="dark"] .satoads-theme-toggle--menu {
    background: #1a1c20;
    border-color: #212327;
    box-shadow: none;
}
html.satoads-dark .satoads-theme-toggle--menu .satoads-theme-toggle-track,
[data-theme="dark"] .satoads-theme-toggle--menu .satoads-theme-toggle-track {
    inset-inline-start: calc(100% - 18px);
    background: #ffffff;
}
.satoads-theme-toggle--topbar,
.satoads-theme-toggle--header,
.satoads-theme-toggle--sidebar,
.satoads-theme-toggle--auth,
.satoads-header-tools .satoads-theme-toggle,
.satoads-sidebar-tools .satoads-theme-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid var(--satoads-outline-border, rgba(10, 10, 10, 0.18)) !important;
    box-shadow: none !important;
    color: var(--satoads-text) !important;
    padding: 0 !important;
}
.satoads-theme-toggle--topbar:hover,
.satoads-theme-toggle--header:hover,
.satoads-theme-toggle--sidebar:hover,
.satoads-theme-toggle--auth:hover,
.satoads-header-tools .satoads-theme-toggle:hover,
.satoads-sidebar-tools .satoads-theme-toggle:hover {
    background: var(--satoads-surface-2, #f0f0ed) !important;
    border-color: var(--satoads-hairline, var(--satoads-border)) !important;
    color: var(--satoads-text) !important;
    box-shadow: none !important;
}
.satoads-theme-toggle .satoads-theme-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.5 !important;
    color: inherit !important;
    stroke: currentColor !important;
    fill: none !important;
}
[data-theme="dark"] .satoads-theme-toggle--topbar,
[data-theme="dark"] .satoads-theme-toggle--header,
[data-theme="dark"] .satoads-theme-toggle--sidebar,
[data-theme="dark"] .satoads-theme-toggle--auth,
[data-theme="dark"] .satoads-header-tools .satoads-theme-toggle,
[data-theme="dark"] .satoads-sidebar-tools .satoads-theme-toggle,
html.satoads-dark .satoads-theme-toggle--topbar,
html.satoads-dark .satoads-theme-toggle--header,
html.satoads-dark .satoads-theme-toggle--sidebar,
html.satoads-dark .satoads-theme-toggle--auth,
html.satoads-dark .satoads-header-tools .satoads-theme-toggle,
html.satoads-dark .satoads-sidebar-tools .satoads-theme-toggle {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #dadbdf !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-theme-toggle--topbar:hover,
[data-theme="dark"] .satoads-theme-toggle--header:hover,
[data-theme="dark"] .satoads-theme-toggle--sidebar:hover,
[data-theme="dark"] .satoads-theme-toggle--auth:hover,
[data-theme="dark"] .satoads-header-tools .satoads-theme-toggle:hover,
[data-theme="dark"] .satoads-sidebar-tools .satoads-theme-toggle:hover,
html.satoads-dark .satoads-theme-toggle--topbar:hover,
html.satoads-dark .satoads-theme-toggle--header:hover,
html.satoads-dark .satoads-theme-toggle--sidebar:hover,
html.satoads-dark .satoads-theme-toggle--auth:hover,
html.satoads-dark .satoads-header-tools .satoads-theme-toggle:hover,
html.satoads-dark .satoads-sidebar-tools .satoads-theme-toggle:hover {
    background: #1a1c20 !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.satoads-header {
    background: var(--satoads-header-bg);
    border-bottom: 1px solid var(--satoads-hairline, var(--satoads-border));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}
.satoads-header.is-scrolled {
    border-bottom-color: var(--satoads-hairline, var(--satoads-border));
    box-shadow: none;
    background: var(--satoads-header-bg);
}
.satoads-brand-icon {
    border-radius: var(--satoads-radius, 8px) !important;
    background: var(--satoads-text) !important;
    color: var(--satoads-bg) !important;
    box-shadow: none !important;
}
.satoads-brand-text strong {
    font-weight: 400 !important;
    letter-spacing: -0.02em;
}
.satoads-menu li a {
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    color: var(--satoads-text);
    padding: 8px 14px;
}
.satoads-menu li a:hover,
.satoads-menu li.current-menu-item a {
    background: var(--satoads-surface-2);
    color: var(--satoads-text);
    box-shadow: none;
}
.satoads-menu li.current-menu-item a {
    box-shadow: none;
    border: 1px solid var(--satoads-hairline, var(--satoads-border));
}
.satoads-user-btn {
    border-radius: 8px !important;
    border: 1px solid var(--satoads-outline-border, rgba(10, 10, 10, 0.18)) !important;
    background: transparent !important;
    box-shadow: none !important;
}
.mps-wallet .mps-card,
.mps-deposit .mps-card,
.mps-deposit-history .mps-card,
.mps-orders .mps-card,
.mps-level .mps-card,
.mps-account-panel,
.mps-account-header,
.mps-modal-box,
.mps-order-modal .mps-modal-panel,
.mps-confirm-box,
.mps-tier-card,
.mps-section-card,
.mps-wallet-card,
.mps-stat-card,
.mps-product-card,
.mps-category-card,
.mps-wallet-hero-card,
.mps-wallet-section,
.mps-modal-dialog,
.mps-confirm-dialog,
.satoads-auth-card,
.satoads-blog-card,
.satoads-post-article,
.mps-pp-card,
.mps-product-page .mps-card {
    border-radius: var(--satoads-radius, 8px) !important;
    border-color: var(--satoads-hairline, var(--satoads-border)) !important;
    box-shadow: none !important;
}
.mps-product-card,
.mps-category-card {
    background: var(--satoads-surface) !important;
    overflow: hidden;
}
.mps-product-card:hover:not(:disabled),
.mps-category-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: var(--satoads-text-muted) !important;
}
.mps-product-card:active:not(:disabled),
.mps-category-card:active {
    transform: none !important;
}
.mps-wrap input[type="text"],
.mps-wrap input[type="email"],
.mps-wrap input[type="password"],
.mps-wrap input[type="number"]:not(.mps-qty-input),
.mps-wrap input[type="search"]:not(.mps-store-search-input),
.mps-wrap input[type="tel"],
.mps-wrap input[type="url"],
.mps-wrap select,
.mps-wrap textarea,
.mps-form-group input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input),
.mps-form-group select,
.mps-form-group textarea,
.mps-transfer-form input:not([type="checkbox"]):not([type="radio"]),
.mps-transfer-form select,
.mps-transfer-form textarea,
.mps-topup-form textarea,
.mps-modal input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input),
.mps-modal select,
.mps-modal textarea,
.satoads-auth-form input:not([type="checkbox"]):not([type="radio"]),
.satoads-auth-form select,
.satoads-auth-input,
.mps-account input:not([type="checkbox"]):not([type="radio"]),
.mps-account select,
.mps-account textarea,
.mps-order-form .mps-custom-field,
#mps-order-modal .mps-form-group input:not(.mps-qty-input),
#mps-order-modal .mps-form-group select,
#mps-order-modal .mps-form-group textarea {
    width: 100% !important;
    min-height: var(--satoads-field-min-h, 48px) !important;
    padding: var(--satoads-field-pad, 12px 14px) !important;
    border: 1px solid var(--satoads-field-border, #c4c4bf) !important;
    border-radius: var(--satoads-radius, 8px) !important;
    background: var(--satoads-field-bg, #ffffff) !important;
    color: var(--satoads-text) !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    box-shadow: var(--satoads-field-inset, none) !important;
    caret-color: var(--satoads-text) !important;
    transition:
        border-color 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease !important;
    color-scheme: inherit;
}
.mps-wrap input[type="text"]::placeholder,
.mps-wrap input[type="email"]::placeholder,
.mps-wrap input[type="password"]::placeholder,
.mps-wrap input[type="search"]::placeholder,
.mps-wrap input[type="tel"]::placeholder,
.mps-wrap input[type="url"]::placeholder,
.mps-wrap textarea::placeholder,
.mps-form-group input::placeholder,
.mps-form-group textarea::placeholder,
.mps-transfer-form input::placeholder,
.mps-transfer-form textarea::placeholder,
.mps-modal input::placeholder,
.mps-modal textarea::placeholder,
.satoads-auth-form input::placeholder,
.satoads-auth-input::placeholder,
.mps-account input::placeholder,
.mps-account textarea::placeholder,
.mps-order-form .mps-custom-field::placeholder,
#mps-order-modal .mps-form-group input::placeholder,
#mps-order-modal .mps-form-group textarea::placeholder {
    color: var(--satoads-field-placeholder, var(--satoads-text-muted, #7d8187)) !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}
.mps-wrap input[type="text"]:hover,
.mps-wrap input[type="email"]:hover,
.mps-wrap input[type="password"]:hover,
.mps-wrap input[type="number"]:not(.mps-qty-input):hover,
.mps-wrap input[type="search"]:not(.mps-store-search-input):hover,
.mps-wrap input[type="tel"]:hover,
.mps-wrap input[type="url"]:hover,
.mps-wrap select:hover,
.mps-wrap textarea:hover,
.mps-form-group input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input):hover,
.mps-form-group select:hover,
.mps-form-group textarea:hover,
.mps-transfer-form input:not([type="checkbox"]):not([type="radio"]):hover,
.mps-transfer-form select:hover,
.mps-transfer-form textarea:hover,
.mps-modal input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input):hover,
.mps-modal select:hover,
.mps-modal textarea:hover,
.satoads-auth-form input:not([type="checkbox"]):not([type="radio"]):hover,
.satoads-auth-form select:hover,
.satoads-auth-input:hover,
.mps-account input:not([type="checkbox"]):not([type="radio"]):hover,
.mps-account select:hover,
.mps-account textarea:hover,
.mps-order-form .mps-custom-field:hover,
#mps-order-modal .mps-form-group input:not(.mps-qty-input):hover,
#mps-order-modal .mps-form-group select:hover,
#mps-order-modal .mps-form-group textarea:hover {
    border-color: var(--satoads-field-border-hover, #9a9a94) !important;
    background: var(--satoads-field-bg-hover, #f0f0ed) !important;
}
.mps-wrap input[type="text"]:focus,
.mps-wrap input[type="email"]:focus,
.mps-wrap input[type="password"]:focus,
.mps-wrap input[type="number"]:not(.mps-qty-input):focus,
.mps-wrap input[type="search"]:not(.mps-store-search-input):focus,
.mps-wrap input[type="tel"]:focus,
.mps-wrap input[type="url"]:focus,
.mps-wrap select:focus,
.mps-wrap textarea:focus,
.mps-form-group input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input):focus,
.mps-form-group select:focus,
.mps-form-group textarea:focus,
.mps-transfer-form input:not([type="checkbox"]):not([type="radio"]):focus,
.mps-transfer-form select:focus,
.mps-transfer-form textarea:focus,
.mps-modal input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input):focus,
.mps-modal select:focus,
.mps-modal textarea:focus,
.satoads-auth-form input:not([type="checkbox"]):not([type="radio"]):focus,
.satoads-auth-form select:focus,
.satoads-auth-input:focus,
.mps-account input:not([type="checkbox"]):not([type="radio"]):focus,
.mps-account select:focus,
.mps-account textarea:focus,
.mps-order-form .mps-custom-field:focus,
#mps-order-modal .mps-form-group input:not(.mps-qty-input):focus,
#mps-order-modal .mps-form-group select:focus,
#mps-order-modal .mps-form-group textarea:focus {
    border-color: var(--satoads-field-border-focus, #0a0a0a) !important;
    background: var(--satoads-field-bg-focus, #f0f0ed) !important;
    box-shadow: var(--satoads-field-inset-focus, none) !important;
    outline: none !important;
}
.satoads-auth-input-wrap .satoads-auth-input,
.satoads-auth-input-wrap input[type="password"],
.satoads-auth-input-wrap input[type="text"] {
    padding-inline-end: 48px !important;
}
.mps-amount-field {
    display: flex;
    align-items: stretch;
    gap: 8px;
    direction: ltr;
}
.mps-form-group .mps-amount-field input:not([type="checkbox"]):not([type="radio"]),
#mps-topup-amount {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding-inline-end: 14px !important;
    text-align: start !important;
}
.mps-amount-affix {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    align-self: stretch;
    min-width: 76px;
    min-height: var(--satoads-field-min-h, 48px);
    padding: 0 12px !important;
    border: 1px solid var(--satoads-field-border, #c4c4bf) !important;
    border-radius: var(--satoads-radius, 8px) !important;
    background: var(--satoads-field-bg, #ffffff) !important;
    color: var(--satoads-text-muted, #7d8187) !important;
    box-sizing: border-box;
    pointer-events: none;
    white-space: nowrap;
    font-family: var(--satoads-font-mono, ui-monospace, monospace);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.mps-deposit-calc-kicker {
    display: block;
    margin: 0 0 0.35rem;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: inherit;
}
.mps-deposit-calc-box {
    display: flex;
    align-items: center;
    min-height: var(--satoads-field-min-h, 48px);
    padding: var(--satoads-field-pad, 12px 14px);
    border-radius: var(--satoads-radius, 8px);
    background: var(--satoads-field-bg, #ffffff);
    border: 1px solid var(--satoads-field-border, #c4c4bf);
    box-shadow: var(--satoads-field-inset, none);
    box-sizing: border-box;
    direction: ltr;
}
.mps-deposit-calc-value {
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    color: var(--satoads-text);
    font-variant-numeric: tabular-nums;
}
#mps-topup-amount::-webkit-outer-spin-button,
#mps-topup-amount::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
#mps-topup-amount[type="number"] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
.satoads-auth-pass-toggle {
    position: absolute !important;
    inset-inline-end: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--satoads-text-muted, #7d8187) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}
.satoads-auth-pass-toggle:hover {
    color: var(--satoads-text) !important;
    background: rgba(127, 129, 135, 0.12) !important;
    filter: none !important;
    transform: translateY(-50%) !important;
}
.satoads-auth-pass-toggle svg {
    width: 18px !important;
    height: 18px !important;
    display: none !important;
    flex-shrink: 0 !important;
}
.satoads-auth-pass-toggle svg.is-active,
.satoads-auth-pass-toggle:not(.is-visible) .satoads-auth-pass-ico-show,
.satoads-auth-pass-toggle.is-visible .satoads-auth-pass-ico-hide {
    display: block !important;
}
.mps-store-search {
    border-radius: var(--satoads-radius, 8px) !important;
    border: 1px solid var(--satoads-field-border, var(--satoads-hairline)) !important;
    background: var(--satoads-field-bg, var(--satoads-input-bg)) !important;
    box-shadow: var(--satoads-field-inset, none) !important;
    min-height: var(--satoads-field-min-h, 48px) !important;
}
.mps-store-news {
    border-color: var(--satoads-hairline, #e5e5e5) !important;
    background: var(--satoads-surface, #ffffff) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.mps-store-news-label {
    background: var(--satoads-surface-2, #f0f0ed) !important;
    border-inline-end-color: var(--satoads-hairline, #e5e5e5) !important;
    color: var(--satoads-text, #0a0a0a) !important;
}
.mps-store-news-dot {
    background: var(--satoads-text, #0a0a0a) !important;
}
.mps-store-news-text,
.mps-store-news-link {
    color: var(--satoads-body, #363a3f) !important;
}
.mps-store-news-link:hover {
    color: var(--satoads-text, #0a0a0a) !important;
}
.mps-store-news-sep {
    color: var(--satoads-text-muted, #7d8187) !important;
}
.mps-store-search-input,
.mps-store-search input {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-height: 0 !important;
}
.mps-orders-search {
    border-radius: var(--satoads-radius, 8px) !important;
    border: 1px solid var(--satoads-field-border, var(--satoads-hairline)) !important;
    background: var(--satoads-field-bg, var(--satoads-input-bg)) !important;
    box-shadow: var(--satoads-field-inset, none) !important;
}
.mps-orders-search-input {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
}
.mps-store-search:focus-within,
.mps-orders-search:focus-within {
    border-color: var(--satoads-field-border-focus) !important;
    background: var(--satoads-field-bg-focus) !important;
    box-shadow: var(--satoads-field-inset-focus, none) !important;
}
.mps-orders-search:focus-within .mps-orders-search-input {
    background: transparent !important;
    box-shadow: none !important;
}
textarea.mps-custom-field,
.mps-form-group textarea,
.mps-account textarea,
.mps-wrap textarea {
    min-height: 96px !important;
    resize: vertical;
}
.mps-btn-primary,
.mps-order-submit,
.mps-confirm-yes,
.mps-transfer-submit,
.satoads-btn-primary,
.mps-account .button-primary,
.mps-wallet .button-primary,
.satoads-auth-submit,
.satoads-auth-form .satoads-btn-primary,
.mps-product-page .mps-btn-primary,
.mps-wallet-action-store,
.mps-wallet-action-deposit,
.mps-wallet-uid-copy .mps-wallet-uid-copy-btn,
.mps-product-buy-btn {
    border-radius: var(--satoads-radius-pill, 9999px) !important;
    background: var(--satoads-primary, #2aabee) !important;
    color: var(--satoads-on-primary, #ffffff) !important;
    border: 1px solid var(--satoads-primary, #2aabee) !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}
.mps-btn-primary svg,
.mps-order-submit svg,
.mps-confirm-yes svg,
.mps-transfer-submit svg,
.satoads-btn-primary svg,
.mps-wallet-action-store svg,
.mps-wallet-action-deposit svg,
.mps-wallet-uid-copy .mps-wallet-uid-copy-btn svg,
.mps-product-buy-btn svg,
.mps-btn-primary .dashicons,
.mps-confirm-yes .dashicons {
    color: var(--satoads-on-primary, #ffffff) !important;
}
.mps-btn-primary:hover:not(:disabled),
.mps-order-submit:hover:not(:disabled),
.mps-confirm-yes:hover,
.mps-transfer-submit:hover:not(:disabled),
.satoads-btn-primary:hover:not(:disabled),
.satoads-auth-submit:hover,
.mps-wallet-action-store:hover,
.mps-wallet-action-deposit:hover,
.mps-wallet-uid-copy .mps-wallet-uid-copy-btn:hover,
.mps-product-buy-btn:hover:not(:disabled) {
    background: var(--satoads-primary-dark) !important;
    color: var(--satoads-on-primary, #0a0a0a) !important;
    border-color: var(--satoads-primary-dark) !important;
    box-shadow: none !important;
    filter: none !important;
}
.mps-btn-primary:hover:not(:disabled) svg,
.mps-wallet-action-store:hover svg,
.mps-wallet-action-deposit:hover svg,
.mps-wallet-uid-copy .mps-wallet-uid-copy-btn:hover svg,
.mps-product-buy-btn:hover:not(:disabled) svg,
.mps-confirm-yes:hover .dashicons {
    color: var(--satoads-on-primary, #0a0a0a) !important;
}
.mps-btn-outline,
.mps-btn-secondary,
.satoads-btn-outline,
.mps-modal-actions .mps-btn-cancel,
.mps-confirm-no,
.mps-transfer-uid-field button,
.mps-transfer-verify,
#mps-transfer-verify {
    border-radius: var(--satoads-radius, 8px) !important;
    border: 1px solid var(--satoads-outline-border, var(--satoads-hairline, var(--satoads-border))) !important;
    background: transparent !important;
    color: var(--satoads-text) !important;
    box-shadow: none !important;
    font-weight: 400 !important;
}
.mps-btn-outline:hover,
.mps-btn-secondary:hover,
.satoads-btn-outline:hover,
.mps-confirm-no:hover,
.mps-transfer-uid-field button:hover,
.mps-transfer-verify:hover,
#mps-transfer-verify:hover {
    background: var(--satoads-surface-2) !important;
    border-color: var(--satoads-hairline, var(--satoads-border)) !important;
    color: var(--satoads-text) !important;
}
.mps-account-nav {
    border-radius: 8px !important;
    background: var(--satoads-surface) !important;
    border: 1px solid var(--satoads-hairline, var(--satoads-border)) !important;
    box-shadow: none !important;
}
.mps-account-nav-btn {
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--satoads-text-muted) !important;
    box-shadow: none !important;
    font-weight: 400 !important;
}
.mps-account-nav-btn:hover {
    background: var(--satoads-surface-2) !important;
    border-color: transparent !important;
    color: var(--satoads-text) !important;
}
.mps-account-nav-btn.is-active {
    background: var(--satoads-surface-2) !important;
    border-color: var(--satoads-hairline, var(--satoads-border)) !important;
    color: var(--satoads-text) !important;
}
.mps-status,
.mps-badge,
.mps-account-badge,
.mps-tier-badge,
.mps-product-badge {
    border-radius: 8px !important;
    font-weight: 400 !important;
}
body.satoads-sidebar-layout .satoads-shell-main {
    background: var(--satoads-bg);
}
body.satoads-sidebar-layout .satoads-main-sidebar {
    background: transparent;
}
body.satoads-sidebar-layout .satoads-topbar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}
.satoads-sidebar {
    background: var(--satoads-sidebar-bg) !important;
    border-inline-end: 1px solid var(--satoads-sidebar-border) !important;
    box-shadow: none !important;
}
.satoads-sidebar-logo-icon {
    border-radius: 8px !important;
    background: var(--satoads-text) !important;
    color: var(--satoads-bg) !important;
    box-shadow: none !important;
}
.satoads-sidebar-client-level,
.satoads-topbar-logo-text {
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
}
.satoads-sidebar-client-level {
    font-family: var(--satoads-font-mono) !important;
    letter-spacing: 1.2px !important;
}
.satoads-sidebar-link {
    border-radius: 8px !important;
    font-weight: 400 !important;
    color: var(--satoads-sidebar-text) !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}
.satoads-sidebar-link:hover {
    background: var(--satoads-sidebar-hover) !important;
    color: var(--satoads-text) !important;
    transform: none !important;
}
.satoads-sidebar-link.is-active,
.satoads-sidebar-link.current,
.satoads-sidebar a.current-menu-item,
.satoads-sidebar .current-menu-item > a {
    background: var(--satoads-sidebar-active) !important;
    color: var(--satoads-text) !important;
    border-color: var(--satoads-sidebar-border) !important;
    box-shadow: none !important;
    font-weight: 400 !important;
}
.satoads-sidebar-link.is-active::before {
    background: var(--satoads-text) !important;
    width: 2px !important;
    border-radius: 999px !important;
}
.satoads-sidebar-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: var(--satoads-sidebar-muted) !important;
    box-shadow: none !important;
}
.satoads-sidebar-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.5 !important;
}
.satoads-sidebar-link:hover .satoads-sidebar-icon {
    background: rgba(10, 10, 10, 0.04) !important;
    border-color: var(--satoads-sidebar-border) !important;
    color: var(--satoads-text) !important;
}
.satoads-sidebar-link.is-active .satoads-sidebar-icon {
    background: var(--satoads-text) !important;
    border-color: var(--satoads-text) !important;
    color: var(--satoads-bg) !important;
}
.satoads-sidebar-group-label {
    font-family: var(--satoads-font-mono) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 1.3px !important;
    text-transform: uppercase !important;
    color: var(--satoads-sidebar-muted) !important;
}
.satoads-sidebar-collapse,
.satoads-sidebar-tools .satoads-theme-toggle,
.satoads-sidebar-tools .satoads-sidebar-logout {
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid var(--satoads-sidebar-border) !important;
    box-shadow: none !important;
    color: var(--satoads-sidebar-muted) !important;
}
.satoads-sidebar-collapse:hover,
.satoads-sidebar-tools .satoads-theme-toggle:hover {
    background: var(--satoads-sidebar-hover) !important;
    color: var(--satoads-text) !important;
    border-color: var(--satoads-sidebar-border) !important;
    transform: none !important;
}
[data-theme="dark"] .satoads-sidebar,
html.satoads-dark .satoads-sidebar {
    background: var(--satoads-bg, #0a0a0a) !important;
    border-inline-end-color: var(--satoads-hairline, #212327) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-sidebar-link:hover,
html.satoads-dark .satoads-sidebar-link:hover {
    background: var(--satoads-surface-2, #1a1c20) !important;
    color: var(--satoads-text, #ffffff) !important;
}
[data-theme="dark"] .satoads-sidebar-link.is-active,
html.satoads-dark .satoads-sidebar-link.is-active {
    background: var(--satoads-surface-2, #1a1c20) !important;
    color: var(--satoads-text, #ffffff) !important;
    border-color: var(--satoads-hairline, #212327) !important;
}
[data-theme="dark"] .satoads-sidebar-link.is-active::before,
html.satoads-dark .satoads-sidebar-link.is-active::before {
    background: var(--satoads-primary, #ffffff) !important;
}
[data-theme="dark"] .satoads-sidebar-link:hover .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-link:hover .satoads-sidebar-icon {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--satoads-hairline, #212327) !important;
    color: var(--satoads-text, #ffffff) !important;
}
[data-theme="dark"] .satoads-sidebar-link.is-active .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-link.is-active .satoads-sidebar-icon {
    background: var(--satoads-primary, #ffffff) !important;
    border-color: var(--satoads-primary, #ffffff) !important;
    color: var(--satoads-on-primary, #0a0a0a) !important;
}
[data-theme="dark"] .satoads-sidebar-logo-icon,
html.satoads-dark .satoads-sidebar-logo-icon {
    background: var(--satoads-primary, #ffffff) !important;
    color: var(--satoads-on-primary, #0a0a0a) !important;
}
[data-theme="dark"] .satoads-sidebar-collapse,
[data-theme="dark"] .satoads-sidebar-tools .satoads-theme-toggle,
[data-theme="dark"] .satoads-sidebar-tools .satoads-sidebar-logout,
html.satoads-dark .satoads-sidebar-collapse,
html.satoads-dark .satoads-sidebar-tools .satoads-theme-toggle,
html.satoads-dark .satoads-sidebar-tools .satoads-sidebar-logout {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #dadbdf !important;
}
[data-theme="dark"] .satoads-sidebar-collapse:hover,
[data-theme="dark"] .satoads-sidebar-tools .satoads-theme-toggle:hover,
html.satoads-dark .satoads-sidebar-collapse:hover,
html.satoads-dark .satoads-sidebar-tools .satoads-theme-toggle:hover {
    background: #1a1c20 !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}
.satoads-auth-page,
.satoads-auth-shell {
    background: var(--satoads-auth-bg, var(--satoads-bg)) !important;
    color: var(--satoads-auth-text, var(--satoads-text)) !important;
}
.satoads-auth-stage {
    background: var(--satoads-auth-bg, var(--satoads-bg)) !important;
    color: var(--satoads-auth-text, var(--satoads-text)) !important;
    border-inline-end-color: var(--satoads-auth-hairline, var(--satoads-hairline)) !important;
}
.satoads-auth-display,
.satoads-auth-title {
    font-weight: 400 !important;
    letter-spacing: -0.04em;
    color: var(--satoads-auth-text, var(--satoads-text)) !important;
}
.satoads-auth-kicker,
.satoads-auth-lead,
.satoads-auth-field > span {
    color: var(--satoads-auth-body, var(--satoads-text-muted)) !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}
.satoads-auth-metric-val {
    color: var(--satoads-auth-body, var(--satoads-text-muted)) !important;
    font-weight: 400 !important;
}
.satoads-auth-mark-glyph {
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid var(--satoads-auth-outline, var(--satoads-outline-border)) !important;
    color: var(--satoads-auth-text, var(--satoads-text)) !important;
}
.satoads-auth-card {
    border-radius: 8px !important;
    border: 1px solid var(--satoads-auth-hairline, var(--satoads-hairline)) !important;
    background: var(--satoads-auth-surface, var(--satoads-surface)) !important;
    color: var(--satoads-auth-text, var(--satoads-text)) !important;
    box-shadow: none !important;
    padding: 24px !important;
}
.satoads-auth-tabs {
    border-radius: 8px !important;
    background: var(--satoads-auth-soft, var(--satoads-surface-2)) !important;
    border: 1px solid var(--satoads-auth-hairline, var(--satoads-hairline)) !important;
}
.satoads-auth-tab {
    font-weight: 400 !important;
    color: var(--satoads-auth-mute, var(--satoads-text-muted)) !important;
}
.satoads-auth-tab-indicator {
    border-radius: 8px !important;
    background: var(--satoads-auth-primary, var(--satoads-primary)) !important;
    box-shadow: none !important;
}
.satoads-auth-tab.is-active,
.satoads-auth-tabs .is-active {
    color: var(--satoads-auth-on-primary, var(--satoads-on-primary)) !important;
}
.satoads-auth-input,
.satoads-auth-form input:not([type="checkbox"]):not([type="radio"]),
.satoads-auth-form select {
    background: var(--satoads-field-bg, var(--satoads-input-bg)) !important;
    border: 1px solid var(--satoads-field-border, var(--satoads-hairline)) !important;
    color: var(--satoads-text) !important;
    border-radius: var(--satoads-radius, 8px) !important;
    font-weight: 400 !important;
    box-shadow: var(--satoads-field-inset, none) !important;
    min-height: var(--satoads-field-min-h, 48px) !important;
    padding: var(--satoads-field-pad, 12px 14px) !important;
}
.satoads-auth-input:hover,
.satoads-auth-form input:not([type="checkbox"]):not([type="radio"]):hover,
.satoads-auth-form select:hover {
    border-color: var(--satoads-field-border-hover) !important;
    background: var(--satoads-field-bg-hover) !important;
}
.satoads-auth-input:focus,
.satoads-auth-form input:not([type="checkbox"]):not([type="radio"]):focus,
.satoads-auth-form select:focus {
    border-color: var(--satoads-field-border-focus) !important;
    background: var(--satoads-field-bg-focus) !important;
    box-shadow: var(--satoads-field-inset-focus, none) !important;
}
.satoads-auth-input-wrap .satoads-auth-input {
    padding-inline-end: 48px !important;
}
.satoads-auth-submit,
.satoads-auth-form .satoads-btn-primary {
    background: var(--satoads-auth-primary, var(--satoads-primary)) !important;
    color: var(--satoads-auth-on-primary, var(--satoads-on-primary)) !important;
    border: 1px solid var(--satoads-auth-primary, var(--satoads-primary)) !important;
    border-radius: var(--satoads-radius-pill, 9999px) !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
.satoads-auth-submit:hover,
.satoads-auth-form .satoads-btn-primary:hover:not(:disabled) {
    background: var(--satoads-auth-primary-hover, var(--satoads-primary-dark)) !important;
    color: var(--satoads-auth-on-primary-hover, var(--satoads-on-primary)) !important;
    border-color: var(--satoads-auth-primary-hover, var(--satoads-primary-dark)) !important;
    box-shadow: none !important;
    filter: none !important;
}
.satoads-auth-home-link,
.satoads-auth-console-tools {
    border-color: var(--satoads-auth-outline, var(--satoads-outline-border)) !important;
    color: var(--satoads-auth-text, var(--satoads-text)) !important;
}
.satoads-auth-home-link:hover {
    background: var(--satoads-auth-soft, var(--satoads-surface-2)) !important;
}
.satoads-auth-forgot,
.satoads-auth-switch a {
    color: var(--satoads-auth-body, var(--satoads-text-muted)) !important;
}
.satoads-auth-forgot:hover,
.satoads-auth-switch a:hover {
    color: var(--satoads-auth-text, var(--satoads-text)) !important;
}
.satoads-auth-check,
.satoads-auth-console-note,
.satoads-auth-status-label,
.satoads-auth-card-eyebrow {
    color: var(--satoads-auth-mute, var(--satoads-text-muted)) !important;
}
.satoads-auth-pass-toggle {
    color: var(--satoads-field-placeholder, var(--satoads-text-muted)) !important;
    background: transparent !important;
    box-shadow: none !important;
}
.satoads-auth-pass-toggle:hover {
    color: var(--satoads-text) !important;
    background: rgba(127, 129, 135, 0.12) !important;
}
.satoads-theme-toggle--auth {
    width: 36px;
    height: 36px;
    border-radius: 9999px;
    background: transparent;
    border: 1px solid var(--satoads-outline-border, var(--satoads-border));
    box-shadow: none;
}
.satoads-theme-toggle--auth:hover {
    background: var(--satoads-surface-2);
    border-color: var(--satoads-hairline, var(--satoads-border));
    color: var(--satoads-text);
    box-shadow: none;
}
.satoads-footer,
.satoads-app-footer {
    background: var(--satoads-footer-bg, #ffffff) !important;
    color: var(--satoads-footer-ink, var(--satoads-body, #222222)) !important;
    border-top: 1px solid var(--satoads-hairline, #dadce0) !important;
    box-shadow: none !important;
}
.satoads-footer a,
.satoads-app-footer a {
    color: var(--satoads-footer-ink, var(--satoads-text, #000000)) !important;
    font-weight: 400;
}
.satoads-footer a:hover,
.satoads-app-footer a:hover {
    opacity: 0.75;
}
.mps-tx-row,
.mps-history-item,
.mps-deposit-history-row,
.mps-topup-item {
    border-bottom-color: var(--satoads-hairline, var(--satoads-border)) !important;
}
.mps-wallet-action-btn:hover {
    transform: none !important;
    box-shadow: none !important;
}
.mps-modal-close:hover,
.mps-confirm-close:hover {
    transform: none !important;
    background: var(--satoads-surface-2) !important;
    color: var(--satoads-text) !important;
}
.mps-qty-btn:hover:not(:disabled) {
    background: var(--satoads-surface-2) !important;
    color: var(--satoads-text) !important;
}
.mps-qty-btn,
.mps-qty-stepper {
    background: var(--satoads-surface) !important;
    border-color: var(--satoads-hairline, var(--satoads-border)) !important;
    color: var(--satoads-text) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.mps-qty-btn {
    background: var(--satoads-input-bg) !important;
}
.mps-store-hero {
    --mps-hero-radius: 8px !important;
    --mps-hero-gap: 12px;
    --mps-hero-ratio: 16 / 5;
    --mps-hero-min-h: 0;
    --mps-hero-max-h: none;
    height: auto;
    max-height: none;
}
.mps-store-hero-main,
.mps-store-hero-slider,
.mps-store-hero-track{
    height: auto;
    max-height: none;
}
.mps-store-hero-slider,
.mps-store-hero-track {
    aspect-ratio: var(--mps-hero-ratio, 16 / 5);
}
.mps-store-hero-slider {
    background: var(--mps-hero-bg, transparent) !important;
    border: 0 !important;
}
.mps-store-hero-slide,
.mps-store-hero-slide-bg {
    background: var(--mps-hero-bg, transparent) !important;
}
.mps-store-hero-slide-cover {
  object-fit: cover !important;
  object-position: center !important;
}
.mps-store-hero-slide.has-cover .mps-store-hero-slide-scrim,
.mps-store-hero-slide.has-cover .mps-store-hero-slide-body {
    display: none !important;
}
.mps-store-hero-slider,
.mps-store-hero-slide,
.mps-store-hero-dot,
.mps-store-hero a {
    -webkit-tap-highlight-color: transparent !important;
}
@media (max-width: 900px) {
    .mps-store-hero {
        height: auto !important;
        max-height: none !important;
    }
    .mps-store-hero-main,
    .mps-store-hero-slider,
    .mps-store-hero-track {
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 3.2 / 1 !important;
    }
    .mps-store-hero-slide-cover {
        object-fit: cover !important;
        object-position: center center !important;
    }
}
.mps-store-hero-slider,
.mps-store-hero-slide,
.mps-store-hero-main,
.mps-slider-wrap,
.mps-slider {
    border-radius: 8px !important;
}
.mps-store-hero-slider {
    clip-path: inset(0 round 8px) !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
}
.mps-store-hero-slide-title,
.satoads-page-title,
.mps-modal-title {
    font-weight: 400 !important;
    letter-spacing: -0.03em;
}
.mps-store-hero-slide-title {
    letter-spacing: -0.04em;
}
.mps-product-page,
.mps-pp {
    --satoads-radius: 8px;
}
.mps-product-thumb,
.mps-category-card-thumb {
    border-radius: 8px 8px 0 0;
}
.mps-product-name,
.mps-category-card-name {
    font-weight: 400 !important;
}
.mps-product-price {
    font-weight: 400 !important;
    color: var(--satoads-text) !important;
}
.mps-account-nav-btn.is-active,
.mps-account-nav .is-active {
    background: var(--satoads-surface-2) !important;
    color: var(--satoads-text) !important;
    border-color: var(--satoads-hairline, var(--satoads-border)) !important;
    box-shadow: none !important;
}
.satoads-page-title {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.15;
}
#mps-toast-wrap .mps-toast,
.mps-toast {
    border-radius: 8px !important;
    border: 1px solid var(--satoads-hairline, var(--satoads-border)) !important;
    background: var(--satoads-surface) !important;
    box-shadow: none !important;
    font-weight: 400 !important;
}
.mps-wrap table th,
.mps-orders-table th,
.mps-deposit-history table th {
    font-family: var(--satoads-font-mono);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background: var(--satoads-surface-2);
    border-color: var(--satoads-hairline, var(--satoads-border));
}
.mps-wrap table td,
.mps-orders-table td {
    font-size: 14px;
    font-weight: 400;
    border-color: var(--satoads-hairline, var(--satoads-border));
}
.mps-product-card:hover {
    box-shadow: none !important;
}
@media (max-width: 768px) {
    .satoads-topbar-dropdown {
        position: fixed;
        top: calc(var(--satoads-admin-bar-h, 0px) + var(--satoads-topbar-h, 64px) + 8px);
        inset-inline-end: 12px;
        inset-inline-start: auto;
        width: min(280px, calc(100vw - 24px));
        max-width: calc(100vw - 24px);
    }
    .satoads-topbar-balance {
        height: 34px;
        padding: 0 11px 0 9px;
        gap: 7px;
    }
    .satoads-topbar-balance-ico {
        display: block !important;
        width: 15px;
        height: 15px;
    }
    .satoads-topbar-balance-amount {
        font-size: 12.5px;
        transform: translateY(0.1em);
    }
    .satoads-topbar-dropdown-item span,
    .satoads-topbar-pill > span,
    .satoads-sidebar-link-text,
    .mps-account-quick-link > span:not([aria-hidden]),
    .mps-account-nav-btn > span:not([aria-hidden]) {
        transform: translateY(0.08em);
    }
}
@media (max-width: 480px) {
    .satoads-topbar-pill span {
        display: none;
    }
    .satoads-topbar-pill {
        width: 36px;
        padding: 0;
        justify-content: center;
    }
}
[data-theme="dark"],
html.satoads-dark {
    --satoads-outline-border: rgba(255, 255, 255, 0.25);
}
[data-theme="light"],
html:not(.satoads-dark):not([data-theme="dark"]) {
    --satoads-outline-border: rgba(10, 10, 10, 0.18);
}
[data-theme="dark"] .satoads-topbar,
html.satoads-dark .satoads-topbar,
[data-theme="dark"] .satoads-header,
html.satoads-dark .satoads-header,
[data-theme="dark"] .satoads-header.is-scrolled,
html.satoads-dark .satoads-header.is-scrolled {
    background: var(--satoads-header-bg, #1c2733) !important;
    border-bottom-color: var(--satoads-hairline, #2a3a4d) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-topbar-pill,
html.satoads-dark .satoads-topbar-pill,
[data-theme="dark"] .satoads-topbar-balance,
html.satoads-dark .satoads-topbar-balance {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-topbar-avatar-btn,
html.satoads-dark .satoads-topbar-avatar-btn {
    background: var(--satoads-surface-2, #2a3a4d) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-topbar-avatar-btn:hover,
html.satoads-dark .satoads-topbar-avatar-btn:hover,
[data-theme="dark"] .satoads-topbar-menu.is-open .satoads-topbar-avatar-btn,
html.satoads-dark .satoads-topbar-menu.is-open .satoads-topbar-avatar-btn {
    border-color: #ffffff !important;
    background: var(--satoads-surface-2, #2a3a4d) !important;
}
[data-theme="dark"] .satoads-topbar-balance:hover,
html.satoads-dark .satoads-topbar-balance:hover,
[data-theme="dark"] .satoads-topbar-pill:hover,
html.satoads-dark .satoads-topbar-pill:hover,
[data-theme="dark"] .satoads-topbar-dropdown-item:hover,
html.satoads-dark .satoads-topbar-dropdown-item:hover {
    background: var(--satoads-surface-2, #1a1c20) !important;
    color: var(--satoads-text, #ffffff) !important;
}
[data-theme="dark"] .satoads-topbar-dropdown,
html.satoads-dark .satoads-topbar-dropdown {
    background: #191919 !important;
    border-color: #212327 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
[data-theme="dark"] .satoads-topbar-dropdown-name,
html.satoads-dark .satoads-topbar-dropdown-name {
    color: #ffffff !important;
}
[data-theme="dark"] .satoads-topbar-dropdown-email,
[data-theme="dark"] .satoads-topbar-dropdown-row-label,
[data-theme="dark"] .satoads-topbar-dropdown-item,
html.satoads-dark .satoads-topbar-dropdown-email,
html.satoads-dark .satoads-topbar-dropdown-row-label,
html.satoads-dark .satoads-topbar-dropdown-item {
    color: #dadbdf !important;
}
[data-theme="dark"] .satoads-topbar-dropdown-item svg,
html.satoads-dark .satoads-topbar-dropdown-item svg {
    color: #7d8187 !important;
}
[data-theme="dark"] .satoads-topbar-dropdown-item:hover svg,
html.satoads-dark .satoads-topbar-dropdown-item:hover svg {
    color: #ffffff !important;
}
[data-theme="dark"] .satoads-topbar-dropdown-divider,
html.satoads-dark .satoads-topbar-dropdown-divider {
    background: #212327 !important;
}
[data-theme="dark"] .satoads-topbar-dropdown-avatar,
html.satoads-dark .satoads-topbar-dropdown-avatar {
    border-color: #212327 !important;
    background: #1a1c20 !important;
}
[data-theme="dark"] .satoads-sidebar-link:hover,
html.satoads-dark .satoads-sidebar-link:hover {
    background: var(--satoads-surface-2, #1a1c20) !important;
    color: var(--satoads-text, #ffffff) !important;
}
[data-theme="dark"] .satoads-sidebar-link:hover .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-link:hover .satoads-sidebar-icon {
    color: #dadbdf !important;
    background: transparent !important;
}
[data-theme="dark"] .satoads-theme-toggle--topbar,
[data-theme="dark"] .satoads-theme-toggle--header,
html.satoads-dark .satoads-theme-toggle--topbar,
html.satoads-dark .satoads-theme-toggle--header {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
[data-theme="dark"] .mps-store-search,
[data-theme="dark"] .mps-orders-search,
[data-theme="dark"] .mps-wrap input[type="text"],
[data-theme="dark"] .mps-wrap input[type="email"],
[data-theme="dark"] .mps-wrap input[type="password"],
[data-theme="dark"] .mps-wrap input[type="number"]:not(.mps-qty-input),
[data-theme="dark"] .mps-wrap input[type="search"]:not(.mps-store-search-input),
[data-theme="dark"] .mps-wrap input[type="tel"],
[data-theme="dark"] .mps-wrap select,
[data-theme="dark"] .mps-wrap textarea,
[data-theme="dark"]
    .mps-form-group
    input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input),
[data-theme="dark"] .mps-form-group select,
[data-theme="dark"] .mps-form-group textarea,
[data-theme="dark"] .mps-transfer-form input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] .mps-transfer-form select,
[data-theme="dark"] .mps-transfer-form textarea,
[data-theme="dark"] .mps-topup-form textarea,
[data-theme="dark"] .mps-modal input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input),
[data-theme="dark"] .mps-modal select,
[data-theme="dark"] .mps-modal textarea,
[data-theme="dark"] .satoads-auth-form input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] .satoads-auth-form select,
[data-theme="dark"] .satoads-auth-input,
[data-theme="dark"] .mps-account input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] .mps-account select,
[data-theme="dark"] .mps-account textarea,
html.satoads-dark .mps-store-search,
html.satoads-dark .mps-orders-search,
html.satoads-dark .mps-wrap input[type="text"],
html.satoads-dark .mps-wrap input[type="email"],
html.satoads-dark .mps-wrap input[type="password"],
html.satoads-dark .mps-wrap input[type="number"]:not(.mps-qty-input),
html.satoads-dark .mps-wrap input[type="search"]:not(.mps-store-search-input),
html.satoads-dark .mps-wrap input[type="tel"],
html.satoads-dark .mps-wrap select,
html.satoads-dark .mps-wrap textarea,
html.satoads-dark
    .mps-form-group
    input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input),
html.satoads-dark .mps-form-group select,
html.satoads-dark .mps-form-group textarea,
html.satoads-dark .mps-transfer-form input:not([type="checkbox"]):not([type="radio"]),
html.satoads-dark .mps-transfer-form select,
html.satoads-dark .mps-transfer-form textarea,
html.satoads-dark .mps-topup-form textarea,
html.satoads-dark .mps-modal input:not([type="checkbox"]):not([type="radio"]):not(.mps-qty-input),
html.satoads-dark .mps-modal select,
html.satoads-dark .mps-modal textarea,
html.satoads-dark .satoads-auth-form input:not([type="checkbox"]):not([type="radio"]),
html.satoads-dark .satoads-auth-form select,
html.satoads-dark .satoads-auth-input,
html.satoads-dark .mps-account input:not([type="checkbox"]):not([type="radio"]),
html.satoads-dark .mps-account select,
html.satoads-dark .mps-account textarea {
    background: var(--satoads-field-bg, #1a1c20) !important;
    border-color: var(--satoads-field-border, rgba(255, 255, 255, 0.32)) !important;
    color: var(--satoads-text, #ffffff) !important;
    box-shadow: var(--satoads-field-inset, none) !important;
    color-scheme: dark;
}
[data-theme="dark"] .mps-store-search-input,
[data-theme="dark"] .mps-store-search input,
[data-theme="dark"] .mps-orders-search-input,
html.satoads-dark .mps-store-search-input,
html.satoads-dark .mps-store-search input,
html.satoads-dark .mps-orders-search-input {
    background: transparent !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
[data-theme="dark"] .mps-store-news,
html.satoads-dark .mps-store-news {
    background: #191919 !important;
    border-color: #212327 !important;
}
[data-theme="dark"] .mps-store-news-label,
html.satoads-dark .mps-store-news-label {
    background: #1a1c20 !important;
    border-inline-end-color: #212327 !important;
    color: #ffffff !important;
}
[data-theme="dark"] .mps-store-news-dot,
html.satoads-dark .mps-store-news-dot {
    background: #ffffff !important;
}
[data-theme="dark"] .mps-store-news-text,
[data-theme="dark"] .mps-store-news-link,
html.satoads-dark .mps-store-news-text,
html.satoads-dark .mps-store-news-link {
    color: #dadbdf !important;
}
[data-theme="dark"] .mps-store-news-link:hover,
html.satoads-dark .mps-store-news-link:hover {
    color: #ffffff !important;
}
[data-theme="dark"] .mps-store-news-sep,
html.satoads-dark .mps-store-news-sep {
    color: #7d8187 !important;
}
[data-theme="dark"] .mps-store-news-progress-bar,
html.satoads-dark .mps-store-news-progress-bar {
    background: #ffffff !important;
    opacity: 0.35;
}
[data-theme="dark"] .mps-store-search:focus-within,
[data-theme="dark"] .mps-orders-search:focus-within,
[data-theme="dark"] .mps-form-group input:focus,
[data-theme="dark"] .mps-form-group select:focus,
[data-theme="dark"] .mps-form-group textarea:focus,
[data-theme="dark"] .mps-transfer-form input:focus,
[data-theme="dark"] .mps-transfer-form textarea:focus,
[data-theme="dark"] .mps-modal input:focus,
[data-theme="dark"] .mps-modal select:focus,
[data-theme="dark"] .mps-modal textarea:focus,
[data-theme="dark"] .satoads-auth-form input:focus,
[data-theme="dark"] .satoads-auth-input:focus,
html.satoads-dark .mps-store-search:focus-within,
html.satoads-dark .mps-orders-search:focus-within,
html.satoads-dark .mps-form-group input:focus,
html.satoads-dark .mps-form-group select:focus,
html.satoads-dark .mps-form-group textarea:focus,
html.satoads-dark .mps-transfer-form input:focus,
html.satoads-dark .mps-transfer-form textarea:focus,
html.satoads-dark .mps-modal input:focus,
html.satoads-dark .mps-modal select:focus,
html.satoads-dark .mps-modal textarea:focus,
html.satoads-dark .satoads-auth-form input:focus,
html.satoads-dark .satoads-auth-input:focus {
    background: var(--satoads-field-bg-focus, #1a1c20) !important;
    border-color: var(--satoads-field-border-focus, rgba(255, 255, 255, 0.55)) !important;
    box-shadow: var(--satoads-field-inset-focus, none) !important;
}
[data-theme="dark"] .mps-wallet-hero-card,
[data-theme="dark"] .mps-wallet-section,
[data-theme="dark"] .mps-wallet-card:not(.mps-wallet-card-primary),
[data-theme="dark"]
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit),
[data-theme="dark"] .mps-modal-dialog,
[data-theme="dark"] .mps-confirm-dialog,
[data-theme="dark"] .mps-account-panel,
[data-theme="dark"] .mps-account-header,
[data-theme="dark"] .satoads-auth-card,
[data-theme="dark"] .mps-product-card,
[data-theme="dark"] .mps-category-card,
html.satoads-dark .mps-wallet-hero-card,
html.satoads-dark .mps-wallet-section,
html.satoads-dark .mps-wallet-card:not(.mps-wallet-card-primary),
html.satoads-dark
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit),
html.satoads-dark .mps-modal-dialog,
html.satoads-dark .mps-confirm-dialog,
html.satoads-dark .mps-account-panel,
html.satoads-dark .mps-account-header,
html.satoads-dark .satoads-auth-card,
html.satoads-dark .mps-product-card,
html.satoads-dark .mps-category-card {
    background: var(--satoads-surface, #191919) !important;
    border-color: var(--satoads-hairline, #212327) !important;
    color: var(--satoads-text, #ffffff) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .mps-modal-product,
[data-theme="dark"] .mps-order-product-info,
[data-theme="dark"] .mps-modal-desc,
[data-theme="dark"] .mps-confirm-product,
[data-theme="dark"] .mps-confirm-order-meta > div,
[data-theme="dark"] .mps-wallet-stat,
html.satoads-dark .mps-modal-product,
html.satoads-dark .mps-order-product-info,
html.satoads-dark .mps-modal-desc,
html.satoads-dark .mps-confirm-product,
html.satoads-dark .mps-confirm-order-meta > div,
html.satoads-dark .mps-wallet-stat {
    background: var(--satoads-surface-2, #1a1c20) !important;
    border-color: var(--satoads-hairline, #212327) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .mps-modal-total,
html.satoads-dark .mps-modal-total {
    background: #1a1c20 !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .mps-modal-close,
[data-theme="dark"] .mps-confirm-close,
html.satoads-dark .mps-modal-close,
html.satoads-dark .mps-confirm-close {
    background: transparent !important;
    border-color: transparent !important;
    color: #7d8187 !important;
}
[data-theme="dark"] .mps-modal-close:hover,
[data-theme="dark"] .mps-confirm-close:hover,
html.satoads-dark .mps-modal-close:hover,
html.satoads-dark .mps-confirm-close:hover {
    background: #1a1c20 !important;
    color: #ffffff !important;
}
[data-theme="dark"] .mps-btn-outline,
[data-theme="dark"] .mps-btn-secondary,
[data-theme="dark"] .satoads-btn-outline,
[data-theme="dark"] .mps-modal-actions .mps-btn-cancel,
[data-theme="dark"] .mps-confirm-no,
[data-theme="dark"] .mps-transfer-uid-field button,
[data-theme="dark"] .mps-transfer-verify,
[data-theme="dark"] #mps-transfer-verify,
[data-theme="dark"] .mps-qty-btn,
[data-theme="dark"] .mps-qty-stepper,
[data-theme="dark"] .mps-account-nav-btn,
html.satoads-dark .mps-btn-outline,
html.satoads-dark .mps-btn-secondary,
html.satoads-dark .satoads-btn-outline,
html.satoads-dark .mps-modal-actions .mps-btn-cancel,
html.satoads-dark .mps-confirm-no,
html.satoads-dark .mps-transfer-uid-field button,
html.satoads-dark .mps-transfer-verify,
html.satoads-dark #mps-transfer-verify,
html.satoads-dark .mps-qty-btn,
html.satoads-dark .mps-qty-stepper,
html.satoads-dark .mps-account-nav-btn {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
[data-theme="dark"] .mps-qty-btn:hover:not(:disabled),
[data-theme="dark"] .mps-transfer-uid-field button:hover,
[data-theme="dark"] .mps-confirm-no:hover,
html.satoads-dark .mps-qty-btn:hover:not(:disabled),
html.satoads-dark .mps-transfer-uid-field button:hover,
html.satoads-dark .mps-confirm-no:hover {
    background: #1a1c20 !important;
    color: #ffffff !important;
}
[data-theme="dark"] .mps-confirm-title,
[data-theme="dark"] .mps-confirm-product-name,
[data-theme="dark"] .mps-confirm-order-meta strong,
[data-theme="dark"] .mps-modal-title,
[data-theme="dark"] .mps-product-name,
[data-theme="dark"] .mps-category-card-name,
html.satoads-dark .mps-confirm-title,
html.satoads-dark .mps-confirm-product-name,
html.satoads-dark .mps-confirm-order-meta strong,
html.satoads-dark .mps-modal-title,
html.satoads-dark .mps-product-name,
html.satoads-dark .mps-category-card-name {
    color: #ffffff !important;
}
[data-theme="dark"] .mps-confirm-message,
[data-theme="dark"] .mps-confirm-product-label,
[data-theme="dark"] .mps-confirm-order-meta span,
[data-theme="dark"] .mps-modal-desc,
html.satoads-dark .mps-confirm-message,
html.satoads-dark .mps-confirm-product-label,
html.satoads-dark .mps-confirm-order-meta span,
html.satoads-dark .mps-modal-desc {
    color: #7d8187 !important;
}
[data-theme="dark"] .mps-confirm-icon,
html.satoads-dark .mps-confirm-icon {
    background: #1a1c20 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border: 1px solid #212327 !important;
}
[data-theme="dark"] .mps-btn-primary,
[data-theme="dark"] .mps-order-submit,
[data-theme="dark"] .mps-confirm-yes,
[data-theme="dark"] .mps-transfer-submit,
[data-theme="dark"] .satoads-btn-primary,
[data-theme="dark"] .satoads-auth-submit,
[data-theme="dark"] .satoads-auth-form .satoads-btn-primary,
[data-theme="dark"] html.satoads-dark .mps-btn-primary,
html.satoads-dark .mps-order-submit,
html.satoads-dark .mps-confirm-yes,
html.satoads-dark .mps-transfer-submit,
html.satoads-dark .satoads-btn-primary,
html.satoads-dark .satoads-auth-submit,
html.satoads-dark .satoads-auth-form .satoads-btn-primary,
html.satoads-dark .mps-pp-buy {
    background: var(--satoads-primary, #2aabee) !important;
    color: var(--satoads-on-primary, #ffffff) !important;
    border-color: var(--satoads-primary, #2aabee) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .mps-btn-primary:hover:not(:disabled),
[data-theme="dark"] .mps-order-submit:hover:not(:disabled),
[data-theme="dark"] .mps-confirm-yes:hover,
[data-theme="dark"] .mps-transfer-submit:hover:not(:disabled),
[data-theme="dark"] .satoads-btn-primary:hover:not(:disabled),
[data-theme="dark"] .satoads-auth-submit:hover,
html.satoads-dark .mps-btn-primary:hover:not(:disabled),
html.satoads-dark .mps-order-submit:hover:not(:disabled),
html.satoads-dark .mps-confirm-yes:hover,
html.satoads-dark .mps-transfer-submit:hover:not(:disabled),
html.satoads-dark .satoads-btn-primary:hover:not(:disabled),
html.satoads-dark .satoads-auth-submit:hover {
    background: var(--satoads-primary-dark, #1c8db8) !important;
    color: var(--satoads-on-primary, #ffffff) !important;
    border-color: var(--satoads-primary-dark, #1c8db8) !important;
    box-shadow: none !important;
    filter: none !important;
}
[data-theme="dark"] .satoads-sidebar-tools .satoads-theme-toggle:hover,
html.satoads-dark .satoads-sidebar-tools .satoads-theme-toggle:hover {
    background: var(--satoads-sidebar-hover, #2a3a4d) !important;
    border-color: var(--satoads-sidebar-border, #2a3a4d) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .satoads-auth-page,
[data-theme="dark"] .satoads-auth-shell,
html.satoads-dark .satoads-auth-page,
html.satoads-dark .satoads-auth-shell {
    background: var(--satoads-auth-bg, #1c2733) !important;
    color: var(--satoads-auth-text, #ffffff) !important;
}
[data-theme="dark"] .satoads-auth-card,
html.satoads-dark .satoads-auth-card {
    background: var(--satoads-auth-surface, #212d3b) !important;
    border-color: var(--satoads-auth-hairline, #2a3a4d) !important;
    color: var(--satoads-auth-text, #ffffff) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-auth-tabs,
html.satoads-dark .satoads-auth-tabs {
    background: var(--satoads-auth-soft, #1a1c20) !important;
    border-color: var(--satoads-auth-hairline, #212327) !important;
}
[data-theme="dark"] .satoads-auth-tab-indicator,
html.satoads-dark .satoads-auth-tab-indicator {
    background: var(--satoads-auth-primary, #2aabee) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-auth-tab.is-active,
html.satoads-dark .satoads-auth-tab.is-active {
    color: var(--satoads-auth-on-primary, #ffffff) !important;
}
[data-theme="dark"] .satoads-auth-title,
[data-theme="dark"] .satoads-auth-display,
[data-theme="dark"] .satoads-auth-mark,
html.satoads-dark .satoads-auth-title,
html.satoads-dark .satoads-auth-display,
html.satoads-dark .satoads-auth-mark {
    color: var(--satoads-auth-text, #ffffff) !important;
}
[data-theme="dark"] .satoads-auth-input,
[data-theme="dark"] .satoads-auth-form input:not([type="checkbox"]):not([type="radio"]),
html.satoads-dark .satoads-auth-input,
html.satoads-dark .satoads-auth-form input:not([type="checkbox"]):not([type="radio"]) {
    background: var(--satoads-field-bg, #1a1c20) !important;
    border-color: var(--satoads-field-border, rgba(255, 255, 255, 0.32)) !important;
    color: var(--satoads-text, #ffffff) !important;
    box-shadow: var(--satoads-field-inset, none) !important;
}
[data-theme="dark"] .mps-store .mps-product-price,
html.satoads-dark .mps-store .mps-product-price {
    color: #dadbdf !important;
}
[data-theme="dark"] .satoads-menu li a:hover,
[data-theme="dark"] .satoads-menu li.current-menu-item a,
html.satoads-dark .satoads-menu li a:hover,
html.satoads-dark .satoads-menu li.current-menu-item a {
    background: var(--satoads-surface-2, #1a1c20) !important;
    color: var(--satoads-text, #ffffff) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-brand-icon,
[data-theme="dark"] .satoads-sidebar-logo-icon,
html.satoads-dark .satoads-brand-icon,
html.satoads-dark .satoads-sidebar-logo-icon {
    background: var(--satoads-primary, #ffffff) !important;
    color: var(--satoads-on-primary, #0a0a0a) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-footer,
[data-theme="dark"] .satoads-app-footer,
html.satoads-dark .satoads-footer,
html.satoads-dark .satoads-app-footer {
    background: var(--satoads-footer-bg, #1c2733) !important;
    border-top-color: var(--satoads-hairline, #2a3a4d) !important;
    color: var(--satoads-footer-ink, #e6e6e6) !important;
}
[data-theme="dark"] body,
html.satoads-dark body {
    background-color: var(--satoads-bg, #0a0a0a) !important;
    color: var(--satoads-text, #ffffff) !important;
}
[data-theme="dark"] .mps-store-hero-slider,
html.satoads-dark .mps-store-hero-slider {
    border: 0 !important;
    background: transparent !important;
}
[data-theme="dark"] .satoads-auth-tab-indicator ~ .satoads-auth-tab.is-active,
html.satoads-dark .satoads-auth-tab-indicator ~ .satoads-auth-tab.is-active {
    color: var(--satoads-on-primary, #0a0a0a) !important;
}
[data-theme="dark"] .mps-btn-primary,
[data-theme="dark"] .mps-order-submit,
[data-theme="dark"] .mps-confirm-yes,
[data-theme="dark"] .mps-transfer-submit,
[data-theme="dark"] .satoads-btn-primary,
[data-theme="dark"] .satoads-auth-submit,
[data-theme="dark"] .satoads-auth-form .satoads-btn-primary,
[data-theme="dark"] [data-theme="dark"] .mps-product-buy-btn,
.mps-pp-buy,
[data-theme="dark"] .mps-wallet-action-store,
[data-theme="dark"] .mps-wallet-action-deposit,
[data-theme="dark"] .mps-wallet-uid-copy .mps-wallet-uid-copy-btn,
[data-theme="dark"] .mps-account .button-primary,
[data-theme="dark"] .mps-wallet .button-primary,
[data-theme="dark"] .button-primary,
[data-theme="dark"] .wp-block-button__link,
[data-theme="dark"] .mps-deposit-submit,
[data-theme="dark"] .mps-topup-submit,
[data-theme="dark"] #mps-confirm-order,
html.satoads-dark .mps-btn-primary,
html.satoads-dark .mps-order-submit,
html.satoads-dark .mps-confirm-yes,
html.satoads-dark .mps-transfer-submit,
html.satoads-dark .satoads-btn-primary,
html.satoads-dark .satoads-auth-submit,
html.satoads-dark .satoads-auth-form .satoads-btn-primary,
html.satoads-dark html.satoads-dark .mps-product-buy-btn,
.mps-pp-buy,
html.satoads-dark .mps-wallet-action-store,
html.satoads-dark .mps-wallet-action-deposit,
html.satoads-dark .mps-wallet-uid-copy .mps-wallet-uid-copy-btn,
html.satoads-dark .mps-account .button-primary,
html.satoads-dark .mps-wallet .button-primary,
html.satoads-dark .button-primary,
html.satoads-dark .wp-block-button__link,
html.satoads-dark .mps-deposit-submit,
html.satoads-dark .mps-topup-submit,
html.satoads-dark #mps-confirm-order {
    background: var(--satoads-primary, #2aabee) !important;
    color: var(--satoads-on-primary, #ffffff) !important;
    border-color: var(--satoads-primary, #2aabee) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .mps-btn-primary svg,
[data-theme="dark"] .mps-order-submit svg,
[data-theme="dark"] .mps-confirm-yes svg,
[data-theme="dark"] .mps-transfer-submit svg,
[data-theme="dark"] .satoads-btn-primary svg,
[data-theme="dark"] .mps-product-buy-btn svg,
[data-theme="dark"] .mps-wallet-action-store svg,
[data-theme="dark"] .mps-wallet-action-deposit svg,
[data-theme="dark"] .mps-wallet-uid-copy .mps-wallet-uid-copy-btn svg,
[data-theme="dark"] .mps-btn-primary .dashicons,
[data-theme="dark"] .mps-confirm-yes .dashicons,
html.satoads-dark .mps-btn-primary svg,
html.satoads-dark .mps-order-submit svg,
html.satoads-dark .mps-confirm-yes svg,
html.satoads-dark .mps-transfer-submit svg,
html.satoads-dark .satoads-btn-primary svg,
html.satoads-dark .mps-product-buy-btn svg,
html.satoads-dark .mps-wallet-action-store svg,
html.satoads-dark .mps-wallet-action-deposit svg,
html.satoads-dark .mps-wallet-uid-copy .mps-wallet-uid-copy-btn svg,
html.satoads-dark .mps-btn-primary .dashicons,
html.satoads-dark .mps-confirm-yes .dashicons {
    color: #ffffff !important;
}
[data-theme="dark"] .mps-btn-primary:hover:not(:disabled),
[data-theme="dark"] .mps-order-submit:hover:not(:disabled),
[data-theme="dark"] .mps-confirm-yes:hover,
[data-theme="dark"] .mps-transfer-submit:hover:not(:disabled),
[data-theme="dark"] .satoads-btn-primary:hover:not(:disabled),
[data-theme="dark"] .satoads-auth-submit:hover,
[data-theme="dark"] [data-theme="dark"] .mps-product-buy-btn:hover:not(:disabled),
.mps-pp-buy:hover:not(:disabled),
[data-theme="dark"] .mps-wallet-action-store:hover,
[data-theme="dark"] .mps-wallet-action-deposit:hover,
[data-theme="dark"] .mps-wallet-uid-copy .mps-wallet-uid-copy-btn:hover,
[data-theme="dark"] .mps-deposit-submit:hover:not(:disabled),
[data-theme="dark"] .mps-topup-submit:hover:not(:disabled),
[data-theme="dark"] #mps-confirm-order:hover:not(:disabled),
[data-theme="dark"] .button-primary:hover,
html.satoads-dark .mps-btn-primary:hover:not(:disabled),
html.satoads-dark .mps-order-submit:hover:not(:disabled),
html.satoads-dark .mps-confirm-yes:hover,
html.satoads-dark .mps-transfer-submit:hover:not(:disabled),
html.satoads-dark .satoads-btn-primary:hover:not(:disabled),
html.satoads-dark .satoads-auth-submit:hover,
html.satoads-dark html.satoads-dark .mps-product-buy-btn:hover:not(:disabled),
.mps-pp-buy:hover:not(:disabled),
html.satoads-dark .mps-wallet-action-store:hover,
html.satoads-dark .mps-wallet-action-deposit:hover,
html.satoads-dark .mps-wallet-uid-copy .mps-wallet-uid-copy-btn:hover,
html.satoads-dark .mps-deposit-submit:hover:not(:disabled),
html.satoads-dark .mps-topup-submit:hover:not(:disabled),
html.satoads-dark #mps-confirm-order:hover:not(:disabled),
html.satoads-dark .button-primary:hover {
    background: var(--satoads-primary-dark, #1c8db8) !important;
    color: var(--satoads-on-primary, #ffffff) !important;
    border-color: var(--satoads-primary-dark, #1c8db8) !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}
[data-theme="dark"] .mps-btn-primary:hover:not(:disabled) svg,
[data-theme="dark"] .mps-wallet-action-store:hover svg,
[data-theme="dark"] .mps-wallet-action-deposit:hover svg,
[data-theme="dark"] .mps-wallet-uid-copy .mps-wallet-uid-copy-btn:hover svg,
[data-theme="dark"] .mps-product-buy-btn:hover:not(:disabled) svg,
[data-theme="dark"] .mps-confirm-yes:hover svg,
[data-theme="dark"] .mps-confirm-yes:hover .dashicons,
html.satoads-dark .mps-btn-primary:hover:not(:disabled) svg,
html.satoads-dark .mps-wallet-action-store:hover svg,
html.satoads-dark .mps-wallet-action-deposit:hover svg,
html.satoads-dark .mps-wallet-uid-copy .mps-wallet-uid-copy-btn:hover svg,
html.satoads-dark .mps-product-buy-btn:hover:not(:disabled) svg,
html.satoads-dark .mps-confirm-yes:hover svg,
html.satoads-dark .mps-confirm-yes:hover .dashicons {
    color: #ffffff !important;
}
[data-theme="dark"] .mps-btn-outline:hover,
[data-theme="dark"] .mps-btn-secondary:hover,
[data-theme="dark"] .satoads-btn-outline:hover,
[data-theme="dark"] .mps-confirm-no:hover,
[data-theme="dark"] .mps-modal-actions .mps-btn-cancel:hover,
[data-theme="dark"] .mps-transfer-uid-field button:hover,
[data-theme="dark"] .mps-transfer-verify:hover,
[data-theme="dark"] #mps-transfer-verify:hover,
[data-theme="dark"] .mps-account-nav-btn:hover,
[data-theme="dark"] .mps-product-back-btn:hover,
[data-theme="dark"] .mps-product-details-link:hover,
[data-theme="dark"]
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit):hover,
[data-theme="dark"] .mps-copy-btn:hover,
[data-theme="dark"] .mps-deposit-copy-btn:hover,
html.satoads-dark .mps-btn-outline:hover,
html.satoads-dark .mps-btn-secondary:hover,
html.satoads-dark .satoads-btn-outline:hover,
html.satoads-dark .mps-confirm-no:hover,
html.satoads-dark .mps-modal-actions .mps-btn-cancel:hover,
html.satoads-dark .mps-transfer-uid-field button:hover,
html.satoads-dark .mps-transfer-verify:hover,
html.satoads-dark #mps-transfer-verify:hover,
html.satoads-dark .mps-account-nav-btn:hover,
html.satoads-dark .mps-product-back-btn:hover,
html.satoads-dark .mps-product-details-link:hover,
html.satoads-dark
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit):hover,
html.satoads-dark .mps-copy-btn:hover,
html.satoads-dark .mps-deposit-copy-btn:hover {
    background: #1a1c20 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .mps-btn-outline:hover svg,
[data-theme="dark"] .mps-confirm-no:hover svg,
[data-theme="dark"] .mps-confirm-no:hover .dashicons,
[data-theme="dark"]
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit):hover
    svg,
[data-theme="dark"] .mps-copy-btn:hover svg,
[data-theme="dark"] .mps-product-back-btn:hover svg,
html.satoads-dark .mps-btn-outline:hover svg,
html.satoads-dark .mps-confirm-no:hover svg,
html.satoads-dark .mps-confirm-no:hover .dashicons,
html.satoads-dark
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit):hover
    svg,
html.satoads-dark .mps-copy-btn:hover svg,
html.satoads-dark .mps-product-back-btn:hover svg {
    color: #ffffff !important;
}
[data-theme="dark"] .mps-wallet-hero .mps-wallet-refresh,
[data-theme="dark"] .mps-wallet-refresh,
html.satoads-dark .mps-wallet-hero .mps-wallet-refresh,
html.satoads-dark .mps-wallet-refresh {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #dadbdf !important;
    box-shadow: none !important;
}
[data-theme="dark"] .mps-wallet-hero .mps-wallet-refresh svg,
[data-theme="dark"] .mps-wallet-refresh svg,
html.satoads-dark .mps-wallet-hero .mps-wallet-refresh svg,
html.satoads-dark .mps-wallet-refresh svg {
    color: inherit !important;
}
[data-theme="dark"] .mps-wallet-hero .mps-wallet-refresh:hover,
[data-theme="dark"] .mps-wallet-refresh:hover,
html.satoads-dark .mps-wallet-hero .mps-wallet-refresh:hover,
html.satoads-dark .mps-wallet-refresh:hover {
    background: #1a1c20 !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .mps-qty-btn:hover:not(:disabled),
html.satoads-dark .mps-qty-btn:hover:not(:disabled) {
    background: #191919 !important;
    color: #ffffff !important;
}
[data-theme="dark"] .mps-orders-status-chip,
html.satoads-dark .mps-orders-status-chip {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #7d8187 !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}
[data-theme="dark"] .mps-orders-status-chip:hover,
html.satoads-dark .mps-orders-status-chip:hover {
    background: #1a1c20 !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
[data-theme="dark"] .mps-orders-status-chip.is-active,
html.satoads-dark .mps-orders-status-chip.is-active {
    background: #ffffff !important;
    color: #0a0a0a !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}
[data-theme="dark"] .mps-orders-status-chip.is-active:hover,
html.satoads-dark .mps-orders-status-chip.is-active:hover {
    background: #ffffff !important;
    color: #0a0a0a !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
}
.mps-level-tier-card {
    border-radius: 8px !important;
    box-shadow: none !important;
}
.mps-level-tier-badge,
.mps-level-tier-tag {
    border-radius: 8px !important;
    font-weight: 400 !important;
}
.mps-level-tier-card.is-current {
    background: var(--satoads-text) !important;
    border-color: var(--satoads-text) !important;
    color: var(--satoads-bg) !important;
}
.mps-level-tier-tag.is-next,
.mps-level-tier-tag.is-done {
    background: transparent !important;
}
.mps-level-progress-fill {
    background: var(--satoads-text) !important;
}
.mps-level .mps-wallet-action-btn,
.mps-level .mps-wallet-action-store {
    border-radius: 8px !important;
    font-weight: 400 !important;
}
.mps-wallet-action-btn,
.mps-wallet-action-store,
.mps-wallet-action-deposit,
.mps-wallet-uid-copy .mps-wallet-uid-copy-btn,
.mps-wallet-hero .mps-wallet-refresh,
.mps-btn-primary,
.mps-btn-outline,
.mps-btn-secondary,
.mps-btn-cancel,
.mps-order-submit,
.mps-confirm-yes,
.mps-confirm-no,
.mps-transfer-submit,
.mps-transfer-verify,
#mps-transfer-verify,
.mps-transfer-uid-field button,
.mps-product-buy-btn,
.mps-pp-buy,
.mps-qty-btn,
.mps-modal-actions .button,
.mps-modal-actions .mps-btn-cancel,
.satoads-btn-primary,
.satoads-btn-outline,
.satoads-auth-submit,
.satoads-auth-home-link,
.satoads-auth-console-tools,
.satoads-auth-form .satoads-btn-primary,
.satoads-topbar-pill,
.satoads-topbar-toggle,
.satoads-topbar-balance,
.satoads-theme-toggle,
.satoads-sidebar-logout,
.satoads-user-btn,
.mps-pager-page,
.mps-pager-nav-btn,
.mps-orders-status-chip,
.mps-account-nav-btn,
.mps-account .button,
.mps-account .button-primary,
.mps-level-action-btn,
.mps-level-tier-tag,
.mps-level-tier-badge,
.mps-wallet-chip,
.mps-level-chip,
.satoads-menu a,
button.mps-user-result,
.button.button-primary,
.button.button-secondary,
a.button {
    border-radius: var(--satoads-radius-pill, 9999px) !important;
}
.satoads-topbar-avatar-btn,
.satoads-topbar-avatar,
.mps-account-avatar,
.mps-account-avatar img {
    border-radius: 50% !important;
}
.satoads-sidebar-link-text,
.satoads-sidebar-client-balance,
.satoads-sidebar-client-level,
.mps-account-quick-link > span:last-child,
.mps-account-nav-btn > span:last-child,
.mps-account-stat-value,
.mps-wallet-chip,
.mps-level-chip,
.mps-orders-status-chip,
.mps-order-input-chip,
.mps-product-badge,
.mps-category-inline-badge {
    line-height: 1;
}
.satoads-sidebar-link {
    line-height: 1;
}
.satoads-sidebar-link-text {
    display: inline-flex;
    align-items: center;
    transform: translateY(0.06em);
}
.satoads-sidebar-icon,
.satoads-sidebar-icon svg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.satoads-sidebar-icon svg {
    display: block;
    width: 18px;
    height: 18px;
}
.mps-account-quick-link,
.mps-account-nav-btn {
    align-items: center !important;
    line-height: 1 !important;
}
.mps-account-quick-link > span[aria-hidden],
.mps-account-nav-btn > span[aria-hidden] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 0;
}
.mps-account-quick-link > span[aria-hidden] svg,
.mps-account-nav-btn > span[aria-hidden] svg {
    display: block;
}
.mps-account-quick-link > span:not([aria-hidden]),
.mps-account-nav-btn > span:not([aria-hidden]) {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    transform: translateY(0.06em);
}
.mps-orders-status-chip,
.mps-order-input-chip,
.mps-wallet-chip,
.mps-level-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    line-height: 1 !important;
}
.mps-orders-status-chip > *,
.mps-wallet-chip > *,
.mps-level-chip > * {
    line-height: 1;
}
@media (max-width: 480px) {
    .satoads-topbar-balance-amount {
        transform: translateY(0.12em);
    }
    .satoads-topbar-actions {
        align-items: center;
    }
    .satoads-topbar-balance,
    .satoads-topbar-pill,
    .satoads-topbar-avatar-btn,
    .satoads-topbar-bell {
        align-self: center;
    }
}
/* Optical Tajawal alignment lives in typography.css — do not re-apply `top` on bordered controls. */
.satoads-btn .dashicons,
.satoads-sidebar-icon,
.mps-wallet-action-btn svg {
    top: 0;
}
.satoads-btn,
.satoads-btn-primary,
.satoads-btn-outline,
.satoads-btn-ghost,
.mps-btn-primary,
.mps-btn-outline,
.mps-btn-secondary,
.mps-deposit-submit,
.mps-topup-submit,
#mps-topup-submit,
.mps-deposit-copy-btn,
.mps-copy-btn,
.mps-deposit-method-card,
.mps-deposit-api-card,
.mps-deposit-back,
.mps-wallet-action-btn,
.mps-wallet-uid-copy .mps-wallet-uid-copy-btn,
.mps-wallet-refresh,
.mps-product-buy-btn,
.mps-pp-buy,
.mps-order-submit,
.mps-confirm-yes,
.mps-confirm-no,
.mps-transfer-submit,
.mps-transfer-verify,
#mps-transfer-verify,
.mps-store-back,
.mps-pager-page,
.mps-pager-nav-btn,
.mps-orders-status-chip,
.mps-account-nav-btn,
.mps-qty-btn,
.satoads-topbar-pill,
.satoads-topbar-toggle,
.satoads-topbar-balance,
.satoads-topbar-avatar-btn,
.satoads-topbar-bell,
.satoads-theme-toggle--topbar,
.satoads-theme-toggle--header,
.satoads-auth-submit,
.satoads-auth-home-link,
.mps-receipt-drop,
.mps-receipt-remove,
.satoads-sidebar-link,
.satoads-sidebar-collapse,
.satoads-user-btn,
.mps-product-details-link,
.mps-fav-btn,
.mps-product-back-btn,
.mps-product-category-pill,
.mps-variation-pill,
.satoads-topbar-dropdown-item,
.satoads-menu li a {
    -webkit-tap-highlight-color: transparent;
    transition:
        background 0.16s ease,
        border-color 0.16s ease,
        color 0.16s ease,
        opacity 0.12s ease,
        transform 0.14s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.12s ease;
}
.mps-fav-toggle,
.mps-fav-toggle:active {
    transform: none !important;
    filter: none !important;
}
.satoads-btn:active:not(:disabled),
.satoads-btn-primary:active:not(:disabled),
.satoads-btn-outline:active:not(:disabled),
.mps-btn-primary:active:not(:disabled),
.mps-btn-outline:active:not(:disabled),
.mps-btn-secondary:active:not(:disabled),
.mps-deposit-submit:active:not(:disabled),
.mps-topup-submit:active:not(:disabled),
#mps-topup-submit:active:not(:disabled),
.mps-deposit-copy-btn:active,
.mps-copy-btn:active,
.mps-deposit-method-card:active,
.mps-deposit-api-card:active,
.mps-deposit-back:active,
.mps-wallet-action-btn:active,
.mps-wallet-uid-copy .mps-wallet-uid-copy-btn:active,
.mps-wallet-refresh:active,
.mps-product-buy-btn:active:not(:disabled),
.mps-pp-buy:active:not(:disabled),
.mps-order-submit:active:not(:disabled),
.mps-confirm-yes:active,
.mps-confirm-no:active,
.mps-transfer-submit:active:not(:disabled),
.mps-transfer-verify:active,
#mps-transfer-verify:active,
.mps-store-back:active,
.mps-pager-page:active,
.mps-pager-nav-btn:active:not(:disabled),
.mps-orders-status-chip:active,
.mps-account-nav-btn:active,
.mps-qty-btn:active:not(:disabled),
.satoads-topbar-pill:active,
.satoads-topbar-toggle:active,
.satoads-topbar-balance:active,
.satoads-topbar-avatar-btn:active,
.satoads-topbar-bell:active,
.satoads-theme-toggle--topbar:active,
.satoads-theme-toggle--header:active,
.satoads-auth-submit:active:not(:disabled),
.satoads-auth-home-link:active,
.mps-receipt-drop:active,
.mps-receipt-remove:active,
.satoads-sidebar-link:active,
.satoads-sidebar-collapse:active,
.satoads-user-btn:active,
.mps-product-details-link:active,
.mps-product-back-btn:active,
.mps-product-category-pill:active,
.mps-variation-pill:active,
.satoads-topbar-dropdown-item:active,
.satoads-menu li a:active {
    transform: scale(0.97) translateY(1px) !important;
    filter: brightness(0.97);
}
@media (prefers-reduced-motion: reduce) {
    .satoads-btn:active:not(:disabled),
    .satoads-btn-primary:active:not(:disabled),
    .satoads-btn-outline:active:not(:disabled),
    .mps-btn-primary:active:not(:disabled),
    .mps-deposit-submit:active:not(:disabled),
    #mps-topup-submit:active:not(:disabled),
    .mps-deposit-copy-btn:active,
    .mps-deposit-method-card:active,
    .mps-deposit-api-card:active,
    .mps-wallet-action-btn:active,
    .mps-product-buy-btn:active:not(:disabled),
    .mps-pp-buy:active:not(:disabled),
    .satoads-sidebar-link:active,
    .satoads-topbar-pill:active {
        transform: none !important;
        filter: none;
    }
}

/* Action button loading state */
.is-btn-loading {
    position: relative !important;
    color: transparent !important;
    pointer-events: none;
    cursor: default;
}
.is-btn-loading > * {
    visibility: hidden;
}
.is-btn-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.32);
    border-top-color: #ffffff;
    animation:
        satoads-btn-spin 0.62s linear infinite,
        satoads-btn-fade 0.18s ease-out;
    pointer-events: none;
}
.mps-btn-secondary.is-btn-loading::after,
.mps-btn-outline.is-btn-loading::after,
.mps-btn-ghost.is-btn-loading::after,
.mps-btn-cancel.is-btn-loading::after,
.satoads-btn-outline.is-btn-loading::after,
.satoads-btn-ghost.is-btn-loading::after {
    border-color: rgba(10, 10, 10, 0.2);
    border-top-color: var(--satoads-text, #0a0a0a);
}
[data-theme="dark"] .mps-btn-secondary.is-btn-loading::after,
[data-theme="dark"] .mps-btn-outline.is-btn-loading::after,
[data-theme="dark"] .mps-btn-ghost.is-btn-loading::after,
[data-theme="dark"] .mps-btn-cancel.is-btn-loading::after,
[data-theme="dark"] .satoads-btn-outline.is-btn-loading::after,
[data-theme="dark"] .satoads-btn-ghost.is-btn-loading::after,
html.satoads-dark .mps-btn-secondary.is-btn-loading::after,
html.satoads-dark .mps-btn-outline.is-btn-loading::after,
html.satoads-dark .mps-btn-ghost.is-btn-loading::after,
html.satoads-dark .mps-btn-cancel.is-btn-loading::after,
html.satoads-dark .satoads-btn-outline.is-btn-loading::after,
html.satoads-dark .satoads-btn-ghost.is-btn-loading::after {
    border-color: rgba(255, 255, 255, 0.26);
    border-top-color: #ffffff;
}
@keyframes satoads-btn-spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes satoads-btn-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media (prefers-reduced-motion: reduce) {
    .is-btn-loading::after {
        animation: satoads-btn-spin 1.6s linear infinite;
    }
}