:root {
    --color-text-light: 0, 0, 0;
    --color-text-dark: 255, 255, 255;
    --color-text: var(--color-text-light);
    --color-background: 246, 246, 246;
    --color-property-opacity: 1;
    --color: rgba(68, 68, 68, var(--color-property-opacity, 1));
    --color-light-red: 255, 59, 48;
    --color-dark-red: 255, 69, 58;
    --color-light-orange: 255, 149, 0;
    --color-dark-orange: 255, 159, 10;
    --color-light-yellow: 255, 204, 0;
    --color-dark-yellow: 255, 214, 10;
    --color-light-green: 52, 199, 89;
    --color-dark-green: 48, 209, 88;
    --color-light-mint: 0, 199, 190;
    --color-dark-mint: 99, 230, 226;
    --color-light-teal: 48, 176, 199;
    --color-dark-teal: 64, 200, 224;
    --color-light-cyan: 50, 173, 230;
    --color-dark-cyan: 100, 210, 255;
    --color-light-blue: 0, 122, 255;
    --color-dark-blue: 10, 132, 255;
    --color-light-indigo: 88, 86, 214;
    --color-dark-indigo: 94, 92, 230;
    --color-light-purple: 175, 82, 222;
    --color-dark-purple: 191, 90, 242;
    --color-light-pink: 255, 45, 85;
    --color-dark-pink: 255, 55, 95;
    --color-light-brown: 162, 132, 94;
    --color-dark-brown: 172, 142, 104;
    --color-light-gray: 142, 142, 147;
    --color-dark-gray: 142, 142, 147;
    --color-light-gray2: 174, 174, 178;
    --color-dark-gray2: 99, 99, 102;
    --color-light-gray3: 199, 199, 204;
    --color-dark-gray3: 72, 72, 74;
    --color-light-gray4: 209, 209, 214;
    --color-dark-gray4: 58, 58, 60;
    --color-light-gray5: 229, 229, 234;
    --color-dark-gray5: 44, 44, 46;
    --color-light-gray6: 242, 242, 247;
    --color-dark-gray6: 28, 28, 30;
    --color-default-red: var(--color-light-red);
    --color-default-orange: var(--color-light-orange);
    --color-default-yellow: var(--color-light-yellow);
    --color-default-green: var(--color-light-green);
    --color-default-mint: var(--color-light-mint);
    --color-default-teal: var(--color-light-teal);
    --color-default-cyan: var(--color-light-cyan);
    --color-default-blue: var(--color-light-blue);
    --color-default-indigo: var(--color-light-indigo);
    --color-default-purple: var(--color-light-purple);
    --color-default-pink: var(--color-light-pink);
    --color-default-brown: var(--color-light-brown);
    --color-default-gray: var(--color-light-gray);
    --color-default-gray2: var(--color-light-gray2);
    --color-default-gray3: var(--color-light-gray3);
    --color-default-gray4: var(--color-light-gray4);
    --color-default-gray5: var(--color-light-gray5);
    --color-default-gray6: var(--color-light-gray6);
}

html {
    font: 400 10px/1.9 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-smooth: never;
}

body {
    padding: 0 20px;
}

.mc-badge-container {
    padding: 15px 0;
    width: 100%;
    height: 47px;
    margin-bottom: 15px;
}
.mc-createdby {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    gap: 10px;
}

.mc-page-analytics {
    margin-left: 30px;
    margin-top: 5px;
    font-family: 'Source Code Pro';
}

.mc-badge-text {
    font-family: 'Source Code Pro';
    font-size: 16px;
}

.mc-badge img {
    width: 20px;
    height: 20px;
}

@media only screen and (max-width: 600px) {
    .mc-badge-container {
        margin-bottom: 35px;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-text: var(--color-text-dark);
        --color-background: 30, 30, 30;
        --color-default-red: var(--color-dark-red);
        --color-default-orange: var(--color-dark-orange);
        --color-default-yellow: var(--color-dark-yellow);
        --color-default-green: var(--color-dark-green);
        --color-default-mint: var(--color-dark-mint);
        --color-default-teal: var(--color-dark-teal);
        --color-default-cyan: var(--color-dark-cyan);
        --color-default-blue: var(--color-dark-blue);
        --color-default-indigo: var(--color-dark-indigo);
        --color-default-purple: var(--color-dark-purple);
        --color-default-pink: var(--color-dark-pink);
        --color-default-brown: var(--color-dark-brown);
        --color-default-gray: var(--color-dark-gray);
        --color-default-gray2: var(--color-dark-gray2);
        --color-default-gray3: var(--color-dark-gray3);
        --color-default-gray4: var(--color-dark-gray4);
        --color-default-gray5: var(--color-dark-gray5);
        --color-default-gray6: var(--color-dark-gray6);
    }
}