@theme {  
    --breakpoint-xs: 420px;  
    --breakpoint-sm: 640px;    
    --breakpoint-md: 768px;    
    --breakpoint-lg: 1024px;    
    --breakpoint-xl: 1192px; 
    --breakpoint-2xl: 1440px;
    --breakpoint-3xl: 1560px;

    --text-base: 16px;
    --text-sm: 14px;
    --text-xs: 12px;
    --text-xxs: 10px;

    --paragraph-xs: 12px;
    --paragraph-sm: 14px;
    --paragraph-md: 18px;
    --paragraph-lg: 21px;
    --paragraph-xl: 27px;
    --paragraph-xxl: 46px;

    --text-p-xs:var(--paragraph-xs);
    --text-p-sm:var(--paragraph-sm);
    --text-p-md:var(--paragraph-md);
    --text-p-lg:var(--paragraph-lg);
    --text-p-xl:var(--paragraph-xl);
    --text-p-xxl:var(--paragraph-xxl);

    --heading-xl: 46px;
    --heading-1: 35px;
    --heading-2: 27px;
    --heading-3: 21px;
    --heading-4: 18px;
    --heading-5: 16px;

    --text-xl: var(--heading-xl);
    --text-h1: var(--heading-1);
    --text-h2: var(--heading-2);
    --text-h3: var(--heading-3);
    --text-h4: var(--heading-4);
    --text-h5: var(--heading-5);
    --text-h6: var(--text-sm);

    --font-sans: 'museo-sans', sans-serif;


    --color-*: initial;

    --color-black:#000;
    --color-white:#fff;


    /* Primary colors (Blue) */
    --color-primary-1: #C4E9FF;
    --color-primary-2: #98D9FF;
    --color-primary-3: #0F79E4;
    --color-primary-4: #004065;

    /* Purple colors */
    --color-light-purple: #D9B2F7;
    --color-purple: #A360D7;
    --color-dark-purple: #6C4C84;

    /* Pink colors */
    --color-pink: #CF6BBE;
    --color-light-pink: #F1B6E8;
    --color-dark-pink: #944286;

    /* Reset gray colors */
    --color-gray-*: initial;

    /* Grayscale colors */
    --color-gray-100: #FAFCFE;
    --color-gray-200: #F1F7FC;
    --color-gray-300: #BBC6D0;
    --color-gray-400: #8F9AA6;
    --color-gray-500: #4C5967;
    --color-gray-600: #1F2E3D;
    --color-gray-700: #00263D;

    /* Red colors */
    --color-light-red: #F6B4B4;
    --color-red: #E06767;
    --color-dark-red: #9D2424;

    /* Orange colors */
    --color-light-orange: #F3C0B2;
    --color-orange: #E37C5F;
    --color-dark-orange: #A44931;

    /* Yellow colors */
    --color-light-yellow: #F7F3BD;
    --color-yellow: #E3D843;
    --color-dark-yellow: #918917;

    /* Teal colors */
    --color-light-teal: #BBF8E4;
    --color-teal: #4FD3A7;
    --color-dark-teal: #11684B;

    /* Green colors */
    --color-light-green: #B3F4B2;
    --color-green: #78A943;
    --color-dark-green: #496729;

    --shadow-custom: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    --shadow-custom-lg: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);

    --modular-base:18px;
    --modular-md:21px;
    --modular-lg:27px;
    --modular-xl:35px;
    --modular-xxl:46px;
    --modular-xxxl:59px;

    --chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tZG93biI+PHBhdGggZD0ibTYgOSA2IDYgNi02Ii8+PC9zdmc+);
    --search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cpath fill='%23C4E9FF' fill-rule='evenodd' d='M11 4.06287c-3.86599 0-7 3.134-7 7.00003 0 3.866 3.13401 7 7 7 3.866 0 7-3.134 7-7 0-3.86603-3.134-7.00003-7-7.00003ZM2 11.0629c0-4.9706 4.02944-9.00003 9-9.00003 4.9706 0 9 4.02943 9 9.00003 0 4.9705-4.0294 9-9 9-4.97056 0-9-4.0295-9-9Z' clip-rule='evenodd'/%3E%3Cpath fill='%23C4E9FF' fill-rule='evenodd' d='M15.996 16.0558c.3905-.3906 1.0237-.3906 1.4142 0l4.3 4.3c.3906.3905.3906 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0l-4.3-4.3c-.3905-.3905-.3905-1.0237 0-1.4142Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

