@layer utilities {

	:root, :host {
		--color-theme-background:#fff7ea; --color-theme-text:#222221; --color-theme-link:#222221; --color-theme-accent:#222221; --color-theme-accent-secondary:#222221;
		--input-background:#fff7ea; --input-text:#222221; --input-link:#222221; --input-accent:#222221; --input-accent-secondary:#222221;
		--input-border-radius: 9999px;
		--input-border-width: medium.("0.0625em", "0.125em", "0.25em", "0");
}

.theme-white {
--color-theme-background:#fff7ea; --color-theme-text:#222221; --color-theme-link:#222221; --color-theme-accent:#222221; --color-theme-accent-secondary:#222221;		}
.input-theme-white {
--color-theme-background:#fff7ea; --color-theme-text:#222221; --color-theme-link:#222221; --color-theme-accent:#222221; --color-theme-accent-secondary:#222221;		}
.theme-black {
--color-theme-background:#222221; --color-theme-text:#fff7ea; --color-theme-link:#fff7ea; --color-theme-accent:#fff7ea; --color-theme-accent-secondary:#fff7ea;		}
.input-theme-black {
--color-theme-background:#222221; --color-theme-text:#fff7ea; --color-theme-link:#fff7ea; --color-theme-accent:#fff7ea; --color-theme-accent-secondary:#fff7ea;		}
.theme-grey {
--color-theme-background:#bababa; --color-theme-text:#0b1d40; --color-theme-link:#0b1d40; --color-theme-accent:#222221; --color-theme-accent-secondary:#222221;		}
.input-theme-grey {
--color-theme-background:#bababa; --color-theme-text:#0b1d40; --color-theme-link:#0b1d40; --color-theme-accent:#222221; --color-theme-accent-secondary:#222221;		}
.theme-standaard-groen {
--color-theme-background:#ffffff; --color-theme-text:#8ec73f; --color-theme-link:#8ec73f; --color-theme-accent:#8ec73f; --color-theme-accent-secondary:#ffffff;		}
.input-theme-standaard-groen {
--color-theme-background:#ffffff; --color-theme-text:#8ec73f; --color-theme-link:#8ec73f; --color-theme-accent:#8ec73f; --color-theme-accent-secondary:#ffffff;		}
.theme-navigation-black {
--color-theme-background:#000000; --color-theme-text:#000000; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-navigation-black {
--color-theme-background:#000000; --color-theme-text:#000000; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-moustimug-groen {
--color-theme-background:#8ec73f; --color-theme-text:#fdfdfd; --color-theme-link:#8ec73f; --color-theme-accent:#a0c76a; --color-theme-accent-secondary:#a1c76b;		}
.input-theme-moustimug-groen {
--color-theme-background:#8ec73f; --color-theme-text:#fdfdfd; --color-theme-link:#8ec73f; --color-theme-accent:#a0c76a; --color-theme-accent-secondary:#a1c76b;		}
.theme-tropical {
--color-theme-text:#ed1c24; --color-theme-link:#ed1c24; --color-theme-accent:#ed1c24; --color-theme-accent-secondary:#ed1c24;		}
.input-theme-tropical {
--color-theme-text:#ed1c24; --color-theme-link:#ed1c24; --color-theme-accent:#ed1c24; --color-theme-accent-secondary:#ed1c24;		}
.theme-deet-20\% {
--color-theme-text:#fdb913; --color-theme-link:#fdb913; --color-theme-accent:#fdb913; --color-theme-accent-secondary:#fdb913;		}
.input-theme-deet-20\% {
--color-theme-text:#fdb913; --color-theme-link:#fdb913; --color-theme-accent:#fdb913; --color-theme-accent-secondary:#fdb913;		}
.theme-citriodiol {
--color-theme-text:#624891; --color-theme-link:#624891; --color-theme-accent:#624891; --color-theme-accent-secondary:#624891;		}
.input-theme-citriodiol {
--color-theme-text:#624891; --color-theme-link:#624891; --color-theme-accent:#624891; --color-theme-accent-secondary:#624891;		}
.theme-dee {
		}
.input-theme-dee {
		}
.theme-citriodiol-30\%-background {
--color-theme-background:#ffffff; --color-theme-text:#624891; --color-theme-link:#624891; --color-theme-accent:#624891; --color-theme-accent-secondary:#624891;		}
.input-theme-citriodiol-30\%-background {
--color-theme-background:#ffffff; --color-theme-text:#624891; --color-theme-link:#624891; --color-theme-accent:#624891; --color-theme-accent-secondary:#624891;		}
.theme-citriodiol-30\%-accent-no-background {
--color-theme-text:#000000; --color-theme-link:#624891; --color-theme-accent:#624891; --color-theme-accent-secondary:#624891;		}
.input-theme-citriodiol-30\%-accent-no-background {
--color-theme-text:#000000; --color-theme-link:#624891; --color-theme-accent:#624891; --color-theme-accent-secondary:#624891;		}
.theme-deet-20\%-background {
--color-theme-background:#ffe8b1; --color-theme-text:#fdb913; --color-theme-link:#fdb913; --color-theme-accent:#fdb913; --color-theme-accent-secondary:#fdb913;		}
.input-theme-deet-20\%-background {
--color-theme-background:#ffe8b1; --color-theme-text:#fdb913; --color-theme-link:#fdb913; --color-theme-accent:#fdb913; --color-theme-accent-secondary:#fdb913;		}
.theme-deet-20\%-accent-no-background {
--color-theme-text:#040404; --color-theme-link:#fdb913; --color-theme-accent:#fdb913; --color-theme-accent-secondary:#fdb913;		}
.input-theme-deet-20\%-accent-no-background {
--color-theme-text:#040404; --color-theme-link:#fdb913; --color-theme-accent:#fdb913; --color-theme-accent-secondary:#fdb913;		}
.theme-deet-50\%-background {
--color-theme-background:#fdfdfd; --color-theme-text:#040404; --color-theme-link:#ed1c24; --color-theme-accent:#ed1c24; --color-theme-accent-secondary:#ed1c24;		}
.input-theme-deet-50\%-background {
--color-theme-background:#fdfdfd; --color-theme-text:#040404; --color-theme-link:#ed1c24; --color-theme-accent:#ed1c24; --color-theme-accent-secondary:#ed1c24;		}
.theme-deet-50\%-accent-no-background {
--color-theme-text:#070707; --color-theme-link:#ed1c24; --color-theme-accent:#ed1c24; --color-theme-accent-secondary:#ed1c24;		}
.input-theme-deet-50\%-accent-no-background {
--color-theme-text:#070707; --color-theme-link:#ed1c24; --color-theme-accent:#ed1c24; --color-theme-accent-secondary:#ed1c24;		}
}

@layer custom-css {
	.block-information__item[class*="bg-theme"]  {
    padding: .5rem;
}

.btn-link{
    max-width:fit-content;
}
}