dso-toolkit 84.1.0 → 85.0.0

package/dist/dso.css

@@ -1,5 +1,5 @@
 :root {
-  --dso-toolkit-version: "84.1.0";
+  --dso-toolkit-version: "85.0.0";
 }
 
 @font-face {
@@ -232,12 +232,6 @@ dso-action-list .dso-rich-content .h5 {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e4f1d4;
-  color: #191919;
 }
 .alert.alert-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -252,6 +246,12 @@ dso-action-list .dso-rich-content .h5 {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .alert.alert-success {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e4f1d4;
+  color: #191919;
   border-color: var(--_dso-alert-success-border-color, #e4f1d4);
 }
 .alert.alert-success.dso-compact::before {
@@ -261,12 +261,6 @@ dso-action-list .dso-rich-content .h5 {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f5d8dc;
-  color: #191919;
 }
 .alert.alert-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -281,6 +275,12 @@ dso-action-list .dso-rich-content .h5 {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .alert.alert-error {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f5d8dc;
+  color: #191919;
   border-color: var(--_dso-alert-error-border-color, #f5d8dc);
 }
 .alert.alert-error.dso-compact::before {
@@ -290,12 +290,6 @@ dso-action-list .dso-rich-content .h5 {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f8f6cc;
-  color: #191919;
 }
 .alert.alert-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -310,6 +304,12 @@ dso-action-list .dso-rich-content .h5 {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .alert.alert-warning {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f8f6cc;
+  color: #191919;
   border-color: var(--_dso-alert-warning-border-color, #f8f6cc);
 }
 .alert.alert-warning.dso-compact::before {
@@ -319,12 +319,6 @@ dso-action-list .dso-rich-content .h5 {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e1ecf7;
-  color: #191919;
 }
 .alert.alert-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -339,6 +333,12 @@ dso-action-list .dso-rich-content .h5 {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .alert.alert-info {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e1ecf7;
+  color: #191919;
   border-color: var(--_dso-alert-info-border-color, #e1ecf7);
 }
 .alert.alert-info.dso-compact::before {
@@ -382,6 +382,15 @@ dso-action-list .dso-rich-content .h5 {
   margin: 0;
   overflow: visible;
   text-transform: none;
+}
+.alert .dso-close[disabled] {
+  cursor: default;
+}
+.alert .dso-close::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+.alert .dso-close {
   position: absolute;
   inset-block-start: 3px;
   inset-inline-end: 3px;
@@ -392,24 +401,14 @@ dso-action-list .dso-rich-content .h5 {
   border: 0;
   text-align: center;
 }
-.alert .dso-close[disabled] {
-  cursor: default;
-}
-.alert .dso-close::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
 .alert .dso-close::before {
   background: url("./di.svg#times-zwart") no-repeat center;
   background-size: cover;
   block-size: 24px;
-  vertical-align: top;
+  vertical-align: middle;
   inline-size: 24px;
-}
-.alert .dso-close::before {
   content: "";
   display: inline-block;
-  vertical-align: middle;
 }
 .alert:not(.dso-compact)::before {
   inset-block-start: 15px;
@@ -509,8 +508,6 @@ dso-alert a:active {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-attachments::after {
   content: "";
   display: inline-block;
 }
@@ -526,8 +523,6 @@ dso-alert a:active {
   padding-block: 4px;
   padding-inline: 8px;
   text-align: center;
-}
-.dso-badge {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -535,9 +530,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #666;
-  color: #fff;
 }
 .dso-badge a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -552,6 +544,9 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
 .dso-badge {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #666;
+  color: #fff;
   border-color: #666;
 }
 .dso-badge.badge-info {
@@ -562,9 +557,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #2b5780;
-  color: #fff;
 }
 .dso-badge.badge-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -579,6 +571,9 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
 .dso-badge.badge-info {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #2b5780;
+  color: #fff;
   border-color: #2b5780;
 }
 .dso-badge.badge-primary {
@@ -589,9 +584,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #275937;
-  color: #fff;
 }
 .dso-badge.badge-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -606,6 +598,9 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
 .dso-badge.badge-primary {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #275937;
+  color: #fff;
   border-color: #275937;
 }
 .dso-badge.badge-success {
@@ -616,9 +611,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #39870c;
-  color: #fff;
 }
 .dso-badge.badge-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -633,6 +625,9 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
 .dso-badge.badge-success {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #39870c;
+  color: #fff;
   border-color: #39870c;
 }
 .dso-badge.badge-warning {
@@ -643,12 +638,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #dcd400;
-  color: #191919;
 }
 .dso-badge.badge-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -663,6 +652,12 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-badge.badge-warning {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #dcd400;
+  color: #191919;
   border-color: #dcd400;
 }
 .dso-badge.badge-error {
@@ -673,9 +668,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #ce3f51;
-  color: #fff;
 }
 .dso-badge.badge-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -690,6 +682,9 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
 .dso-badge.badge-error {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #ce3f51;
+  color: #fff;
   border-color: #ce3f51;
 }
 .dso-badge.badge-outline {
@@ -699,8 +694,6 @@ dso-alert a:active {
   --_dso-alert-warning-border-color: initial;
   background-color: #fff;
   color: #191919;
-}
-.dso-badge.badge-outline {
   border-color: #191919;
 }
 .dso-badge.badge-attention {
@@ -711,9 +704,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #8b4a6a;
-  color: #fff;
 }
 .dso-badge.badge-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -728,6 +718,9 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
 .dso-badge.badge-attention {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #8b4a6a;
+  color: #fff;
   border-color: #8b4a6a;
 }
 
@@ -845,12 +838,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e4f1d4;
-  color: #191919;
 }
 .dso-banner.alert-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -865,6 +852,12 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-banner.alert-success {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e4f1d4;
+  color: #191919;
   border-color: #e4f1d4;
 }
 .dso-banner.alert-success.dso-icon .dso-banner-inner::before {
@@ -882,12 +875,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f5d8dc;
-  color: #191919;
 }
 .dso-banner.alert-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -902,6 +889,12 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-banner.alert-error {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f5d8dc;
+  color: #191919;
   border-color: #f5d8dc;
 }
 .dso-banner.alert-error.dso-icon .dso-banner-inner::before {
@@ -919,12 +912,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e1ecf7;
-  color: #191919;
 }
 .dso-banner.alert-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -939,6 +926,12 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-banner.alert-info {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e1ecf7;
+  color: #191919;
   border-color: #e1ecf7;
 }
 .dso-banner.alert-info.dso-icon .dso-banner-inner::before {
@@ -956,12 +949,6 @@ dso-alert a:active {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f8f6cc;
-  color: #191919;
 }
 .dso-banner.alert-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -976,6 +963,12 @@ dso-alert a:active {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-banner.alert-warning {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f8f6cc;
+  color: #191919;
   border-color: #f8f6cc;
 }
 .dso-banner.alert-warning.dso-icon .dso-banner-inner::before {
@@ -1097,12 +1090,6 @@ dso-banner[status=success] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e4f1d4;
-  color: #191919;
 }
 dso-banner[status=success] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -1117,6 +1104,12 @@ dso-banner[status=success] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 dso-banner[status=success] {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e4f1d4;
+  color: #191919;
   border-color: #e4f1d4;
 }
 dso-banner[status=success][icon] .dso-banner-inner::before {
@@ -1134,12 +1127,6 @@ dso-banner[status=error] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f5d8dc;
-  color: #191919;
 }
 dso-banner[status=error] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -1154,6 +1141,12 @@ dso-banner[status=error] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 dso-banner[status=error] {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f5d8dc;
+  color: #191919;
   border-color: #f5d8dc;
 }
 dso-banner[status=error][icon] .dso-banner-inner::before {
@@ -1171,12 +1164,6 @@ dso-banner[status=info] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e1ecf7;
-  color: #191919;
 }
 dso-banner[status=info] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -1191,6 +1178,12 @@ dso-banner[status=info] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([h
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 dso-banner[status=info] {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e1ecf7;
+  color: #191919;
   border-color: #e1ecf7;
 }
 dso-banner[status=info][icon] .dso-banner-inner::before {
@@ -1208,12 +1201,6 @@ dso-banner[status=warning] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f8f6cc;
-  color: #191919;
 }
 dso-banner[status=warning] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -1228,6 +1215,12 @@ dso-banner[status=warning] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 dso-banner[status=warning] {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f8f6cc;
+  color: #191919;
   border-color: #f8f6cc;
 }
 dso-banner[status=warning][icon] .dso-banner-inner::before {
@@ -1352,10 +1345,6 @@ label.dso-primary {
   background-color: var(--_dso-button-primary-background-color, #39870c);
   border-color: var(--_dso-button-primary-border-color, #39870c);
   color: var(--_dso-button-primary-color, #fff);
-}
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -1557,10 +1546,6 @@ label.dso-secondary {
   background-color: var(--_dso-button-secondary-background-color, #fff);
   border-color: var(--_dso-button-secondary-border-color, #39870c);
   color: var(--_dso-button-secondary-color, #39870c);
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -1996,10 +1981,6 @@ label.dso-map {
   background-color: var(--_dso-button-secondary-background-color, #fff);
   border-color: var(--_dso-button-secondary-border-color, #39870c);
   color: var(--_dso-button-secondary-color, #39870c);
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -2431,8 +2412,6 @@ pre code {
 }
 .dso-context-wrapper .dso-context-select select {
   background-image: var(--_dso-di-background-image, url("./di.svg#caret-down"));
-}
-.dso-context-wrapper .dso-context-select select {
   -moz-appearance: none;
   -webkit-appearance: none;
   background-position: calc(100% - 8px);
@@ -2711,12 +2690,6 @@ del {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f5d8dc;
-  color: #191919;
 }
 del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -2731,6 +2704,12 @@ del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [hr
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f5d8dc;
+  color: #191919;
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -2811,8 +2790,6 @@ del {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-description-term + .dso-description-content > a::before {
   content: "";
   display: block;
 }
@@ -2866,12 +2843,6 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-document-header a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -2886,9 +2857,15 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-document-header {
-  padding-block: 8px 16px;
-  padding-inline: 24px;
-  margin-inline: -16px -16px;
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+  padding-block: 8px 16px;
+  padding-inline: 24px;
+  margin-inline: -16px -16px;
 }
 .dso-document-header:has(.dso-document-header-status) {
   padding-block-start: 0;
@@ -2913,12 +2890,6 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #dcd400;
-  color: #191919;
 }
 .dso-document-header.dso-variant-ontwerp .dso-document-header-status a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -2932,6 +2903,14 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
 .dso-document-header.dso-variant-ontwerp .dso-document-header-status a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-document-header.dso-variant-ontwerp .dso-document-header-status {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #dcd400;
+  color: #191919;
+}
 .dso-document-header.dso-variant-ontwerp .dso-document-header-status dso-icon[icon=pencil] {
   padding: 5px;
 }
@@ -2943,9 +2922,6 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #275937;
-  color: #fff;
 }
 .dso-document-header.dso-variant-besluitversie .dso-document-header-status a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -2959,6 +2935,11 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
 .dso-document-header.dso-variant-besluitversie .dso-document-header-status a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
+.dso-document-header.dso-variant-besluitversie .dso-document-header-status {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #275937;
+  color: #fff;
+}
 .dso-document-header.dso-variant-besluitversie .dso-document-header-status dso-icon[icon=hammer] {
   padding-block: 3px;
   padding-inline: 2px;
@@ -2993,8 +2974,6 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-document-header.dso-document-header-sticky h1 button::after, .dso-document-header.dso-document-header-sticky h2 button::after, .dso-document-header.dso-document-header-sticky h3 button::after, .dso-document-header.dso-document-header-sticky h4 button::after, .dso-document-header.dso-document-header-sticky h5 button::after, .dso-document-header.dso-document-header-sticky h6 button::after, .dso-document-header.dso-document-header-sticky .h1 button::after, .dso-document-header.dso-document-header-sticky .h2 button::after, .dso-document-header.dso-document-header-sticky .h3 button::after, .dso-document-header.dso-document-header-sticky .h4 button::after, .dso-document-header.dso-document-header-sticky .h5 button::after, .dso-document-header.dso-document-header-sticky .h6 button::after {
   content: "";
   display: inline-block;
 }
@@ -3320,9 +3299,6 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
-.dso-dropdown-menu > .dso-tertiary::after {
   margin-inline-start: 4px;
   position: relative;
   inset-block-start: -2px;
@@ -3371,9 +3347,6 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-dropdown-menu.dso-checkable li.dso-checked a::before,
-.dso-dropdown-menu.dso-checkable li.dso-checked button::before {
   content: "";
   display: block;
   float: inline-start;
@@ -3505,9 +3478,6 @@ dso-dropdown-menu > .dso-tertiary::after {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-dso-dropdown-menu > button:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary)::after,
-dso-dropdown-menu > .dso-tertiary::after {
   margin-inline-start: 4px;
   position: relative;
   inset-block-start: -2px;
@@ -3553,9 +3523,6 @@ dso-dropdown-menu[checkable] li.dso-checked button::before {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-dso-dropdown-menu[checkable] li.dso-checked a::before,
-dso-dropdown-menu[checkable] li.dso-checked button::before {
   content: "";
   display: block;
   float: inline-start;
@@ -3596,8 +3563,6 @@ footer {
   margin-inline-end: calc(50% - 50vw);
   padding-inline-start: calc(50vw - 50%);
   padding-inline-end: calc(50vw - 50%);
-}
-footer {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -3605,12 +3570,6 @@ footer {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 footer a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -3625,6 +3584,12 @@ footer a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"],
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 footer {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
   border-block-start: 1px solid #ccc;
   display: block;
   margin-block-start: 48px;
@@ -3826,8 +3791,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .form-explanation-required::after {
   content: "";
   display: inline-block;
-}
-.form-explanation-required::after {
   background: url("./di.svg#asterisk") no-repeat center;
   background-size: cover;
   block-size: 0.75rem;
@@ -3900,8 +3863,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .form-group.dso-checkboxes.dso-required .control-label::after {
   content: "";
   display: inline-block;
-}
-.form-group.dso-checkboxes.dso-required .control-label::after {
   background: url("./di.svg#asterisk") no-repeat center;
   background-size: cover;
   block-size: 0.75rem;
@@ -3920,8 +3881,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .form-group.dso-confirm.dso-required .control-label::after {
   content: "";
   display: inline-block;
-}
-.form-group.dso-confirm.dso-required .control-label::after {
   background: url("./di.svg#asterisk") no-repeat center;
   background-size: cover;
   block-size: 0.75rem;
@@ -3938,8 +3897,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .form-group.dso-files.dso-required .control-label::after {
   content: "";
   display: inline-block;
-}
-.form-group.dso-files.dso-required .control-label::after {
   background: url("./di.svg#asterisk") no-repeat center;
   background-size: cover;
   block-size: 0.75rem;
@@ -4106,8 +4063,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .form-group.dso-input.dso-required .control-label::after {
   content: "";
   display: inline-block;
-}
-.form-group.dso-input.dso-required .control-label::after {
   background: url("./di.svg#asterisk") no-repeat center;
   background-size: cover;
   block-size: 0.75rem;
@@ -4121,8 +4076,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .form-group.dso-radios.dso-required .control-label::after {
   content: "";
   display: inline-block;
-}
-.form-group.dso-radios.dso-required .control-label::after {
   background: url("./di.svg#asterisk") no-repeat center;
   background-size: cover;
   block-size: 0.75rem;
@@ -4156,8 +4109,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .form-group.dso-select.dso-required .control-label::after {
   content: "";
   display: inline-block;
-}
-.form-group.dso-select.dso-required .control-label::after {
   background: url("./di.svg#asterisk") no-repeat center;
   background-size: cover;
   block-size: 0.75rem;
@@ -4169,8 +4120,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 }
 .form-group.dso-select select:not([multiple]) {
   background-image: var(--_dso-di-background-image, url("./di.svg#caret-down"));
-}
-.form-group.dso-select select:not([multiple]) {
   -moz-appearance: none;
   -webkit-appearance: none;
   background-position: calc(100% - 8px);
@@ -4211,8 +4160,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .form-group.dso-textarea.dso-required .control-label::after {
   content: "";
   display: inline-block;
-}
-.form-group.dso-textarea.dso-required .control-label::after {
   background: url("./di.svg#asterisk") no-repeat center;
   background-size: cover;
   block-size: 0.75rem;
@@ -4323,8 +4270,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.form-group.dso-invalid .dso-message::before {
   content: "";
   display: block;
   inset-inline-start: 0;
@@ -4530,15 +4475,13 @@ form > .row.dso-featured + .row div:not(.dso-rich-content) .h3:first-child {
   position: relative;
   min-block-size: 352px;
   overflow: hidden;
+  background-size: 0;
 }
 @media only screen and (min-width: 768px) {
   .row.dso-banner {
     padding-block-start: 24px;
   }
 }
-.row.dso-banner {
-  background-size: 0;
-}
 .row.dso-banner.no-button-banner {
   min-block-size: 296px;
 }
@@ -5405,12 +5348,6 @@ h6,
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5424,6 +5361,14 @@ h6,
 .dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-highlight-box:not(.dso-white, .dso-yellow, .dso-border) {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+}
 .dso-highlight-box.dso-grey {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
@@ -5432,12 +5377,6 @@ h6,
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-highlight-box.dso-grey a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5451,6 +5390,14 @@ h6,
 .dso-highlight-box.dso-grey a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-highlight-box.dso-grey {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+}
 .dso-highlight-box.dso-white {
   --_dso-alert-success-border-color: initial;
   --_dso-alert-error-border-color: initial;
@@ -5467,12 +5414,6 @@ h6,
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f8f6cc;
-  color: #191919;
 }
 .dso-highlight-box.dso-yellow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5486,6 +5427,14 @@ h6,
 .dso-highlight-box.dso-yellow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-highlight-box.dso-yellow {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f8f6cc;
+  color: #191919;
+}
 .dso-highlight-box.dso-drop-shadow {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 }
@@ -5500,8 +5449,6 @@ h6,
   --_dso-alert-warning-border-color: initial;
   background-color: #fff;
   color: #191919;
-}
-.dso-highlight-box.dso-border:not(.dso-grey, .dso-yellow) {
   border-color: #ccc;
 }
 .dso-highlight-box.dso-has-counter {
@@ -5613,12 +5560,6 @@ dso-highlight-box:not([white], [yellow], [border]) {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 dso-highlight-box:not([white], [yellow], [border]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5632,6 +5573,14 @@ dso-highlight-box:not([white], [yellow], [border]) a:not(.dso-primary, .dso-seco
 dso-highlight-box:not([white], [yellow], [border]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+dso-highlight-box:not([white], [yellow], [border]) {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+}
 dso-highlight-box[grey] {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
@@ -5640,12 +5589,6 @@ dso-highlight-box[grey] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 dso-highlight-box[grey] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5659,6 +5602,14 @@ dso-highlight-box[grey] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([h
 dso-highlight-box[grey] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+dso-highlight-box[grey] {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+}
 dso-highlight-box[white] {
   --_dso-alert-success-border-color: initial;
   --_dso-alert-error-border-color: initial;
@@ -5675,12 +5626,6 @@ dso-highlight-box[yellow] {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f8f6cc;
-  color: #191919;
 }
 dso-highlight-box[yellow] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5694,6 +5639,14 @@ dso-highlight-box[yellow] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(
 dso-highlight-box[yellow] a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+dso-highlight-box[yellow] {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f8f6cc;
+  color: #191919;
+}
 dso-highlight-box[drop-shadow] {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 }
@@ -5708,8 +5661,6 @@ dso-highlight-box[border]:not([grey], [yellow]) {
   --_dso-alert-warning-border-color: initial;
   background-color: #fff;
   color: #191919;
-}
-dso-highlight-box[border]:not([grey], [yellow]) {
   border-color: #ccc;
 }
 dso-highlight-box[has-counter] {
@@ -5838,8 +5789,6 @@ img {
   padding-block: 16px;
   padding-inline: 16px 32px;
   position: relative;
-}
-.dso-info:not(.dso-accordion-section) {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -5847,12 +5796,6 @@ img {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-info:not(.dso-accordion-section) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5866,6 +5809,14 @@ img {
 .dso-info:not(.dso-accordion-section) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-info:not(.dso-accordion-section) {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+}
 .dso-info:not(.dso-accordion-section) .dso-rich-content *:first-child {
   margin-block-start: 0;
 }
@@ -5898,12 +5849,6 @@ img {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-info:not(.dso-accordion-section) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5917,6 +5862,14 @@ img {
 .dso-info:not(.dso-accordion-section) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-info:not(.dso-accordion-section) {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+}
 .dso-info:not(.dso-accordion-section) > button {
   background-color: transparent;
   border-style: none;
@@ -5931,8 +5884,6 @@ img {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-info:not(.dso-accordion-section) > button::before {
   content: "";
   display: inline-block;
 }
@@ -5969,12 +5920,6 @@ dso-info {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 dso-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -5988,6 +5933,14 @@ dso-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [
 dso-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+dso-info {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+}
 
 .dso-info-button {
   display: inline-block;
@@ -5999,11 +5952,6 @@ dso-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"]
   text-align: start;
   user-select: none;
   vertical-align: middle;
-  background-color: transparent;
-  color: #39870c;
-  border: 0;
-  margin-inline-start: var(--_dt-info-button-margin-inline-start, 8px);
-  padding: 0;
 }
 .dso-info-button:focus, .dso-info-button:focus-visible {
   outline-offset: 2px;
@@ -6011,6 +5959,13 @@ dso-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"]
 .dso-info-button:active {
   outline: 0;
 }
+.dso-info-button {
+  background-color: transparent;
+  color: #39870c;
+  border: 0;
+  margin-inline-start: var(--_dt-info-button-margin-inline-start, 8px);
+  padding: 0;
+}
 .dso-info-button.dso-info-secondary {
   color: #666;
 }
@@ -6077,8 +6032,6 @@ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer
 
 ins {
   text-decoration: none;
-}
-ins {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -6086,12 +6039,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e4f1d4;
-  color: #191919;
 }
 ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -6106,6 +6053,12 @@ ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [hr
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 ins {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e4f1d4;
+  color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -6200,12 +6153,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-label a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -6219,6 +6166,14 @@ ins {
 .dso-label a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-label {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
+}
 .dso-label.dso-label-info {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
@@ -6227,12 +6182,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #6ca4d9;
-  color: #191919;
 }
 .dso-label.dso-label-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -6246,6 +6195,14 @@ ins {
 .dso-label.dso-label-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-label.dso-label-info {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #6ca4d9;
+  color: #191919;
+}
 .dso-label.dso-label-primary {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
@@ -6254,9 +6211,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #275937;
-  color: #fff;
 }
 .dso-label.dso-label-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -6270,6 +6224,11 @@ ins {
 .dso-label.dso-label-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
+.dso-label.dso-label-primary {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #275937;
+  color: #fff;
+}
 .dso-label.dso-label-success {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
@@ -6278,9 +6237,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #39870c;
-  color: #fff;
 }
 .dso-label.dso-label-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -6294,6 +6250,11 @@ ins {
 .dso-label.dso-label-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
+.dso-label.dso-label-success {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #39870c;
+  color: #fff;
+}
 .dso-label.dso-label-warning {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
@@ -6302,12 +6263,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #dcd400;
-  color: #191919;
 }
 .dso-label.dso-label-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -6321,6 +6276,14 @@ ins {
 .dso-label.dso-label-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
+.dso-label.dso-label-warning {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #dcd400;
+  color: #191919;
+}
 .dso-label.dso-label-error {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
@@ -6329,9 +6292,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #ce3f51;
-  color: #fff;
 }
 .dso-label.dso-label-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -6345,6 +6305,11 @@ ins {
 .dso-label.dso-label-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
+.dso-label.dso-label-error {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #ce3f51;
+  color: #fff;
+}
 .dso-label.dso-label-bright {
   --_dso-alert-success-border-color: initial;
   --_dso-alert-error-border-color: initial;
@@ -6352,8 +6317,6 @@ ins {
   --_dso-alert-warning-border-color: initial;
   background-color: #fff;
   color: #191919;
-}
-.dso-label.dso-label-bright {
   outline: 1px solid #ccc;
   outline-offset: -1px;
 }
@@ -6365,9 +6328,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #8b4a6a;
-  color: #fff;
 }
 .dso-label.dso-label-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
@@ -6381,6 +6341,11 @@ ins {
 .dso-label.dso-label-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
 }
+.dso-label.dso-label-attention {
+  --_dso-icon-button-tertiary-color: #fff;
+  background-color: #8b4a6a;
+  color: #fff;
+}
 .dso-label.dso-label-filter {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
@@ -6389,12 +6354,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e1ecf7;
-  color: #191919;
 }
 .dso-label.dso-label-filter a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -6409,6 +6368,12 @@ ins {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-label.dso-label-filter {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e1ecf7;
+  color: #191919;
   border-inline-start: 5px solid #6ca4d9;
 }
 .dso-label.dso-label-toegevoegd {
@@ -6419,12 +6384,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #e4f1d4;
-  color: #191919;
 }
 .dso-label.dso-label-toegevoegd a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -6439,6 +6398,12 @@ ins {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-label.dso-label-toegevoegd {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e4f1d4;
+  color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -6450,12 +6415,6 @@ ins {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f5d8dc;
-  color: #191919;
 }
 .dso-label.dso-label-verwijderd a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -6470,6 +6429,12 @@ ins {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-label.dso-label-verwijderd {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f5d8dc;
+  color: #191919;
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
@@ -6583,8 +6548,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
   background-size: 1.25em 1.25em;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom 0 right 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
   background-image: var(--_dso-di-background-image, url("./di.svg#download"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:focus-visible {
@@ -6595,8 +6558,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
   background-size: 1.25em 1.25em;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom 0 right 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:focus-visible {
@@ -6607,8 +6568,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
   background-size: 1.25em 1.25em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
   background-position: bottom 0 left 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-grasgroen"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:focus-visible {
@@ -6619,8 +6578,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
   background-size: 1.25em 1.25em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
   background-position: bottom 0 left 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-grasgroen"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:focus-visible {
@@ -6652,8 +6609,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-link-list a::before {
   content: "";
   display: inline-block;
   margin-inline-start: -8px;
@@ -7113,13 +7068,10 @@ body:has(dso-modal.hydrated) {
   background: url("./di.svg#times") no-repeat center;
   background-size: cover;
   block-size: 24px;
-  vertical-align: top;
+  vertical-align: middle;
   inline-size: 24px;
-}
-.dso-modal .dso-close::before {
   content: "";
   display: inline-block;
-  vertical-align: middle;
 }
 .dso-modal .dso-footer .dso-tertiary {
   float: inline-start;
@@ -7494,8 +7446,6 @@ pre {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-search-bar .dso-search-bar-input .dso-search-icon::before {
   content: "";
   display: inline-block;
   font-size: 1rem;
@@ -7519,7 +7469,6 @@ pre {
   background-image: none;
   border: 1px solid #275937;
   border-radius: 4px;
-  border-width: 1px;
   box-shadow: none;
   display: block;
   font-size: 1rem;
@@ -7558,8 +7507,6 @@ pre {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-search-bar .dso-search-bar-input button::before {
   content: "";
   display: inline-block;
   font-size: 1rem;
@@ -7644,12 +7591,6 @@ optgroup {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-shopping-cart .dso-status a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -7664,6 +7605,12 @@ optgroup {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-shopping-cart .dso-status {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
   border: 0;
   border-radius: 4px;
   box-shadow: none;
@@ -7702,12 +7649,6 @@ optgroup {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-shopping-cart .dso-contents a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
@@ -7722,9 +7663,14 @@ optgroup {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .dso-shopping-cart .dso-contents {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
   border: 0;
   border-radius: 4px;
-  color: #000;
   position: relative;
 }
 .dso-shopping-cart .dso-contents > .dso-delete {
@@ -7742,9 +7688,6 @@ optgroup {
 .dso-shopping-cart ol {
   padding-inline-start: 0;
   list-style: none;
-}
-.dso-shopping-cart ul,
-.dso-shopping-cart ol {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -7752,12 +7695,6 @@ optgroup {
   --link-color: currentColor;
   --link-hover-color: currentColor;
   --link-visited-color: currentColor;
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  background-color: #f2f2f2;
-  color: #191919;
 }
 .dso-shopping-cart ul a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
 .dso-shopping-cart ol a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
@@ -7777,6 +7714,12 @@ optgroup {
 }
 .dso-shopping-cart ul,
 .dso-shopping-cart ol {
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f2f2f2;
+  color: #191919;
   border-radius: 4px;
   margin-block-end: 0;
   margin-block-start: 0;