// OVERWRITE THESE VARIABLES FOR COLOR THEMING
:root {
    --cf-image--close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m11.46 10 8.24-8.24c.4-.4.4-1.06 0-1.46s-1.06-.4-1.46 0L10 8.54 1.76.3C1.36-.1.71-.1.3.3s-.4 1.06 0 1.46L8.54 10 .3 18.24c-.4.4-.4 1.06 0 1.46a1.04 1.04 0 0 0 1.46 0L10 11.46l8.24 8.24a1.04 1.04 0 0 0 1.46 0c.4-.4.4-1.06 0-1.46L11.46 10Z'/%3E%3C/svg%3E");
    --cf-color-primary: #48b17c;
    --cf-color-secondary: #2132FA;
    --cf-color-text: black;
    --cf-color-text-inverted: white;
    --cf-color-text-light: #8b8b8b;
    --cf-color-background: #f4f4f4;
    --cf-color-background-light: white;
    --cf-color-border: #ebebeb;
    --cf-color-succes: #48b17c;
    --cf-color-error: red;
    --cf-color-hover: black;
    --cf-spacing: 20px;
    --cf-spacing-large: 40px;
    --cf-spacing-small: 10px;
    --cf-spacing-tiny: 5px;
    --cf-border: 1px solid var(--cf-color-border);
    --cf-border-succes: 1px solid var(--cf-color-success);
    --cf-border-error: 1px solid var(--cf-color-error);
    --cf-border-focus: 1px solid var(--cf-color-hover);
    --cf-border-radius: 6px;
}