.cookie-though {
    /* The colors used to style the modal */
    /*--ct-primary-400: #000099;
    --ct-primary-300: #6161e8;
    --ct-primary-200: #e0e0ff;
    --ct-primary-100: #f0f0ff;*/

    width: calc(100vw - var(--ct-default-padding)*2);
    background-color: #eaeaea;

    --ct-primary-400: var(--primary);
    --ct-primary-300: var(--secondary);
    --ct-primary-200: var(--light);
    --ct-primary-100: var(--light);

    /* The colors used to style: customizationButton, headerDescription and cookiePolicy */
    /*--ct-text: #6b7280;*/
    --ct-text: var(--secondary);

    /* The colors used to style the title elements */
    --ct-subtitle: var(--ct-primary-300);
    --ct-title: var(--ct-primary-400);

    /* The color used to style the cookie svg */
    --ct-cookie: var(--ct-primary-400);

    /* The colors used to style a policy */
    --ct-policy: var(--ct-white);
    --ct-policy-enabled: var(--ct-primary-400);
    --ct-policy-text: var(--ct-primary-400);
    --ct-policy-text-enabled: var(--ct-white);
    --ct-policy-essential: var(--ct-primary-100);

    /* The colors used to style the sliders */
    --ct-slider-primary: var(--ct-primary-300);
    --ct-slider-secondary: var(--light);
    --ct-slider-enabled-primary: var(--secondary);
    --ct-slider-enabled-secondary: var(--green);

    /* The font color of the text inside a policy when it's enabled  */
    --ct-enabled-option-color: var(--ct-white);

    /* The white color */
    --ct-white: #ffffff;

    /* The margin underneath text elements */
    --ct-text-margin: 0.25rem;

    /* The padding of the modal and margin of the banner, toggleButton and customization */
    --ct-default-padding: 1rem;

    /* The padding/margin used to seperate the options and the permission buttons */
    --ct-seperator-padding: 0.5rem;

    /* The font size of the header title */
    --ct-heading-font-size: 1.5rem;

    /* The font size of the header sub title */
    --ct-sub-heading-font-size: 0.875rem;;

    /* The font size of text */
    --ct-text-font-size: 0.81rem;

    /* The styling of the customize button and permission buttons */
    --ct-button-font-size: 0.99rem; /*0.8125rem;*/
    --ct-button-radius: 2px;
    --ct-button-border: 0;
    --ct-button-padding: 0.99rem;
    --ct-button: #238f23; /*var(--ct-primary-400);*/
    --ct-button-color: var(--ct-white);
    --ct-button-secondary-border: 0;
    --ct-button-secondary: var(--ct-primary-300);
    --ct-button-secondary-color: var(--ct-white);

    /* The font and font weight used in the app */
    --ct-primary-font: var(--font-family-sans-serif);
    --ct-primary-font-weight: 400;

    /* The font and font weight used for header description and policy description */
    --ct-secondary-font: var(--font-family-sans-serif);
    --ct-secondary-font-weight: 400;

    /* The z-index you want the root container to have */
    --ct-z-index: 9999;
    }