/**
 * This element is using CSS from the following:
 *
 * - opengemeenten_site/General/OpenGemeentenSite-Section.css
 *
 * Variables can be set there globally or override them here!
 */
.top-tasks-ce-list {
    --font-size: var(--root-font-size); /* Reset, use REM */
}

.top-tasks-ce-list.section--color-primary {
    /*--color-background: var(--root-color-background--primary);*/
}

.top-tasks-ce-list.section--color-secondary {
    /*--color-background: var(--root-color-background--secondary);*/
}

.top-tasks-ce-list.section--color-support {
    /*--color-background: var(--root-color-background--support);*/
}

.top-tasks-ce-list.section--color-grey {
    /*--color-background: var(--root-color-background--grey);*/
}

.top-tasks-ce-list__header {
    /*--color-text: var(--root-color-text);*/
    /*--font-family: initial;*/
    /*--font-size: initial;*/
    /*--font-style: initial;*/
    /*--font-weight: initial;*/
}

.section--color-primary .top-tasks-ce-list__header {
    /*--color-text: var(--root-color--white);*/
}

.section--color-secondary .top-tasks-ce-list__header {
    /*--color-text: var(--root-color--white);*/
}

.section--color-support .top-tasks-ce-list__header {
    /*--color-text: var(--root-color--primary);*/
}

.section--color-grey .top-tasks-ce-list__header {
    /*--color-text: var(--root-color-text);*/
}

/* PRIMARY */
/* Normal */
.section--color-primary.top-tasks-ce-list .top-tasks-tile--normal {
    /*--background-color: var(--root-color--primary);*/
    /*--border-color: var(--root-color--primary);*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--normal:focus,
.section--color-primary.top-tasks-ce-list .top-tasks-tile--normal:hover {
    /*--background-color: var(--root-color--primary-dark);*/
    /*--border-color: var(--root-color--primary-dark);*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__icon {
    /*--color: var(--root-color--white);*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__header {
    /*--color: var(--root-color--white);*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__header .icon {
    /*--fill: currentColor;*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__description {
    /*--color: var(--root-color--white);*/
}

