:root{
    /*quickdeposit variables*/
    --mainRed: #F9453D;
    --selection-color: #222428;
    --selection-hover: #222428;
    --selection-inactive: #191A1B;
    --quickdeposit-button-font-color:white;
    --text-shadow:#00000075;
    --quickdeposit-background:#0F1013;
    --quickdeposit-popup-background:#0F1013;
    --quickdeposit-selected-color: #20180F;
    --small-text:#ffffff;
    --deposit-button-color: #008000;
    --font-size-button:1.5em;
    --top-margin-button:2em;
    --border-radius-button:25px;
    --cashier-mobile-top-gap:0 auto;
    --cashier-desktop-top-gap:0 auto;

    --line-space-color:#848484;
    --background-quickdeposit:#141518;
    --border-radius: 10px;

    /*tournament variables*/
    --tournament-theme-back-color: #FF188E;
    --tournament-theme-back-gradient: #FF188E;
    --tournament-theme-front-color: #fff;
    --tournament-dark-color: #000;
    --tournament-light-color: #fff;
    --tournament-highlight-color: #FF188E;
    --tournament-body-background: linear-gradient(180deg, #000000 0%, #000000 100%);
    --tournament-active-color: #232426;
    --tournament-back-color: transparent;
    --tournament-back-color-lighter: transparent;

    /* popups variables */
    --close-bg: #0F1014;
    --contentBox-bg: #0F1014;
    --counter-bg: #0F1014;
    --counter-num-bg: rgb(217, 217, 217,.2);
    --mainContent-bg: #0F1014;
    --button-bg: #FF188E;
    --button-color: #252525;
    --button-hover-bg: #0F1013;
    --button-hover-color: #ffffff;
    --font-family: "Montserrat",sans-serif!important;
    --border-btn: solid 1px #FF188E;
    --border-radius-btn: 10px;

    /* custom pages variables */
    --heading: #FF188E;
    --terms-color: #FF188E;

    /*unsubscribe form variables*/
    --unsubscribe-title-margin: 20px 0;
    --unsubscribe-input-back-color: #e5eaed;
    --unsubscribe-input-border-bottom: none;
    --unsubscribe-input-text-color: #000;
    --unsubscribe-form-padding: 20px 10px;

    /* myaccount variables */
    --font-family-my: "Montserrat",sans-serif!important;
    --h1-font-family-my: "Montserrat",sans-serif!important;
    --h1-font-size-my: 70px;
    --h1-line-height-my: 2em;
    --h1-text-transform-my: none;
    --bg-color-my: #000000;
    --h1-color-my: #ffffff;
    --border-radius-my: 30px;
    --back-btn-my: linear-gradient(73deg, #FE3B5B 2.3%, #FF188E 52.53%, #510000 90.21%);
    --border-btn-my: 100px;
    --input-bg-my: #201218;
    --label-color-my: #A88E98;
    --label-bg-my: #F5F5F5;
    --phone-error-my: #cc9494;
    --input-opacity-my: 0.8;
    --input-opacity-color-my: #000000;
    --gender-after-my: #000000;
    --country-bg-my: #F5F5F5;
    --country-color-my: #000000;
    --country-option-my: #000000;
    --select-bg-my: #F5F5F5;
    --select-color-my: #A88E98; 
    --input-color-my: #F5F5F5;
    --input-colorfilled-my: #F5F5F5;
    --input-link-my: #FFB8DC;
    --input-font-family-my: "Montserrat",sans-serif!important;
    --input-border-radius-my: 6px;
    --input-border-my: 1px solid #3C242E;
    --input-error-border-my: 1px solid #EE544E;
    --input-padding: 12px 10px;
    --section-divider-bg-my: #3C242E;
    --block-bg-my: rgba(47, 26, 36, 0.80);
    --block-blur-my: blur(16px);
    --option-color-my: #F5F5F5;
    --placeholder-my: #A88E98;
    --tab-btn-bg-my: #1A0D13;
    --tab-btn-color-my: #A88E98;
    --popup-transactions-bg-my: #2F1A24;
    --transaction-btn-bg-my: #201218;;
    --transaction-btn-border-my: #3C242E;
    --loader-balance-bg-my: #2F1A24;
    --row-transactions-bg-my: #3C242E;
    --scrollbar-track-my: #201218;
    --scrollbar-thumb-my: #A88E98;
    --upload-pic-btn-bg-my: #201218;
    --upload-pic-btn-border-my:#3C242E;
    --upload-btn-span-my:#f5f5f5;
    --popup-bg-my: rgba(10, 2, 5, 0.60);
    --border-predefined-img-my: #FF188E;
    --border-predefined-img-shadow-my: rgba(255, 24, 142, 0.50);
    --avatar-pencil-bg-my: #FF188E;
    --btn-transactions-color-my: #F5F5F5;
    --button-my: linear-gradient(to right, #05FF85, #04FDA1, #18FDC4);
    --btn-color-my: #0e1821;
    --btn-color-hover-my: #0e1821;
    --submit-info-my: #A88E98;
    --checkbox-checked-color-my: #FF188E;
    --row-info-span-color-my: #FF188E;
    --transactions-title-color-my: #F5F5F5;
    --transactions-text-color-my: #A88E98;
    --contact-support-link: #FF188E;
    --select-color-checked-my: #F5F5F5;
    --input-border-active-my: 1px solid #A16E82;

    /* modals variables */
    --modal-border: 1px solid #3C242E;
    --modal-border-radius: 16px;
    --modal-background: #0F0308;
    --modal-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.08);
    --modal-overlay-color: rgba(6, 21, 33, 0.60);
    --modal-circle-background: #3C242E;
    --modal-active-dot: #04FDA1;
    --modal-dot-color: #2F1A24;

    --modal-line-color: #D9D9D9;
    --modal-title-color: #F5F5F5;
    --modal-description-color: #D9D9D9;
    
    --modal-description-highlight-color: #FFB8DC;
    --modal-link-color: #FF188E;
    --modal-title-font: "Montserrat",sans-serif;
    --modal-description-font: "Montserrat",sans-serif;
    --modal-description-font-size: 14px;
    --modal-text-underline-color: #04FDA1;

    --modal-primary-button-color: #0F1013;
    --modal-primary-button-background-color: linear-gradient(90deg, #05FF85 0%, #04FDA1 47%, #18FDC4 100%);

    --modal-secondary-button-color: #EAB6CA;
    --modal-secondary-button-background-color: #1A0D13;
    --modal-secondary-button-border: 1px solid #A88E98;

    --modal-button-font: "Montserrat",sans-serif;
    --modal-button-border-radius: 100px;

    --modal-counter-color: #980349;
    --modal-counter-background-color: #F5F5F5;
    --modal-counter-font: "Montserrat",sans-serif;
    --modal-counter-font-size: 16px;

    --modal-outlined-button-color: #EAB6CA;
    --modal-outlined-button-background-color: #1A0D13;
    --modal-outlined-button-border: 1px solid #A88E98;

    --modal-terms-separator-color: #3C242E;
    --modal-scrollbar-thumb-color: #3C242E;
    --modal-scrollbar-background-color: transparent;

    
    --notification-banner-background-color: #0F0308;
    --notification-banner-text-color: #F5F5F5;
    --notification-banner-button-color: #F5F5F5;
    --top-position-desk: 0px;
    --top-position-mob: 4px;
    --border-color-notice: #3C242E;

    /* Onboarding Missions variables */
    --missions-btn: linear-gradient(90deg, #05ff85 0%, #04fda1 47%, #18fdc4 100%);
    --missions-btn-active: #0f0308;
    --missions-wrapper-bg: #0f0308;
    --mission-card-time: #e5e5e5;
    --mission-card-time-value: #ff188e;
    --mission-step-bg: #201218;
    --border-radius: 4px;
    --border-radius-step: 100px;
    --completed-step-bg: #ff188e;
    --final-step-bg: #201218;
    --border: #a88e98;
    --step-num: #a88e98;
    --step-action: #f5f5f5;
    --star-rating: #f5f5f5;
    --feedback-btn-border: none;
    --feedback-btn-bg: linear-gradient(90deg, #05ff85 0%, #04fda1 47%, #18fdc4 100%);
    --feedback-btn-color: #0f1013;
    --feedback-btn-hover-border: none;
    --feedback-btn-hover-bg: rgb(24, 24, 24);
    --feedback-btn-hover-color: #ffffff;
    --mission-time: #0d1523;
    --mission-offer: #0d1523;
    --mission-offer-active: linear-gradient(90deg, #05ff85 0%, #04fda1 47%, #18fdc4 100%);
    --missions-btn-border-radius: 100px;
    --steps-slide: #e5e5e5;
    --steps-slider-bottom: #ff188e;
    --steps-slider-close: #ff188e;
    --steps-slider-prev-next: #5abec7;
    --popup-overlay-bg: rgba(12, 12, 13, 0.8);
    --popup-box-bg: #0f0308;
    --popup-box: #e5e5e5;
    --popup-title: rgba(245, 245, 245, 0.96);
    --popup-body: #f5f5f5;
    --popup-box-border: #5abec7;
    --code-text: #015ecc;
    --get-started-btn-bg: linear-gradient(90deg, #05ff85 0%, #04fda1 47%, #18fdc4 100%);
    --get-started-btn-color: #0f1013;
    --get-started-btn-hover-bg: rgb(24, 24, 24);
    --get-started-btn-hover-color: #ffffff;
    --skip-missions-color: #f5f5f5;
    --link-color: #ff188e;
    --font-family-main: "Montserrat", sans-serif;
    --font-family-secondary: "Montserrat", sans-serif;
    --box-shadow: 0 0 0 0 #18fdc4;
    --box-shadow-50: 0 0 0 10px rgba(24, 253, 196, 0);
    --box-shadow-90: 0 0 0 10px rgba(24, 253, 196, 0);
    --box-shadow-100: 0 0 0 0 rgba(24, 253, 196, 0);
    --border-radius-btn: 100px;
    --completed-step-num-border: #0f0308;
    --completed-step-num: #0f0308;
    --completed-step-action: #0f0308;
    --border-radius-step-num: 100px;
    
    --mobile-bottom-background: #0f0308;
    --mobile-bottom-border-top: .5px solid #3c242e;
    --mobile-bottom-text-font-size: 8px;
    --mobile-bottom-text-font-family: "Lato", sans-serif;
    --mobile-bottom-text-font-color: #fff;
    --mobile-bottom-text-font-weight: 500;
    --mobile-bottom-text-transform: uppercase;
    --mobile-bottom-highlight-color: linear-gradient(90deg, #05ff85 0%, #18fdc4 100%);

    /* Page loader variables */

    --page-loader-bg: #05ff85;
}
