body {
    margin: 0
}


:root {
    --pay-plt-dusk-color: 23, 45, 62;
    --pay-plt-white-color: 255, 255, 255;
    --pay-plt-midnight-color: 11, 25, 35;
    --pay-plt-silver-color: 128, 139, 147;
    --pay-plt-leaf-color: 86, 151, 181;
    --pay-plt-grey-day-color: 250, 252, 254;
    --pay-plt-dark-black: 13, 29, 41;
    --pay-plt-black-color: 0, 0, 0;
    --pay-plt-grey-color: 242, 242, 245;
    --pay-plt-grey-alt-color: 244, 246, 251;
    --pay-plt-midnight-alt-color: 13, 30, 44;
    --pay-plt-highlight-color: 65, 102, 188;
    --pay-general-grey-color: 226, 226, 226;
    --pay-general-red-color: 228, 75, 68;
    --pay-general-green-color: 26, 188, 156;
    --pay-general-blue-color: 64, 150, 242;
    --pay-general-violet-color: 155, 89, 182;
    --pay-general-orange-color: 239, 186, 75;
    --pay-general-river-color: 65, 102, 188;
    --pay-error-color: rgb(var(--pay-general-red-color));
    --pay-error-bg-color: rgba(var(--pay-general-red-color), 0.1);
    --pay-success-bg-color: #f3fcf9;
    --pay-feedback-bg-color: #f0fcf9;
    --pay-primary-color: rgb(var(--pay-plt-leaf-color));
    --pay-button-color: rgb(var(--pay-plt-leaf-color));
    --pay-end-user-divider-color: rgba(var(--pay-plt-dusk-color), 0.1);
    --pay-end-user-border-color: rgb(var(--pay-general-grey-color));
    --pay-end-user-text-color: rgb(var(--pay-plt-dusk-color));
    --pay-end-user-light-text-color: rgb(var(--pay-plt-dusk-color, 0.6));
    --pay-end-user-bg-color: #e5e5e5;
    --pay-end-user-active-bg-color: rgba(var(--pay-plt-leaf-color), 0.12);
    --pay-end-user-error-bg-color: rgba(var(--pay-general-red-color), 0.07);
    --pay-end-user-bg-light-color: #f0fcf9;
    --pay-white-label-error-text-color: rgba(var(--pay-general-red-color), 0.7);
    --pay-white-box-white-color: rgb(var(--pay-plt-white-color));
    --pay-white-box-dark-color: rgb(var(--pay-plt-dusk-color));
    --pay-white-box-grey-bg-color: #f4f6fb;
    --pay-white-box-grey-color: rgba(var(--pay-plt-dusk-color), 0.5);
    --pay-white-box-input-color: #586871;
    --pay-white-box-border-color: #f4f6fb
}