:root {

    @variant md {
        --modular-base:19px;
        --modular-md:22px;
        --modular-lg:31px;
        --modular-xl:44px;
        --modular-xxl:61px;
        --modular-xxxl:86px;
    }

	@variant lg {
        --heading-xl: 61px;
        --heading-1: 44px;
        --heading-2: 31px;
        --heading-3: 22px;
        --heading-4: 19px;
        --heading-5: 16px;

        --paragraph-sm: 14px;
        --paragraph-md: 19px;
        --paragraph-lg: 22px;
        --paragraph-xl: 31px;
        --paragraph-xxl: 61px;
	}

    @variant xl {
        --heading-xl: 81px;
        --heading-1: 54px;
        --heading-2: 36px;
        --heading-3: 24px;
        --heading-4: 20px;
        --heading-5: 16px;

        --paragraph-sm: 14px;
        --paragraph-md: 20px;
        --paragraph-lg: 24px;
        --paragraph-xl: 36px;
        --paragraph-xxl: 81px;

        --modular-base:20px;
        --modular-md:24px;
        --modular-lg:36px;
        --modular-xl:54px;
        --modular-xxl:81px;
        --modular-xxxl:122px;
	}

	@variant 3xl {
        --heading-xl: 105px;
        --heading-1: 66px;
        --heading-2: 41px;
        --heading-3: 26px;
        --heading-4: 21px;
        --heading-5: 16px;

        --paragraph-sm: 14px;
        --paragraph-md: 21px;
        --paragraph-lg: 26px;
        --paragraph-xl: 41px;
        --paragraph-xxl: 105px;

        --modular-base:21px;
        --modular-md:26px;
        --modular-lg:41px;
        --modular-xl:66px;
        --modular-xxl:105px;
        --modular-xxxl:168px;
	}

}

* {
    text-decoration-thickness: 6.5%;
    text-underline-position: from-font;
}


#cc-main {
    --cc-font-family: var(--font-sans);
    --cc-bg: #fff;
    --cc-text: #000;
    --cc-border-radius: .45rem;
    --cc-btn-primary-bg: #000;
    --cc-btn-primary-hover-bg: #111;
    --cc-btn-secondary-bg: var(--color-gray-10);
    --cc-btn-secondary-hover-bg: #fff;
    --cc-btn-border-radius: var(--radius-md);
    --cc-toggle-bg-off: var(--color-gray-10);
    --cc-toggle-bg-readonly: var(--color-gray-10);
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: var(--color-gray);
    --cc-cookie-category-block-bg: var(--color-gray-10);
    --cc-cookie-category-block-bg-hover: var(--color-gray-10);
    --cc-section-border: var(--color-gray-10);
    --cc-cookie-table-border: var(--color-gray-10);
    --cc-overlay-bg: #0009;
    --cc-overlay-opacity: .85;
    --cc-consent-modal-box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,.25);
    --cc-webkit-scrollbar-bg: var(--color-gray-10);
    --cc-webkit-scrollbar-bg-hover: var(--color-gray-10)
}


/* Text meant only for screen readers. */
@utility screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    word-wrap: normal !important;
    @apply overflow-hidden absolute w-[1px] p-0 -m-[1px] h-[1px];

    &:focus {
        @apply text-black block text-base h-auto w-auto left-1 top-1 leading-normal z-[100000];
        clip: auto !important;
        clip-path: none;
        padding: 15px 23px 14px;
        text-decoration: none;
    }
}