:root {
    --baseColor-100: rgba(0, 175, 239, .1);
    --baseColor-200: rgba(0, 175, 239, .2);
    --baseColor-300: rgba(0, 175, 239, .3);
    --baseColor-400: rgba(0, 175, 239, .4);
    --baseColor-500: rgba(0, 175, 239, .5);
    --baseColor-600: rgba(0, 175, 239, .6);
    --baseColor-700: rgba(0, 175, 239, .7);
    --baseColor-800: rgba(0, 175, 239, .8);
    --baseColor-900: rgba(0, 175, 239, .9);
    --baseColor: rgb(0, 175, 239);
    --complementaryColor-100: rgba(123, 74, 139, .1);
    --complementaryColor-200: rgba(123, 74, 139, .2);
    --complementaryColor-300: rgba(123, 74, 139, .3);
    --complementaryColor-400: rgba(123, 74, 139, .4);
    --complementaryColor-500: rgba(123, 74, 139, .5);
    --complementaryColor-600: rgba(123, 74, 139, .6);
    --complementaryColor-700: rgba(123, 74, 139, .7);
    --complementaryColor-800: rgba(123, 74, 139, .8);
    --complementaryColor-900: rgba(123, 74, 139, .9);
    --complementaryColor: rgb(123, 74, 139);
    --contrastColor-100: rgba(233, 86, 50, .1);
    --contrastColor-200: rgba(233, 86, 50, .2);
    --contrastColor-300: rgba(233, 86, 50, .3);
    --contrastColor-400: rgba(233, 86, 50, .4);
    --contrastColor-500: rgba(233, 86, 50, .5);
    --contrastColor-600: rgba(233, 86, 50, .6);
    --contrastColor-700: rgba(233, 86, 50, .7);
    --contrastColor-800: rgba(233, 86, 50, .8);
    --contrastColor-900: rgba(233, 86, 50, 0.9);
    --contrastColor: #e95632;
    --darkerContrastColor-100: rgba(191, 39, 5, .1);
    --darkerContrastColor-200: rgba(191, 39, 5, .2);
    --darkerContrastColor-300: rgba(191, 39, 5, .3);
    --darkerContrastColor-400: rgba(191, 39, 5, .4);
    --darkerContrastColor-500: rgba(191, 39, 5, .5);
    --darkerContrastColor-600: rgba(191, 39, 5, .6);
    --darkerContrastColor-700: rgba(191, 39, 5, .7);
    --darkerContrastColor-800: rgba(191, 39, 5, .8);
    --darkerContrastColor-900: rgba(191, 39, 5, .9);
    --darkerContrastColor: rgb(191, 39, 5);
    --discreteColor-100: rgba(68, 69, 71, .1);
    --discreteColor-200: rgba(68, 69, 71, .2);
    --discreteColor-300: rgba(68, 69, 71, .3);
    --discreteColor-400: rgba(68, 69, 71, .4);
    --discreteColor-500: rgba(68, 69, 71, .5);
    --discreteColor-600: rgba(68, 69, 71, .6);
    --discreteColor-700: rgba(68, 69, 71, .7);
    --discreteColor-800: rgba(68, 69, 71, .8);
    --discreteColor-900: rgba(68, 69, 71, .9);
    --discreteColor: rgb(68, 69, 71);
    --discreteColorContrast:#fbefec;
    
    /* LinearGradients */
    --gradient-contrastColor-dark-to-light: linear-gradient(90deg, rgba(198, 19, 112, 1) 0%, rgba(214, 125, 47, 1) 100%);
    --gradient-contrastColor-light-to-dark: linear-gradient(90deg, rgba(214, 125, 47, 1) 0%, rgba(198, 19, 112, 1) 100%);
}

body.nooverflow {
    overflow: hidden;
}


/* Tirando configurações padrão do wwp */


/* div[data-gx-base-lib] {
    background-color: white !important;
} */

body {
    opacity: 1 !important;
}

::-webkit-scrollbar {
    width: 7px;
    overflow-y: scroll;
    background: rgb(157, 157, 157);
    box-shadow: inset 0 0 4px #707070;
}

::-webkit-scrollbar-thumb {
    background: var(--contrastColor);
    border-radius: 10px;
}

.mobile-safe {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
}