.light-mode {
    --pay-label-color: rgba(var(--pay-plt-dusk-color), 0.3);
    --pay-darker-label-color: rgba(var(--pay-plt-dusk-color), 0.5);
    --pay-bg-color: rgb(var(--pay-plt-grey-color));
    --pay-box-color: rgb(var(--pay-plt-white-color));
    --pay-highlight-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-primary-color: rgb(var(--pay-plt-leaf-color));
    --pay-white-color: rgb(var(--pay-plt-white-color));
    --pay-shadow-color: rgba(var(--pay-plt-dusk-color), 0.12);
    --pay-light-border-color: rgba(var(--pay-plt-dusk-color), 0.12);
    --pay-border-color: rgba(var(--pay-plt-highlight-color), 0.18);
    --pay-switch-bg-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-active-bg-color: rgba(var(--pay-plt-leaf-color), 0.06);
    --pay-search-wrapper-bg-color: rgb(var(--pay-plt-grey-alt-color));
    --pay-search-inner-bg-color: rgb(var(--pay-plt-white-color));
    --pay-table-striped-bg-color: rgb(var(--pay-plt-grey-alt-color));
    --pay-auto-convert-enabled-bg-color: rgb(var(--pay-plt-leaf-color), 0.1);
    --pay-text-color: rgb(var(--pay-plt-silver-color));
    --pay-highlight-text-color: rgb(var(--pay-plt-dusk-color));
    --pay-dim-text-color: rgba(var(--pay-plt-dusk-color), 0.5);
    --pay-demo-banner-bg-color: rgb(var(--pay-plt-dusk-color));
    --pay-demo-banner-text-color: rgb(var(--pay-plt-white-color));
    --pay-setting-preview-bg-color: rgb(var(--pay-plt-grey-day-color));
    --pay-company-logo-bg-color: rgb(var(--pay-plt-grey-day-color));
    --pay-company-logo-border-color: rgb(var(--pay-plt-grey-color));
    --pay-white-label-overlay: rgba(var(--pay-plt-grey-alt-color), 0.7);
    --pay-white-label-logo-shadow: rgba(var(--pay-plt-black-color), 0.09);
    --pay-transparent-button-color: rgb(var(--pay-plt-leaf-color));
    --pay-checkbox-bg-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-checkbox-border-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-grey-box-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-divider-light-color: rgba(var(--pay-plt-highlight-color), 0.12);
    --pay-light-grey-box-color: rgba(var(--pay-plt-highlight-color), 0.02)
}

.dark-mode {
    --pay-label-color: rgba(var(--pay-plt-white-color), 0.3);
    --pay-darker-label-color: rgba(var(--pay-plt-white-color), 0.5);
    --pay-bg-color: rgb(var(--pay-plt-dusk-color));
    --pay-box-color: rgb(var(--pay-plt-midnight-color));
    --pay-highlight-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-primary-color: rgb(var(--pay-plt-leaf-color));
    --pay-white-color: rgb(var(--pay-plt-white-color));
    --pay-shadow-color: rgba(var(--pay-plt-dusk-color), 0.12);
    --pay-light-border-color: rgba(var(--pay-plt-highlight-color), 0.18);
    --pay-border-color: rgba(var(--pay-plt-highlight-color), 0.18);
    --pay-switch-bg-color: rgb(var(--pay-plt-dusk-color));
    --pay-active-bg-color: rgba(var(--pay-plt-leaf-color), 0.06);
    --pay-search-wrapper-bg-color: rgb(var(--pay-plt-midnight-alt-color));
    --pay-search-inner-bg-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-table-striped-bg-color: rgb(var(--pay-plt-midnight-alt-color));
    --pay-auto-convert-enabled-bg-color: rgb(var(--pay-plt-leaf-color), 0.1);
    --pay-text-color: rgb(var(--pay-plt-silver-color));
    --pay-highlight-text-color: rgb(var(--pay-plt-white-color));
    --pay-dim-text-color: rgba(var(--pay-plt-white-color), 0.5);
    --pay-demo-banner-bg-color: rgba(var(--pay-plt-white-color));
    --pay-demo-banner-text-color: rgba(var(--pay-plt-dusk-color));
    --pay-setting-preview-bg-color: rgba(var(--pay-plt-dark-black));
    --pay-company-logo-bg-color: rgb(var(--pay-plt-dusk-color));
    --pay-company-logo-border-color: rgb(var(--pay-plt-midnight-color));
    --pay-white-label-overlay: rgba(var(--pay-plt-midnight-alt-color), 0.7);
    --pay-white-label-logo-shadow: rgba(var(--pay-plt-white-color), 0.09);
    --pay-transparent-button-color: rgb(var(--pay-plt-white-color));
    --pay-checkbox-bg-color: rgb(var(--pay-plt-dusk-color));
    --pay-checkbox-border-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-grey-box-color: rgba(var(--pay-plt-highlight-color), 0.06);
    --pay-divider-light-color: rgba(var(--pay-plt-highlight-color), 0.12);
    --pay-light-grey-box-color: rgba(var(--pay-plt-highlight-color), 0.02)
}