/* Special */
.section--color-primary.top-tasks-ce-list .top-tasks-tile--special {
    --background-color: var(--root-color--white);
    --border-color: var(--root-color--white);
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--special:focus,
.section--color-primary.top-tasks-ce-list .top-tasks-tile--special:hover {
    --background-color: var(--root-color--white-dark);
    --border-color: var(--root-color--white-dark);
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__icon {
    --color: var(--root-color--primary);
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__header {
    --color: var(--root-color--primary);
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__header .icon {
    --fill: currentColor;
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__description {
    --color: var(--root-color--primary);
}

/* Dynamic */
.section--color-primary.top-tasks-ce-list .top-tasks-tile--dynamic {
    /*--background-color: var(--root-color--secondary);*/
    /*--border-color: transparent;*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__header {
    /*--color: var(--root-color--white);*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__description {
    /*--color: var(--root-color--white);*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__content {
    /*--color: var(--root-color--white);*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor {
    /*--background-color: var(--root-color--white);*/
    /*--border-color: transparent;*/
    /*--color: var(--root-color-text);*/
    /*--text-decoration: none;*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor:focus,
.section--color-primary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor:hover {
    /*--background-color: var(--root-color--white-dark);*/
    /*--text-decoration: underline;*/
}

.section--color-primary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor .icon {
    /*--fill: currentColor;*/
}

/* SECONDARY */
/* Normal */
.section--color-secondary.top-tasks-ce-list .top-tasks-tile--normal {
    --background-color: var(--root-color--white);
    --border-color: var(--root-color--white);
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--normal:focus,
.section--color-secondary.top-tasks-ce-list .top-tasks-tile--normal:hover {
    --background-color: var(--root-color--white-dark);
    --border-color: var(--root-color--white-dark);
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__icon {
    --color: var(--root-color--primary);
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__header {
    --color: var(--root-color--primary);
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__header .icon {
    --fill: currentColor;
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__description {
    --color: var(--root-color--primary);
}

/* Special */
.section--color-secondary.top-tasks-ce-list .top-tasks-tile--special {
    /*--background-color: var(--root-color--white);*/
    /*--border-color: var(--root-color--white);*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--special:focus,
.section--color-secondary.top-tasks-ce-list .top-tasks-tile--special:hover {
    /*--background-color: var(--root-color--white-dark);*/
    /*--border-color: var(--root-color--white-dark);*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__icon {
    /*--color: var(--root-color--primary);*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__header {
    /*--color: var(--root-color--primary);*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__header .icon {
    /*--fill: currentColor;*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__description {
    /*--color: var(--root-color--primary);*/
}

/* Dynamic */
.section--color-secondary.top-tasks-ce-list .top-tasks-tile--dynamic {
    /*--background-color: var(--root-color--secondary);*/
    /*--border-color: transparent;*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__header {
    /*--color: var(--root-color--white);*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__description {
    /*--color: var(--root-color--white);*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__content {
    /*--color: var(--root-color--white);*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor {
    /*--background-color: var(--root-color--white);*/
    /*--border-color: transparent;*/
    /*--color: var(--root-color-text);*/
    /*--text-decoration: none;*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor:focus,
.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor:hover {
    /*--background-color: var(--root-color--white-dark);*/
    /*--text-decoration: underline;*/
}

.section--color-secondary.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor .icon {
    /*--fill: currentColor;*/
}

/* SUPPORT */
/* Normal */
.section--color-support.top-tasks-ce-list .top-tasks-tile--normal {
    /*--background-color: var(--root-color--primary);*/
    /*--border-color: var(--root-color--primary);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--normal:focus,
.section--color-support.top-tasks-ce-list .top-tasks-tile--normal:hover {
    /*--background-color: var(--root-color--primary-dark);*/
    /*--border-color: var(--root-color--primary-dark);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__icon {
    /*--color: var(--root-color--white);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__header {
    /*--color: var(--root-color--white);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__header .icon {
    /*--fill: currentColor;*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__description {
    /*--color: var(--root-color--white);*/
}

/* Special */
.section--color-support.top-tasks-ce-list .top-tasks-tile--special {
    /*--background-color: var(--root-color--white);*/
    /*--border-color: var(--root-color--white);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--special:focus,
.section--color-support.top-tasks-ce-list .top-tasks-tile--special:hover {
    /*--background-color: var(--root-color--white-dark);*/
    /*--border-color: var(--root-color--white-dark);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__icon {
    /*--color: var(--root-color--primary);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__header {
    /*--color: var(--root-color--primary);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__header .icon {
    /*--fill: currentColor;*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__description {
    /*--color: var(--root-color--primary);*/
}

/* Dynamic */
.section--color-support.top-tasks-ce-list .top-tasks-tile--dynamic {
    /*--background-color: var(--root-color--secondary);*/
    /*--border-color: transparent;*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__header {
    /*--color: var(--root-color--white);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__description {
    /*--color: var(--root-color--white);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__content {
    /*--color: var(--root-color--white);*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor {
    /*--background-color: var(--root-color--white);*/
    /*--border-color: transparent;*/
    /*--color: var(--root-color-text);*/
    /*--text-decoration: none;*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor:focus,
.section--color-support.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor:hover {
    /*--background-color: var(--root-color--white-dark);*/
    /*--text-decoration: underline;*/
}

.section--color-support.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor .icon {
    /*--fill: currentColor;*/
}

/* GREY */
/* Normal */
.section--color-grey.top-tasks-ce-list .top-tasks-tile--normal {
    /*--background-color: var(--root-color--primary);*/
    /*--border-color: var(--root-color--primary);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--normal:focus,
.section--color-grey.top-tasks-ce-list .top-tasks-tile--normal:hover {
    /*--background-color: var(--root-color--primary-dark);*/
    /*--border-color: var(--root-color--primary-dark);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__icon {
    /*--color: var(--root-color--white);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__header {
    /*--color: var(--root-color--white);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__header .icon {
    /*--fill: currentColor;*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--normal .top-tasks-tile__description {
    /*--color: var(--root-color--white);*/
}

/* Special */
.section--color-grey.top-tasks-ce-list .top-tasks-tile--special {
    /*--background-color: var(--root-color--white);*/
    /*--border-color: var(--root-color--white);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--special:focus,
.section--color-grey.top-tasks-ce-list .top-tasks-tile--special:hover {
    /*--background-color: var(--root-color--white-dark);*/
    /*--border-color: var(--root-color--white-dark);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__icon {
    /*--color: var(--root-color--primary);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__header {
    /*--color: var(--root-color--primary);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__header .icon {
    /*--fill: currentColor;*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--special .top-tasks-tile__description {
    /*--color: var(--root-color--primary);*/
}

/* Dynamic */
.section--color-grey.top-tasks-ce-list .top-tasks-tile--dynamic {
    /*--background-color: var(--root-color--secondary);*/
    /*--border-color: transparent;*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__header {
    /*--color: var(--root-color--white);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__description {
    /*--color: var(--root-color--white);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__content {
    /*--color: var(--root-color--white);*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor {
    /*--background-color: var(--root-color--white);*/
    /*--border-color: transparent;*/
    /*--color: var(--root-color-text);*/
    /*--text-decoration: none;*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor:focus,
.section--color-grey.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor:hover {
    /*--background-color: var(--root-color--white-dark);*/
    /*--text-decoration: underline;*/
}

.section--color-grey.top-tasks-ce-list .top-tasks-tile--dynamic .top-tasks-tile__anchor .icon {
    /*--fill: currentColor;*/
}

.top-tasks-ce-list {
}

.top-tasks-ce-list__header {
    margin-top: 0;
}

.top-tasks-ce-list .top-tasks-ce-list__header + .top-tasks-list {
    margin-top: 2rem;
}

.top-tasks-ce-list {
    font-size: var(--font-size, 1rem);
}