dso-toolkit 84.0.0 → 85.0.0

package/dist/dso.css

@@ -1,5 +1,5 @@
 :root {
-  --dso-toolkit-version: "84.0.0";
+  --dso-toolkit-version: "85.0.0";
 }
 
 @font-face {
@@ -74,6 +74,10 @@ dso-accordion-section > *:last-child:not(.dso-info) {
   margin-block: 32px;
 }
 
+dso-legend-item + dso-legend-item {
+  margin-block-start: 8px;
+}
+
 :where(.dso-context-wrapper, dso-list-button) + :where(.dso-table-responsive, dso-list-button, :has(.dso-table-responsive, dso-list-button)) {
   margin-block-start: 8px;
 }
@@ -228,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"));
@@ -248,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 {
@@ -257,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"));
@@ -277,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 {
@@ -286,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"));
@@ -306,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 {
@@ -315,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"));
@@ -335,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 {
@@ -378,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;
@@ -388,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;
@@ -505,8 +508,6 @@ dso-alert a:active {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-attachments::after {
   content: "";
   display: inline-block;
 }
@@ -522,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;
@@ -531,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"));
@@ -548,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 {
@@ -558,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"));
@@ -575,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 {
@@ -585,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"));
@@ -602,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 {
@@ -612,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"));
@@ -629,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 {
@@ -639,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"));
@@ -659,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 {
@@ -669,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"));
@@ -686,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 {
@@ -695,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 {
@@ -707,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"));
@@ -724,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;
 }
 
@@ -841,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"));
@@ -861,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 {
@@ -878,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"));
@@ -898,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 {
@@ -915,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"));
@@ -935,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 {
@@ -952,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"));
@@ -972,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 {
@@ -1093,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"));
@@ -1113,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 {
@@ -1130,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"));
@@ -1150,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 {
@@ -1167,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"));
@@ -1187,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 {
@@ -1204,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"));
@@ -1224,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 {
@@ -1348,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;
@@ -1553,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;
@@ -1992,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;
@@ -2427,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);
@@ -2707,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"));
@@ -2727,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;
@@ -2807,8 +2790,6 @@ del {
   block-size: 24px;
   vertical-align: top;
   inline-size: 24px;
-}
-.dso-description-term + .dso-description-content > a::before {
   content: "";
   display: block;
 }
@@ -2862,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"));
@@ -2882,6 +2857,12 @@ 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 {
+  --_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;
@@ -2909,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"));
@@ -2928,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;
 }
@@ -2939,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"));
@@ -2955,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;
@@ -2989,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;
 }
@@ -3316,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;
@@ -3367,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;
@@ -3501,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;
@@ -3549,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;
@@ -3592,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;
@@ -3601,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"));
@@ -3621,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;
@@ -3822,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;
@@ -3896,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;
@@ -3916,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;
@@ -3934,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;
@@ -4102,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;
@@ -4117,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;
@@ -4152,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;
@@ -4165,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);
@@ -4207,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;
@@ -4230,7 +4181,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 }
 
 .form-group {
-  margin-block-end: 16px;
+  margin-block-end: var(--_dso-form-group-margin-block-end, 16px);
 }
 .form-group + .form-group:not(.dso-static),
 .form-group + .dso-form-buttons {
@@ -4319,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;
@@ -4526,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;
 }
@@ -5401,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"));
@@ -5420,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;
@@ -5428,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"));
@@ -5447,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;
@@ -5463,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"));
@@ -5482,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);
 }
@@ -5496,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 {
@@ -5609,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"));
@@ -5628,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;
@@ -5636,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"));
@@ -5655,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;
@@ -5671,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"));
@@ -5690,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);
 }
@@ -5704,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] {
@@ -5834,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;
@@ -5843,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"));
@@ -5862,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;
 }
@@ -5894,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"));
@@ -5913,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;
@@ -5927,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;
 }
@@ -5965,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"));
@@ -5984,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;
@@ -5995,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;
@@ -6007,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;
 }
@@ -6073,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;
@@ -6082,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"));
@@ -6102,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;
 }
@@ -6196,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"));
@@ -6215,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;
@@ -6223,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"));
@@ -6242,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;
@@ -6250,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"));
@@ -6266,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;
@@ -6274,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"));
@@ -6290,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;
@@ -6298,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"));
@@ -6317,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;
@@ -6325,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"));
@@ -6341,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;
@@ -6348,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;
 }
@@ -6361,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"));
@@ -6377,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;
@@ -6385,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"));
@@ -6405,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 {
@@ -6415,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"));
@@ -6435,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;
 }
@@ -6446,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"));
@@ -6466,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;
@@ -6579,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 {
@@ -6591,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 {
@@ -6603,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 {
@@ -6615,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 {
@@ -6648,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;
@@ -7109,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;
@@ -7490,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;
@@ -7515,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;
@@ -7554,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;
@@ -7640,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"));
@@ -7660,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;
@@ -7698,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"));
@@ -7718,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 {
@@ -7738,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;
@@ -7748,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) {
@@ -7773,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;