:root {
    --color-blue-1: #82047C;
    --color-blue-2: #0D1534;
    --color-blue-3: linear-gradient(270deg, rgba(163,12,149,1) 0%, rgba(71,22,68,1) 100%);
    --color-blue-4: #f5d905;
    --color-blue-5: #19223B;
    --color-blue-6: #002E6D;
    --color-blue-7: #F4F3F5;
    --color-blue-8: #EC2184;
    --color-blue-9: #82047C;
    --color-blue-10: #0090aa;
    --color-blue-11: #F4F3F5;
    --color-blue-12: #222c61;
    --color-red-1: #82047C;
    --color-prink: #bf3293;
    --color-purple-bg: #230d43;
    --color-purple-bg-2: #3c1d69;
    --white: #ffff;
    --black: #000;
    --black-1: #14002c;
    --black-2: #010202;
    --purple: #230543;
    --purple-1: #4b075a;
    --purple-2: #14002c;
    --purple-3: #1e3b65;
    --purple-4: #652e75;
    --purple-5: #845093;
    --purple-6: #847a91;
    --purple-7: #8a7f95;
    --gray: #a7a7a7;
    --gray-2: #aaaaaa;
    --gray-3: #aaaaaa2e;
    --gray-4: #838383;
    --gray-5: #ffffff;
    --gray-6: #f6f6f6;
    --gray-7: #EFF0F3;
    --gray-8: #DDE3E6;
    --gray-9: #DDE3E6;
    --gray-10: #dbe0e4;
    --gray-11: #b3bdc4;
    --gray-12: #f6f6f6;
    /*--gray-3: #f1f3f2;*/
    --yellow: #c3922e;
    --yellow-1: #c4a329;
    --yellow-2: #ffb135;
    --yellow-3: #dfbd79;
    --prink: #cb0fa2;
    --prink-2: #CA0CA2;
    --blue-1: #3957b4;
    --blue-2: #EC2184;
    --green-1: #50b04e;
    --color-border: #ef545a;
    --size-container: 1200px;
    --size-semi-container: 1024px;
    --size-large: 992px;
    --size-medium: 768px;
    --size-extra-small: 600px;
    --size-bootstrap: 576px;
    --size-small: 480px;
    --size-height: 460px;
    --size-light: 400px;
    --size-extra-light: 374px;
    --size-thin: 340px;
    --accountBorder: #d1d9dd;
    --accountBorderRadius: 6px;
    --accountRowGap: 4px;
    --accountFontSize: 14px;
    --accountColor: #091426;
    --accountColorTitle: #525a67;
    --accountColorActive: #0094a7;
    --accountColorBgr: #e8ecee;
    --accountStatusSettled: #28a745;
    --accountStatusRejected: #e4ce08;
    --accountStatusWin: #28a745;
    --accountStatusLose: #d40e0e;
    --accountPaginationActive: #d1d9dd;
    --colorAccountBgr: transparent;
    --colorAccountText: #091426;
    --colorAccountSize: 12px;
    --colorAccountBtn: #e8ecee;
    --staticBgr: #f5d905;
    --staticBgrHl: #FFFFFF;
    --staticColorBorder: #FFFFFF;
    --staticSize: 20px;
    --staticColorMain: #000000;
    --staticColorHl: #EC2184;
    --staticFontSize: 13px;
    --staticBgrButton: #f5d905;
    --staticRadius: 20px;
    --container-max-width: 1140px;
    --colorButtonActive: #161A54;
    --colorButtonTextActive: #FFF;
    --bgColorFooter: #471544;
    --colorActiveMenu: #EC2184;
    --colorTitle: #000000;
    --bgColorBlock: #471644;
    --colorLink: #c21e74;
    --colorSearch: #f5d905;
    --colorClear : transparent;
    --colorTextBtn: #EC2184;
    --borderBtn: none;
    --colorTextDeposit: #EC2184;
    --bgPromo: #f4f3f5;
    --staticColorTitle: #EC2184;
    --bgColorContainer: #F4F3F5;
    --bgColorMenuAcc: #E7E6E7;
    --borderMenuAcc: transparent;
    --colorTextAcc: #232121;
    --colorInput: #f6f6f6;
    --colorNumber: #f6f6f6;
    --textActive: #EC2184;
    --colorLinkFooter: #EC2184;
    --colorSubMenu: #380634;
    --colortitleSubMenu: #ffffff;
    --colorTitleButton: #471644;
    --borderRadiusBtn: 20px;
    --paddingBtn: 8px 18px;
    --bgColorBtnSession: #f5d905;
    --borderRadiusBtnSearch: 20px;
    --bgColorBtnSub: #f5d905;
    --colorActiveGames: #EC2184;
}

@media (max-width: 992px) {
    :root {
        --container-max-width: 960px;
    }
}

@media (max-width: 768px) {
    :root {
        --accountFontSize: 12px;
        --container-max-width: 720px;
    }
}

@media (max-width: 576px) {
    :root {
        --accountFontSize: 10px;
        --container-max-width: 540px;
    }
}

@media (max-width: 320px) {
    :root {
        --staticFontSize: 11px;
    }
}

/* color background */