.don-ro-widget {
            --pgw-font-family: "Futura";
            --pgw-background-primary: transparent;
            --pgw-surface-primary: #1c1c1c;
            --pgw-surface-secondary: #242424;
            --pgw-surface-secondaryHover: #333;
            --pgw-surface-accent: #312c23;
            --pgw-surface-accentHover: #3f3526;
            --pgw-surface-buttonPrimary: #3fa942;
            --pgw-surface-buttonPrimaryHover: #39983b;
            --pgw-surface-buttonPrimaryPress: #078c3a;
            --pgw-surface-buttonPrimaryDisabled: #133314;
            --pgw-surface-buttonSecondary: #5c503d;
            --pgw-surface-buttonSecondaryHover: #4c4233;
            --pgw-surface-buttonSecondaryPress: #3d3529;
            --pgw-surface-buttonSecondaryDisabled: #2e281f;
            --pgw-surface-buttonTertiary: #333333;
            --pgw-surface-buttonTertiaryHover: #404040;
            --pgw-surface-buttonTertiaryPress: #4d4d4d;
            --pgw-surface-buttonTertiaryDisabled: #242424;
            --pgw-surface-inputPrimary: #212121;
            --pgw-surface-inputSecondary: #1c1c1c;
            --pgw-surface-inputTertiary: #242424;
            --pgw-surface-tab: #242424;
            --pgw-surface-tabHover: #303030;
            --pgw-surface-tabPress: #3a3a3a;
            --pgw-surface-negative: #e76a88;
            --pgw-surface-positiveAlpha: #24a8201a;
            --pgw-surface-skeleton: #dce1e926;
            --pgw-text-primary: #f7f7f7;
            --pgw-text-secondary: #b99864;
            --pgw-text-tertiary: #4d4d4d;
            --pgw-text-button: #ffffff;
            --pgw-text-buttonDisabled: #4d4d4d;
            --pgw-text-positive: #24a820;
            --pgw-text-warning: #f69230;
            --pgw-text-negative: #e76a88;
            --pgw-text-constant: #ffffff;
            --pgw-icon-primary: #f7f7f7;
            --pgw-icon-secondary: #b99864;
            --pgw-icon-tertiary: #c5c5d3;
            --pgw-icon-button: #4d4d4d;
            --pgw-icon-buttonDisabled: #c5e5c6;
            --pgw-icon-positive: #24a820;
            --pgw-icon-warning: #f69230;
            --pgw-icon-negative: #e76a88;
            --pgw-stroke-primary: #333333;
            --pgw-stroke-secondary: #404040;
            --pgw-stroke-inputPrimary: #242424;
            --pgw-stroke-inputSecondary: #333333;
            --pgw-stroke-accent: #605320;
            --pgw-stroke-accentHover: #7a681f;
            --pgw-stroke-positive: #24a820;
            --pgw-stroke-positiveAlpha: #24a8204d;
            --pgw-stroke-warning: #f69230;
            --pgw-stroke-negative: #e76a88;
            --pgw-divider-primary: #333333;
        }
        .alf-widget {
            --pgw-font-family: "Montserrat";
            --pgw-background-primary: transparent;
            --pgw-surface-primary: #ffffff;
            --pgw-surface-secondary: #f6f6f9;
            --pgw-surface-secondaryHover: #f0f0f4;
            --pgw-surface-accent: #fffae6;
            --pgw-surface-accentHover: #fff4c9;
            --pgw-surface-buttonPrimary: #09af48;
            --pgw-surface-buttonPrimaryHover: #66e38c;
            --pgw-surface-buttonPrimaryPress: #078c3a;
            --pgw-surface-buttonPrimaryDisabled: #80ec9f;
            --pgw-surface-buttonSecondary: #9a85cd;
            --pgw-surface-buttonSecondaryHover: #9a85cd;
            --pgw-surface-buttonSecondaryPress: #7b6aa4;
            --pgw-surface-buttonSecondaryDisabled: #d3c6f4;
            --pgw-surface-buttonTertiary: #f0f0f4;
            --pgw-surface-buttonTertiaryHover: #e2e2e9;
            --pgw-surface-buttonTertiaryPress: #e2e2e9;
            --pgw-surface-buttonTertiaryDisabled: #e2e2e9;
            --pgw-surface-inputPrimary: #f6f6f9;
            --pgw-surface-inputSecondary: #ffffff;
            --pgw-surface-inputTertiary: #f0f0f4;
            --pgw-surface-tab: #f0f0f4;
            --pgw-surface-tabHover: #bfadea;
            --pgw-surface-tabPress: #ac98dd;
            --pgw-surface-negative: #e76a88;
            --pgw-surface-positiveAlpha: #25a8201a;
            --pgw-surface-skeleton: #f6f6f926;
            --pgw-text-primary: #131325;
            --pgw-text-secondary: #646487;
            --pgw-text-tertiary: #c5c5d3;
            --pgw-text-buttonPrimary: #ffffff;
            --pgw-text-buttonPrimaryDisabled: #f0f0f4;
            --pgw-text-buttonSecondary: #ffffff;
            --pgw-text-buttonSecondaryDisabled: #f0f0f4;
            --pgw-text-positive: #24a820;
            --pgw-text-warning: #f69230;
            --pgw-text-negative: #e76a88;
            --pgw-text-constant: #ffffff;
            --pgw-icon-primary: #131325;
            --pgw-icon-secondary: #646487;
            --pgw-icon-tertiary: #c5c5d3;
            --pgw-icon-buttonPrimary: #ffffff;
            --pgw-icon-buttonPrimaryDisabled: #d5e3f3;
            --pgw-icon-positive: #24a820;
            --pgw-icon-warning: #f69230;
            --pgw-icon-negative: #e76a88;
            --pgw-stroke-primary: #f0f0f4;
            --pgw-stroke-secondary: #e2e2e9;
            --pgw-stroke-inputPrimary: #f0f0f4;
            --pgw-stroke-inputSecondary: #e2e2e9;
            --pgw-stroke-accent: #ffeeac;
            --pgw-stroke-accentHover: #ffe373;
            --pgw-stroke-positive: #24a820;
            --pgw-stroke-positiveAlpha: #24a8204d;
            --pgw-stroke-warning: #f69230;
            --pgw-stroke-negative: #e76a88;
            --pgw-divider-primary: #f0f0f4;
            --pgw-border-radius-s: 4px;
            --pgw-border-radius-m: 8px;
            --pgw-border-radius-l: 12px;
            --pgw-border-radius-xl: 16px;
        }
        .don-ro-widget-OLD {
            --pgw-font-family: "Futura";
            --pgw-dark-cta-primary: #3fa942;
            --pgw-dark-cta-primaryHover: #308732;
            --pgw-dark-cta-primaryClick: #55ca59;
            --pgw-dark-cta-primaryDisabled: #3fa942;
            --pgw-dark-cta-secondary: #a59a86;
            --pgw-dark-cta-secondaryHover: #a29376;
            --pgw-dark-cta-secondaryClick: #c3a976;
            --pgw-dark-cta-secondaryDisabled: #a59a86;
            --pgw-dark-cta-tertiary: #2f2f2f;
            --pgw-dark-cta-tertiaryHover: #494949;
            --pgw-dark-cta-tertiaryClick: #464646;
            --pgw-dark-cta-tertiaryDisabled: #2f2f2f;
            --pgw-dark-cta-bright: #c4a76e;
            --pgw-dark-cta-brightHover: #a6874a;
            --pgw-dark-cta-brightClick: #c0984a;
            --pgw-dark-cta-brightFocus: #c0984a;
            --pgw-dark-cta-brightDisabled: #a6874a;
            --pgw-dark-bg-primary: #242424;
            --pgw-dark-bg-payment: #d6d6d6;
            --pgw-dark-bg-secondary: #3a3a3a;
            --pgw-dark-bg-accent1: #494949;
            --pgw-dark-bg-accent2: #7b7b7b;
            --pgw-dark-bg-error: #e76a88;
            --pgw-dark-bg-skeleton: transparent;
            --pgw-dark-bg-skeletonGradient0: transparent;
            --pgw-dark-bg-skeletonGradient: #333333;
            --pgw-dark-text-primary: #ffffff;
            --pgw-dark-text-secondary: #b99864;
            --pgw-dark-text-tertiary: #fff1b6;
            --pgw-dark-text-button: #ffffff;
            --pgw-dark-text-accent: #f3ff67;
            --pgw-dark-tab-bg: #3a3a3a;
            --pgw-dark-tab-bg-active: #242424;
            --pgw-dark-tab-border: 2px solid #353535;
            --pgw-dark-tab-border-active: 2px solid #8f8f8f;
            --pgw-dark-tab-text: #b99864;
            --pgw-dark-tab-text-active: #fff1b6;
            --pgw-dark-preset-bg: #3a3a3a;
            --pgw-dark-preset-bg-active: #242424;
            --pgw-dark-preset-border: 2px solid #353535;
            --pgw-dark-preset-border-active: 2px solid #8f8f8f;
        }
        #control-popup {
            position: absolute;
            z-index: 1002;
            width: 220px;
            box-sizing: border-box;
            background-color: #eaeaea;
            padding: 10px;
        }
        .control-button {
            margin-bottom: 10px;
            width: 100%;
        }
        .balance {
            background-color: #a8dfae;
        }
        .remove {
            background-color: #ffd4ca;
        }
        .form-input {
            box-sizing: border-box;
            margin-bottom: 4px;
            width: 100%;
        }
        .popup-open {
            overflow: hidden;
        }
        #overlay {
            position: absolute;
            visibility: hidden;
            width: 100%;
            height: 100%;
            top: 0;
            background-color: #000000b3;
            overflow: scroll;
            z-index: 999;
        }
        #popup {
            border-radius: 12px;
            z-index: 1000;
            width: 620px;
            max-width: 100vw;
            min-height: 420px;
            height: max-content;
            visibility: hidden;
            margin: 30px auto;
            padding: 20px 0;
            overflow: scroll;
            position: relative;
        }
        @media screen and (max-width: 480px) {
            #popup {
                margin: 0 auto;
                height: 100vh;
                border-radius: 0;
            }
        }
        .control-popup-close {
            float: right;
            margin-bottom: 8px;
            cursor: pointer;
            visibility: inherit;
        }
        .popup-close {
            background-color: transparent;
            color: #524e72;
            border: 0px;
            position: absolute;
            right: 16px;
            cursor: pointer;
            visibility: inherit;
        }
        .popup-close:hover {
            color: #74718e;
        }
        .popup-close svg {
            visibility: inherit;
        }
        .alf-popup {
            background-color: #fff;
            color: #524e72;
        }
        .don-ro-popup {
            background-color: #141414;
            border: solid 4px #464646;
            color: var(--pgw-dark-text-secondary);
        }
        .popup-footer {
            padding: 16px;
            font-size: 12px;
        }
        .popup-footer hr {
            border: 1px solid #524e72;
        }
        .don-ro-popup hr {
            border: 1px solid var(--pgw-dark-text-secondary);
        }
        #pgw-notification {
            position: fixed;
            box-sizing: border-box;
            width: 392px;
            padding: 16px;
            top: 10px;
            left: calc(50% - 196px);
            display: flex;
            flex-direction: column;
            gap: 8px;
            background: lightgreen;
            z-index: 1000;
            display: none;
        }