:root {
  --slection: rgba(49, 133, 157, 0.15);
  --fond-pour-scroll: rgba(255, 255, 255, 0.65);
  --ngatif: rgba(211, 26, 26, 1);
  --positive: rgba(65, 171, 0, 1);
  --primary-215968: #50136b;
  --primary-3185-9d: rgb(102, 28, 135);
  --secondary-000000: rgba(0, 0, 0, 1);
  --secondary-89-8a-8d: rgba(137, 138, 141, 1);
  --secondaryd-0d-2d-4: rgba(208, 210, 212, 1);
  --secondarybackground: rgba(238, 238, 238, 1);
  --secondaryf-8f-8f-8: rgba(248, 248, 248, 1);
  --secondaryffffff: rgba(255, 255, 255, 1);
  --secondarydeselected: rgba(51, 51, 51, 1);
  --slectionnoir: rgba(0, 0, 0, 0.15);
  --monnaiebitcoin: rgba(235, 137, 50, 1);
  --monnaietehter: rgba(37, 149, 111, 1);
  --monnaieethereum: rgba(86, 113, 225, 1);
  --monnaiebinance-coin: rgba(236, 178, 70, 1);
  --monnaieusd-coin: rgba(36, 103, 181, 1);
  --monnaiexrp: rgba(31, 31, 31, 1);
  --monnaiecardano: rgba(0, 44, 155, 1);
  --foundationprimarylight: rgba(234, 243, 245, 1);
  --foundationprimarylight-hover: rgba(224, 237, 240, 1);
  --foundationprimarylight-active: rgba(191, 217, 225, 1);
  --foundationprimarynormal: #50136b;
  --foundationprimarynormal-hover: #50136b;
  --foundationprimarynormal-active: #50136b;
  --foundationprimarydark: rgba(37, 100, 118, 1);
  --foundationprimarydark-hover: #50136b;
  --foundationprimarydark-active: rgba(22, 60, 71, 1);
  --foundationprimarydarker-textes: rgba(17, 47, 55, 1);
  --foundationsecondarylight: rgba(243, 243, 244, 1);
  --foundationsecondarylight-hover: rgba(237, 237, 238, 1);
  --foundationsecondarylight-active: rgba(218, 219, 220, 1);
  --foundationsecondarynormal: rgba(137, 138, 141, 1);
  --foundationwhitewhite: rgba(255, 255, 255, 1);
  --foundationwhitewhite-hover: rgba(245, 249, 250, 1);
  --foundationwhitewhite-active: rgba(222, 235, 239, 1);
  --foundationinformationslight-hover: rgba(217, 233, 242, 1);
  --foundationinformationsnormal: rgba(0, 109, 171, 1);
  --foundationpositivelight: rgba(196, 229, 176, 1);
  --foundationpositivenormal: rgba(65, 171, 0, 1);
  --foundationnegativelight: rgba(248, 221, 221, 1);
  --foundationnegativenormal: rgba(211, 26, 26, 1);
  --nav-bar-font-family: "Ubuntu 2-Regular", Helvetica;
  --nav-bar-font-weight: 400;
  --nav-bar-font-size: 18px;
  --nav-bar-letter-spacing: 0px;
  --nav-bar-line-height: normal;
  --nav-bar-font-style: normal;
  --display-large-baloo-bhaijaan-2-regular-61-font-family: "Ubuntu 2-Bold", Helvetica;
  --display-large-baloo-bhaijaan-2-regular-61-font-weight: 700;
  --display-large-baloo-bhaijaan-2-regular-61-font-size: 61px;
  --display-large-baloo-bhaijaan-2-regular-61-letter-spacing: 0px;
  --display-large-baloo-bhaijaan-2-regular-61-line-height: 120.00000476837158%;
  --display-large-baloo-bhaijaan-2-regular-61-font-style: normal;
  --display-medium-baloo-bhaijaan-2-bold-49-font-family: "Ubuntu 2-Bold", Helvetica;
  --display-medium-baloo-bhaijaan-2-bold-49-font-weight: 700;
  --display-medium-baloo-bhaijaan-2-bold-49-font-size: 49px;
  --display-medium-baloo-bhaijaan-2-bold-49-letter-spacing: 0px;
  --display-medium-baloo-bhaijaan-2-bold-49-line-height: 120.00000476837158%;
  --display-medium-baloo-bhaijaan-2-bold-49-font-style: normal;
  --display-small-baloo-bhaijaan-2-regular-39-font-family: "Ubuntu 2-Bold", Helvetica;
  --display-small-baloo-bhaijaan-2-regular-39-font-weight: 700;
  --display-small-baloo-bhaijaan-2-regular-39-font-size: 39px;
  --display-small-baloo-bhaijaan-2-regular-39-letter-spacing: 0px;
  --display-small-baloo-bhaijaan-2-regular-39-line-height: 120.00000476837158%;
  --display-small-baloo-bhaijaan-2-regular-39-font-style: normal;
  --h1-baloo-bhaijaan-2-regular-31-font-family: "Ubuntu 2-Bold", Helvetica;
  --h1-baloo-bhaijaan-2-regular-31-font-weight: 700;
  --h1-baloo-bhaijaan-2-regular-31-font-size: 31px;
  --h1-baloo-bhaijaan-2-regular-31-letter-spacing: 0px;
  --h1-baloo-bhaijaan-2-regular-31-line-height: 120.00000476837158%;
  --h1-baloo-bhaijaan-2-regular-31-font-style: normal;
  --h2-baloo-bhaijaan-2-bold-25-font-family: "Ubuntu 2-Bold", Helvetica;
  --h2-baloo-bhaijaan-2-bold-25-font-weight: 700;
  --h2-baloo-bhaijaan-2-bold-25-font-size: 25px;
  --h2-baloo-bhaijaan-2-bold-25-letter-spacing: 0px;
  --h2-baloo-bhaijaan-2-bold-25-line-height: 120.00000476837158%;
  --h2-baloo-bhaijaan-2-bold-25-font-style: normal;
  --h3-baloo-bhaijaan-2-semibold-20-font-family: "Ubuntu 2-SemiBold", Helvetica;
  --h3-baloo-bhaijaan-2-semibold-20-font-weight: 600;
  --h3-baloo-bhaijaan-2-semibold-20-font-size: 20px;
  --h3-baloo-bhaijaan-2-semibold-20-letter-spacing: 0px;
  --h3-baloo-bhaijaan-2-semibold-20-line-height: 120.00000476837158%;
  --h3-baloo-bhaijaan-2-semibold-20-font-style: normal;
  --body-baloo-bhaijaan-2-regular-18-font-family: "Ubuntu 2-Regular", Helvetica;
  --body-baloo-bhaijaan-2-regular-18-font-weight: 400;
  --body-baloo-bhaijaan-2-regular-18-font-size: 18px;
  --body-baloo-bhaijaan-2-regular-18-letter-spacing: 0px;
  --body-baloo-bhaijaan-2-regular-18-line-height: 120.00000476837158%;
  --body-baloo-bhaijaan-2-regular-18-font-style: normal;
  --body-baloo-bhaijaan-2-bold-18-font-family: "Ubuntu 2-Bold", Helvetica;
  --body-baloo-bhaijaan-2-bold-18-font-weight: 700;
  --body-baloo-bhaijaan-2-bold-18-font-size: 18px;
  --body-baloo-bhaijaan-2-bold-18-letter-spacing: 0px;
  --body-baloo-bhaijaan-2-bold-18-line-height: 120.00000476837158%;
  --body-baloo-bhaijaan-2-bold-18-font-style: normal;
  --body-medium-baloo-bhaijaan-2-regular-13-font-family: "Ubuntu 2-Regular", Helvetica;
  --body-medium-baloo-bhaijaan-2-regular-13-font-weight: 400;
  --body-medium-baloo-bhaijaan-2-regular-13-font-size: 13px;
  --body-medium-baloo-bhaijaan-2-regular-13-letter-spacing: 0px;
  --body-medium-baloo-bhaijaan-2-regular-13-line-height: 120.00000476837158%;
  --body-medium-baloo-bhaijaan-2-regular-13-font-style: normal;
  --body-small-baloo-bhaijan-2-regular-10-font-family: "Ubuntu 2-Regular", Helvetica;
  --body-small-baloo-bhaijan-2-regular-10-font-weight: 400;
  --body-small-baloo-bhaijan-2-regular-10-font-size: 10px;
  --body-small-baloo-bhaijan-2-regular-10-letter-spacing: 0px;
  --body-small-baloo-bhaijan-2-regular-10-line-height: 120.00000476837158%;
  --body-small-baloo-bhaijan-2-regular-10-font-style: normal;
  --titre-h1-font-family: "Ubuntu 2-Bold", Helvetica;
  --titre-h1-font-weight: 700;
  --titre-h1-font-size: 18px;
  --titre-h1-letter-spacing: 0px;
  --titre-h1-line-height: normal;
  --titre-h1-font-style: normal;
  --titre-h2-font-family: "Ubuntu 2-Medium", Helvetica;
  --titre-h2-font-weight: 500;
  --titre-h2-font-size: 18px;
  --titre-h2-letter-spacing: 0px;
  --titre-h2-line-height: normal;
  --titre-h2-font-style: normal;
  --titre-h3-font-family: "Ubuntu 2-Bold", Helvetica;
  --titre-h3-font-weight: 700;
  --titre-h3-font-size: 16px;
  --titre-h3-letter-spacing: 0px;
  --titre-h3-line-height: normal;
  --titre-h3-font-style: normal;
  --titre-h4-font-family: "Ubuntu 2-Medium", Helvetica;
  --titre-h4-font-weight: 500;
  --titre-h4-font-size: 16px;
  --titre-h4-letter-spacing: 0px;
  --titre-h4-line-height: normal;
  --titre-h4-font-style: normal;
  --description-bold-font-family: "Ubuntu 2-Bold", Helvetica;
  --description-bold-font-weight: 700;
  --description-bold-font-size: 14px;
  --description-bold-letter-spacing: 0px;
  --description-bold-line-height: normal;
  --description-bold-font-style: normal;
  --description-regular-font-family: "Ubuntu 2-Regular", Helvetica;
  --description-regular-font-weight: 400;
  --description-regular-font-size: 14px;
  --description-regular-letter-spacing: 0px;
  --description-regular-line-height: normal;
  --description-regular-font-style: normal;
  --description-remplir-font-family: "Ubuntu 2-Regular", Helvetica;
  --description-remplir-font-weight: 400;
  --description-remplir-font-size: 12px;
  --description-remplir-letter-spacing: 0px;
  --description-remplir-line-height: normal;
  --description-remplir-font-style: normal;
  --card: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  --top-bar: ;
  --card-2: 0px 0px 28px 0px rgba(0, 0, 0, 0.1);
  --card-3: 0px 0px 120px 0px rgba(0, 0, 0, 0.1);
  --dark-mode: 0px 0px 9px 0px rgba(0, 0, 0, 0.34);
  --n-on-turquoise: 0px 4px 14px 0px rgba(0, 240, 255, 0.2);
  --inner-shadow-carousel: ;
  --webank-color-main-dark: rgba(33, 89, 104, 1);
  --webank-color-main: rgba(49, 133, 157, 1);
  --webank-color-fond-app: rgba(248, 248, 248, 1);
  --webank-color-content-1: rgba(0, 0, 0, 1);
  --webank-color-content-2: rgba(255, 255, 255, 1);
  --webank-color-content-3: rgba(211, 26, 26, 1);
  --webank-color-content-4: rgba(65, 171, 0, 1);
  --webank-color-bg-1: rgba(137, 138, 141, 1);
  --webank-color-bg-2: rgba(208, 210, 212, 1);
  --webank-color-bg-3: rgba(238, 238, 238, 1);
  --webank-color-bg-4: rgba(51, 51, 51, 1);
  --webank-color-bitcoin: rgba(235, 137, 50, 1);
  --webank-color-tehter: rgba(37, 149, 111, 1);
  --webank-color-ethereum: rgba(86, 113, 225, 1);
  --webank-color-binance-coin: rgba(236, 178, 70, 1);
  --webank-color-USD-coin: rgba(36, 103, 181, 1);
  --webank-color-XRP: rgba(31, 31, 31, 1);
  --webank-color-cardano: rgba(0, 44, 155, 1);
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-webank-mode="light">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-webank-mode="light"] {
  --webank-color-fond-app: rgba(248, 248, 248, 1);
  --webank-color-content-1: rgba(0, 0, 0, 1);
  --webank-color-content-2: rgba(255, 255, 255, 1);
  --webank-color-bg-3: rgba(238, 238, 238, 1);
  --webank-color-bg-4: rgba(51, 51, 51, 1);
}

[data-webank-mode="dark"] {
  --webank-color-fond-app: rgba(37, 37, 37, 1);
  --webank-color-content-1: rgba(255, 255, 255, 1);
  --webank-color-content-2: rgba(0, 0, 0, 1);
  --webank-color-bg-3: rgba(51, 51, 51, 1);
  --webank-color-bg-4: rgba(238, 238, 238, 1);
}