dso-toolkit 92.0.0 → 94.0.0

package/dist/dso.css

@@ -1,5 +1,5 @@
 :root {
-  --dso-toolkit-version: "92.0.0";
+  --dso-toolkit-version: "94.0.0";
 }
 
 @font-face {
@@ -461,34 +461,6 @@ dso-action-list .dso-rich-content .h5 {
   inline-size: 24px;
 }
 
-dso-alert > .dso-rich-content *:first-child {
-  margin-block-start: 0 !important;
-}
-dso-alert > .dso-rich-content *:last-child {
-  margin-block-end: 0 !important;
-}
-dso-alert > .dso-rich-content h1, dso-alert > .dso-rich-content h2, dso-alert > .dso-rich-content h3, dso-alert > .dso-rich-content h4, dso-alert > .dso-rich-content h5, dso-alert > .dso-rich-content h6, dso-alert > .dso-rich-content .h1, dso-alert > .dso-rich-content .h2, dso-alert > .dso-rich-content .h3, dso-alert > .dso-rich-content .h4, dso-alert > .dso-rich-content .h5, dso-alert > .dso-rich-content .h6 {
-  color: #000;
-  font-size: 1em;
-  line-height: 1.5;
-  margin-block-end: 8px;
-  margin-block-start: 8px;
-}
-dso-alert > .dso-rich-content .dso-alert-button {
-  background-color: rgba(25, 25, 25, 0.05);
-  border-radius: 4px;
-  border: 1px solid transparent;
-  padding-block: 6px;
-  padding-inline: 12px;
-}
-dso-alert > .dso-rich-content .dso-alert-button:hover, dso-alert > .dso-rich-content .dso-alert-button:active {
-  background-color: rgba(25, 25, 25, 0.2);
-  color: #000;
-}
-dso-alert a:active {
-  text-decoration: none;
-}
-
 .dso-app-heading {
   border-block-end: 1px solid #ccc;
 }
@@ -510,418 +482,22 @@ dso-alert a:active {
   padding-block-start: 6px;
   text-align: end;
 }
-
-.dso-attachments {
-  color: var(--dso-attachments-counter-color, #666);
-  display: inline-block;
-  font-weight: 400;
-  text-decoration: none;
-  white-space: nowrap;
-}
-.dso-attachments::after {
-  background: url("./di.svg#paperclip-grijs") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  content: "";
-  display: inline-block;
-}
-
-.dso-badge {
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 1em;
-  display: inline-block;
-  font-size: 0.875em;
-  line-height: 1;
-  min-inline-size: 1.5rem;
-  padding-block: 4px;
-  padding-inline: 8px;
-  text-align: center;
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.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"));
-}
-.dso-badge a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-badge a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-badge 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#mail-outline-wit"));
-}
-.dso-badge {
-  --_dso-icon-button-tertiary-color: #fff;
-  --_dso-icon-button-tertiary-hover-color: #e5e5e5;
-  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;
-  --_dso-button-primary-background-color: #fff;
-  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-background-color: #f2f2f2;
-  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-border-color: #fff;
-  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-border-color: #f2f2f2;
-  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-color: #191919;
-  --_dso-button-primary-hover-color: #191919;
-  --_dso-button-primary-active-color: #191919;
-  --_dso-button-primary-disabled-color: #666;
-  --_dso-button-secondary-background-color: none;
-  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
-  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-background-color: none;
-  --_dso-button-secondary-border-color: #fff;
-  --_dso-button-secondary-hover-border-color: #fff;
-  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-secondary-color: #fff;
-  --_dso-button-secondary-hover-color: #fff;
-  --_dso-button-secondary-active-color: #fff;
-  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-tertiary-color: #fff;
-  --_dso-button-tertiary-hover-color: #fff;
-  --_dso-button-tertiary-active-color: #fff;
-  --_dso-button-tertiary-disabled-color: #b2b2b2;
-  background-color: #666;
-  color: #fff;
-  border-color: #666;
-}
-.dso-badge.badge-info {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.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"));
-}
-.dso-badge.badge-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-badge.badge-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-badge.badge-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#mail-outline-wit"));
-}
-.dso-badge.badge-info {
-  --_dso-icon-button-tertiary-color: #fff;
-  --_dso-icon-button-tertiary-hover-color: #e5e5e5;
-  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;
-  --_dso-button-primary-background-color: #fff;
-  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-background-color: #f2f2f2;
-  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-border-color: #fff;
-  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-border-color: #f2f2f2;
-  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-color: #191919;
-  --_dso-button-primary-hover-color: #191919;
-  --_dso-button-primary-active-color: #191919;
-  --_dso-button-primary-disabled-color: #666;
-  --_dso-button-secondary-background-color: none;
-  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
-  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-background-color: none;
-  --_dso-button-secondary-border-color: #fff;
-  --_dso-button-secondary-hover-border-color: #fff;
-  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-secondary-color: #fff;
-  --_dso-button-secondary-hover-color: #fff;
-  --_dso-button-secondary-active-color: #fff;
-  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-tertiary-color: #fff;
-  --_dso-button-tertiary-hover-color: #fff;
-  --_dso-button-tertiary-active-color: #fff;
-  --_dso-button-tertiary-disabled-color: #b2b2b2;
-  background-color: #2b5780;
-  color: #fff;
-  border-color: #2b5780;
-}
-.dso-badge.badge-primary {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.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"));
-}
-.dso-badge.badge-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-badge.badge-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-badge.badge-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#mail-outline-wit"));
-}
-.dso-badge.badge-primary {
-  --_dso-icon-button-tertiary-color: #fff;
-  --_dso-icon-button-tertiary-hover-color: #e5e5e5;
-  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;
-  --_dso-button-primary-background-color: #fff;
-  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-background-color: #f2f2f2;
-  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-border-color: #fff;
-  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-border-color: #f2f2f2;
-  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-color: #191919;
-  --_dso-button-primary-hover-color: #191919;
-  --_dso-button-primary-active-color: #191919;
-  --_dso-button-primary-disabled-color: #666;
-  --_dso-button-secondary-background-color: none;
-  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
-  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-background-color: none;
-  --_dso-button-secondary-border-color: #fff;
-  --_dso-button-secondary-hover-border-color: #fff;
-  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-secondary-color: #fff;
-  --_dso-button-secondary-hover-color: #fff;
-  --_dso-button-secondary-active-color: #fff;
-  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-tertiary-color: #fff;
-  --_dso-button-tertiary-hover-color: #fff;
-  --_dso-button-tertiary-active-color: #fff;
-  --_dso-button-tertiary-disabled-color: #b2b2b2;
-  background-color: #275937;
-  color: #fff;
-  border-color: #275937;
-}
-.dso-badge.badge-success {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.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"));
-}
-.dso-badge.badge-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-badge.badge-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-badge.badge-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#mail-outline-wit"));
-}
-.dso-badge.badge-success {
-  --_dso-icon-button-tertiary-color: #fff;
-  --_dso-icon-button-tertiary-hover-color: #e5e5e5;
-  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;
-  --_dso-button-primary-background-color: #fff;
-  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-background-color: #f2f2f2;
-  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-border-color: #fff;
-  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-border-color: #f2f2f2;
-  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-color: #191919;
-  --_dso-button-primary-hover-color: #191919;
-  --_dso-button-primary-active-color: #191919;
-  --_dso-button-primary-disabled-color: #666;
-  --_dso-button-secondary-background-color: none;
-  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
-  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-background-color: none;
-  --_dso-button-secondary-border-color: #fff;
-  --_dso-button-secondary-hover-border-color: #fff;
-  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-secondary-color: #fff;
-  --_dso-button-secondary-hover-color: #fff;
-  --_dso-button-secondary-active-color: #fff;
-  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-tertiary-color: #fff;
-  --_dso-button-tertiary-hover-color: #fff;
-  --_dso-button-tertiary-active-color: #fff;
-  --_dso-button-tertiary-disabled-color: #b2b2b2;
-  background-color: #39870c;
-  color: #fff;
-  border-color: #39870c;
-}
-.dso-badge.badge-warning {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.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"));
-}
-.dso-badge.badge-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-.dso-badge.badge-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-.dso-badge.badge-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#mail-outline-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;
-  --_dso-button-tertiary-color: #191919;
-  --_dso-button-tertiary-hover-color: #4c4c4c;
-  --_dso-button-tertiary-active-color: #173521;
-  --_dso-button-tertiary-disabled-color: #999;
-  background-color: #dcd400;
-  color: #191919;
-  border-color: #dcd400;
-}
-.dso-badge.badge-error {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.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"));
-}
-.dso-badge.badge-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-badge.badge-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-badge.badge-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#mail-outline-wit"));
-}
-.dso-badge.badge-error {
-  --_dso-icon-button-tertiary-color: #fff;
-  --_dso-icon-button-tertiary-hover-color: #e5e5e5;
-  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;
-  --_dso-button-primary-background-color: #fff;
-  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-background-color: #f2f2f2;
-  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-border-color: #fff;
-  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-border-color: #f2f2f2;
-  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-color: #191919;
-  --_dso-button-primary-hover-color: #191919;
-  --_dso-button-primary-active-color: #191919;
-  --_dso-button-primary-disabled-color: #666;
-  --_dso-button-secondary-background-color: none;
-  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
-  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-background-color: none;
-  --_dso-button-secondary-border-color: #fff;
-  --_dso-button-secondary-hover-border-color: #fff;
-  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-secondary-color: #fff;
-  --_dso-button-secondary-hover-color: #fff;
-  --_dso-button-secondary-active-color: #fff;
-  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-tertiary-color: #fff;
-  --_dso-button-tertiary-hover-color: #fff;
-  --_dso-button-tertiary-active-color: #fff;
-  --_dso-button-tertiary-disabled-color: #b2b2b2;
-  background-color: #ce3f51;
-  color: #fff;
-  border-color: #ce3f51;
-}
-.dso-badge.badge-outline {
-  --_dso-alert-success-border-color: initial;
-  --_dso-alert-error-border-color: initial;
-  --_dso-alert-info-border-color: initial;
-  --_dso-alert-warning-border-color: initial;
-  background-color: #fff;
-  color: #191919;
-  border-color: #191919;
-}
-.dso-badge.badge-attention {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.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"));
-}
-.dso-badge.badge-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-badge.badge-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-badge.badge-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#mail-outline-wit"));
+
+.dso-attachments {
+  color: var(--dso-attachments-counter-color, #666);
+  display: inline-block;
+  font-weight: 400;
+  text-decoration: none;
+  white-space: nowrap;
 }
-.dso-badge.badge-attention {
-  --_dso-icon-button-tertiary-color: #fff;
-  --_dso-icon-button-tertiary-hover-color: #e5e5e5;
-  --_dso-icon-button-tertiary-disabled-color: #b2b2b2;
-  --_dso-button-primary-background-color: #fff;
-  --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-background-color: #f2f2f2;
-  --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-border-color: #fff;
-  --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
-  --_dso-button-primary-active-border-color: #f2f2f2;
-  --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
-  --_dso-button-primary-color: #191919;
-  --_dso-button-primary-hover-color: #191919;
-  --_dso-button-primary-active-color: #191919;
-  --_dso-button-primary-disabled-color: #666;
-  --_dso-button-secondary-background-color: none;
-  --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
-  --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-background-color: none;
-  --_dso-button-secondary-border-color: #fff;
-  --_dso-button-secondary-hover-border-color: #fff;
-  --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
-  --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-secondary-color: #fff;
-  --_dso-button-secondary-hover-color: #fff;
-  --_dso-button-secondary-active-color: #fff;
-  --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
-  --_dso-button-tertiary-color: #fff;
-  --_dso-button-tertiary-hover-color: #fff;
-  --_dso-button-tertiary-active-color: #fff;
-  --_dso-button-tertiary-disabled-color: #b2b2b2;
-  background-color: #8b4a6a;
-  color: #fff;
-  border-color: #8b4a6a;
+.dso-attachments::after {
+  background: url("./di.svg#paperclip-grijs") no-repeat center;
+  background-size: cover;
+  block-size: 24px;
+  vertical-align: top;
+  inline-size: 24px;
+  content: "";
+  display: inline-block;
 }
 
 .dso-banner {
@@ -1546,7 +1122,7 @@ label.dso-primary {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -1577,11 +1153,13 @@ 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);
+  float: var(--_dt-button-float-primary, none);
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
   line-height: 1.5;
   min-inline-size: 56px;
+  inline-size: var(--_dt-button-inline-size, auto);
   padding-block: 11px;
   padding-inline: 15px;
 }
@@ -1591,6 +1169,7 @@ label.dso-primary:hover {
   background-color: var(--_dso-button-primary-hover-background-color, #275937);
   border-color: var(--_dso-button-primary-hover-border-color, #275937);
   color: var(--_dso-button-primary-hover-color, #fff);
+  float: var(--_dt-button-float-primary, none);
 }
 a.dso-primary:active,
 button.dso-primary:active,
@@ -1598,6 +1177,7 @@ label.dso-primary:active {
   background-color: var(--_dso-button-primary-active-background-color, #173521);
   border-color: var(--_dso-button-primary-active-border-color, #173521);
   color: var(--_dso-button-primary-active-color, #fff);
+  float: var(--_dt-button-float-primary, none);
 }
 a.dso-primary[disabled], a.dso-primary[disabled]:hover,
 button.dso-primary[disabled],
@@ -1607,6 +1187,7 @@ label.dso-primary[disabled]:hover {
   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);
   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);
   color: var(--_dso-button-primary-disabled-color, #fff);
+  float: var(--_dt-button-float-primary, none);
 }
 a.dso-primary.dso-small,
 button.dso-primary.dso-small,
@@ -1747,7 +1328,7 @@ label.dso-secondary {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -1778,11 +1359,13 @@ 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);
+  float: var(--_dt-button-float-secondary, none);
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
   line-height: 1.5;
   min-inline-size: 56px;
+  inline-size: var(--_dt-button-inline-size, auto);
   padding-block: 11px;
   padding-inline: 15px;
 }
@@ -1792,6 +1375,7 @@ label.dso-secondary:hover {
   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
   border-color: var(--_dso-button-secondary-hover-border-color, #275937);
   color: var(--_dso-button-secondary-hover-color, #275937);
+  float: var(--_dt-button-float-secondary, none);
 }
 a.dso-secondary:active,
 button.dso-secondary:active,
@@ -1799,6 +1383,7 @@ label.dso-secondary:active {
   background-color: var(--_dso-button-secondary-active-background-color, #275937);
   border-color: var(--_dso-button-secondary-active-border-color, #275937);
   color: var(--_dso-button-secondary-active-color, #fff);
+  float: var(--_dt-button-float-secondary, none);
 }
 a.dso-secondary[disabled], a.dso-secondary[disabled]:hover,
 button.dso-secondary[disabled],
@@ -1808,6 +1393,7 @@ label.dso-secondary[disabled]:hover {
   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
   color: var(--_dso-button-secondary-disabled-color, #afcf9d);
+  float: var(--_dt-button-float-secondary, none);
 }
 a.dso-secondary.dso-small,
 button.dso-secondary.dso-small,
@@ -2004,7 +1590,7 @@ label.dso-tertiary {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -2038,7 +1624,7 @@ label.dso-tertiary {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -2069,11 +1655,13 @@ label.dso-tertiary {
   background-color: var(--_dso-button-tertiary-background-color, );
   border-color: var(--_dso-button-tertiary-border-color, );
   color: var(--_dso-button-tertiary-color, #39870c);
+  float: var(--_dt-button-float-tertiary, none);
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
   line-height: 1.5;
   min-inline-size: auto;
+  inline-size: var(--_dt-button-inline-size, auto);
   padding-block: 11px;
   padding-inline: 15px;
 }
@@ -2083,6 +1671,7 @@ label.dso-tertiary:hover {
   background-color: var(--_dso-button-tertiary-hover-background-color, );
   border-color: var(--_dso-button-tertiary-hover-border-color, );
   color: var(--_dso-button-tertiary-hover-color, #275937);
+  float: var(--_dt-button-float-tertiary, none);
 }
 a.dso-tertiary:active,
 button.dso-tertiary:active,
@@ -2090,6 +1679,7 @@ label.dso-tertiary:active {
   background-color: var(--_dso-button-tertiary-active-background-color, );
   border-color: var(--_dso-button-tertiary-active-border-color, );
   color: var(--_dso-button-tertiary-active-color, #173521);
+  float: var(--_dt-button-float-tertiary, none);
 }
 a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover,
 button.dso-tertiary[disabled],
@@ -2099,6 +1689,7 @@ label.dso-tertiary[disabled]:hover {
   background-color: var(--_dso-button-tertiary-disabled-background-color, );
   border-color: var(--_dso-button-tertiary-disabled-border-color, );
   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
+  float: var(--_dt-button-float-tertiary, none);
 }
 a.dso-tertiary.dso-small,
 button.dso-tertiary.dso-small,
@@ -2184,7 +1775,8 @@ button.dso-tertiary,
 label.dso-tertiary {
   border: 0;
   line-height: 1;
-  padding: 0;
+  padding-inline: 0;
+  padding-block: var(--_dt-button-padding-block-tertiary, 0);
   background-color: transparent;
 }
 a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,
@@ -2329,7 +1921,7 @@ label.dso-map {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -2352,11 +1944,13 @@ 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);
+  float: var(--_dt-button-float-secondary, none);
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
   line-height: 1.5;
   min-inline-size: 56px;
+  inline-size: var(--_dt-button-inline-size, auto);
   padding-block: 11px;
   padding-inline: 15px;
 }
@@ -2366,6 +1960,7 @@ label.dso-map:hover {
   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
   border-color: var(--_dso-button-secondary-hover-border-color, #275937);
   color: var(--_dso-button-secondary-hover-color, #275937);
+  float: var(--_dt-button-float-secondary, none);
 }
 a.dso-map:active,
 button.dso-map:active,
@@ -2373,6 +1968,7 @@ label.dso-map:active {
   background-color: var(--_dso-button-secondary-active-background-color, #275937);
   border-color: var(--_dso-button-secondary-active-border-color, #275937);
   color: var(--_dso-button-secondary-active-color, #fff);
+  float: var(--_dt-button-float-secondary, none);
 }
 a.dso-map[disabled], a.dso-map[disabled]:hover,
 button.dso-map[disabled],
@@ -2382,6 +1978,7 @@ label.dso-map[disabled]:hover {
   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
   color: var(--_dso-button-secondary-disabled-color, #afcf9d);
+  float: var(--_dt-button-float-secondary, none);
 }
 a.dso-map.dso-small,
 button.dso-map.dso-small,
@@ -2588,7 +2185,8 @@ a.dso-tertiary, a.dso-tertiary:visited {
 .dso-tertiary + .dso-primary,
 .dso-tertiary + .dso-secondary,
 .dso-tertiary + .dso-tertiary {
-  margin-inline-start: 16px;
+  margin-block-start: var(--_dt-button-after-button-margin-block-start, 0);
+  margin-inline-start: var(--_dt-button-after-button-margin-inline-start, 16px);
 }
 
 .dso-button-row {
@@ -3117,9 +2715,9 @@ del {
   --_dso-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-  --_dso-ozon-content-toggletip-color: #000;
+  --_dt-ozon-content-toggletip-color: #000;
   text-decoration: line-through;
-  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
+  --_dt-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   del {
@@ -3469,7 +3067,7 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -3503,7 +3101,7 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -3534,11 +3132,13 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   background-color: var(--_dso-button-tertiary-background-color, );
   border-color: var(--_dso-button-tertiary-border-color, );
   color: var(--_dso-button-tertiary-color, #39870c);
+  float: var(--_dt-button-float-tertiary, none);
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
   line-height: 1.5;
   min-inline-size: auto;
+  inline-size: var(--_dt-button-inline-size, auto);
   padding-block: 11px;
   padding-inline: 15px;
 }
@@ -3548,6 +3148,7 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   background-color: var(--_dso-button-tertiary-hover-background-color, );
   border-color: var(--_dso-button-tertiary-hover-border-color, );
   color: var(--_dso-button-tertiary-hover-color, #275937);
+  float: var(--_dt-button-float-tertiary, none);
 }
 .dso-document-header .dso-document-header-map-action:active,
 .dso-document-header .dso-document-header-toggle-features:active,
@@ -3555,6 +3156,7 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   background-color: var(--_dso-button-tertiary-active-background-color, );
   border-color: var(--_dso-button-tertiary-active-border-color, );
   color: var(--_dso-button-tertiary-active-color, #173521);
+  float: var(--_dt-button-float-tertiary, none);
 }
 .dso-document-header .dso-document-header-map-action[disabled], .dso-document-header .dso-document-header-map-action[disabled]:hover,
 .dso-document-header .dso-document-header-toggle-features[disabled],
@@ -3564,6 +3166,7 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
   background-color: var(--_dso-button-tertiary-disabled-background-color, );
   border-color: var(--_dso-button-tertiary-disabled-border-color, );
   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
+  float: var(--_dt-button-float-tertiary, none);
 }
 .dso-document-header .dso-document-header-map-action.dso-small,
 .dso-document-header .dso-document-header-toggle-features.dso-small,
@@ -3649,7 +3252,8 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
 .dso-document-header .dso-document-header-toggle-status {
   border: 0;
   line-height: 1;
-  padding: 0;
+  padding-inline: 0;
+  padding-block: var(--_dt-button-padding-block-tertiary, 0);
   background-color: transparent;
 }
 .dso-document-header .dso-document-header-map-action[disabled].dso-spinner-left, .dso-document-header .dso-document-header-map-action[disabled].dso-spinner-right,
@@ -4297,7 +3901,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
 .dso-section-body .dso-form-group-collection > legend h5,
 .dso-section-body .dso-form-group-collection > legend h6 {
   color: var(--_dt-heading-h3-color, #275937);
-  font-size: 1.125rem;
+  font-size: var(--_dt-heading-h3-font-size-xs, 1.125rem);
   font-weight: 600;
 }
 @media screen and (min-width: 480px) {
@@ -4320,7 +3924,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
   .dso-section-body .dso-form-group-collection > legend h4,
   .dso-section-body .dso-form-group-collection > legend h5,
   .dso-section-body .dso-form-group-collection > legend h6 {
-    font-size: 1.25rem;
+    font-size: var(--_dt-heading-h3-font-size, 1.25rem);
   }
 }
 .form .dso-form-group-collection > legend h1,
@@ -5810,7 +5414,7 @@ h5,
 .h5,
 h6,
 .h6 {
-  color: #275937;
+  color: var(--_dt-heading-base-color, #275937);
 }
 
 h1,
@@ -5819,54 +5423,54 @@ h2,
 .h2,
 h3,
 .h3 {
-  margin-block-end: 16px;
-  margin-block-start: 24px;
+  margin-block-end: var(--_dt-heading-margin-large-margin-block-end, 16px);
+  margin-block-start: var(--_dt-heading-margin-large-margin-block-start, 24px);
 }
 
 h1,
 .h1 {
-  line-height: 1.25;
+  line-height: var(--_dt-heading-h1-line-height, 1.25);
 }
 
 h1 {
-  font-size: 1.5rem;
+  font-size: var(--_dt-heading-h1-font-size-xs, 1.5rem);
   font-weight: 700;
 }
 @media screen and (min-width: 480px) {
   h1 {
-    font-size: 2rem;
+    font-size: var(--_dt-heading-h1-font-size, 2rem);
   }
 }
 
 h2,
 .h2 {
-  line-height: 1.25;
+  line-height: var(--_dt-heading-h2-line-height, 1.25);
 }
 
 h2 {
   color: var(--_dt-heading-h2-color, #275937);
-  font-size: 1.25rem;
+  font-size: var(--_dt-heading-h2-font-size-xs, 1.25rem);
   font-weight: 700;
 }
 @media screen and (min-width: 480px) {
   h2 {
-    font-size: 1.5rem;
+    font-size: var(--_dt-heading-h2-font-size, 1.5rem);
   }
 }
 
 h3,
 .h3 {
-  line-height: 1.25;
+  line-height: var(--_dt-heading-h3-line-height, 1.25);
 }
 
 h3 {
   color: var(--_dt-heading-h3-color, #275937);
-  font-size: 1.125rem;
+  font-size: var(--_dt-heading-h3-font-size-xs, 1.125rem);
   font-weight: 600;
 }
 @media screen and (min-width: 480px) {
   h3 {
-    font-size: 1.25rem;
+    font-size: var(--_dt-heading-h3-font-size, 1.25rem);
   }
 }
 
@@ -5876,35 +5480,36 @@ h5,
 .h5,
 h6,
 .h6 {
-  margin-block-end: 16px;
-  margin-block-start: 12px;
+  margin-block-end: var(--_dt-heading-margin-small-margin-block-end, 16px);
+  margin-block-start: var(--_dt-heading-margin-small-margin-block-start, 12px);
 }
 
 h4,
 .h4 {
-  line-height: 1.5;
+  line-height: var(--_dt-heading-h4-line-height, 1.5);
 }
 
 h4 {
   color: var(--_dt-heading-h4-color, #275937);
-  font-size: 1rem;
+  font-size: var(--_dt-heading-h4-font-size, 1rem);
   font-weight: 600;
 }
 
 h5,
 .h5 {
-  line-height: 1.5;
+  line-height: var(--_dt-heading-h5-line-height, 1.5);
 }
 
 h5 {
-  color: #191919;
-  font-size: 1rem;
+  color: var(--_dt-heading-h5-color, #191919);
+  font-size: var(--_dt-heading-h5-font-size, 1rem);
   font-weight: 600;
 }
 
 h6,
 .h6 {
-  line-height: 1.5;
+  font-size: var(--_dt-heading-h6-font-size, inherit);
+  line-height: var(--_dt-heading-h6-line-height, 1.5);
 }
 
 .dso-highlight-box {
@@ -6631,7 +6236,7 @@ dso-info {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -6736,7 +6341,7 @@ ins {
   background-color: #e4f1d4;
   color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
-  --_dso-ozon-content-toggletip-color: #000;
+  --_dt-ozon-content-toggletip-color: #000;
 }
 
 .dso-justify-form-groups {
@@ -6829,6 +6434,7 @@ ins {
 }
 
 a {
+  overflow-wrap: anywhere;
   background-color: transparent;
   color: var(--link-color);
   text-decoration: underline;
@@ -7171,326 +6777,6 @@ mark.dso-highlight {
   background-color: #dbd136;
 }
 
-@keyframes ModalFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-body:has(dialog[open]),
-body:has(dso-modal.hydrated) {
-  overflow: hidden;
-}
-
-.dso-modal {
-  overflow: visible;
-  padding: 0;
-  border: 0;
-}
-.dso-modal::backdrop {
-  background-color: rgba(255, 255, 255, 0.8);
-}
-.dso-modal .dso-dialog {
-  inline-size: 640px;
-  background-color: #fff;
-  opacity: 1;
-  box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);
-  animation: 200ms ease-out 0s 1 ModalFadeIn;
-}
-.dso-modal .dso-header {
-  position: relative;
-  padding: 16px;
-  border-block-end: 1px solid #ccc;
-}
-.dso-modal .dso-header h2 {
-  max-inline-size: calc(100% - 24px);
-  margin: 0;
-  color: #275937;
-}
-.dso-modal .dso-header .dso-close {
-  position: absolute;
-  inset-block-start: 16px;
-  inset-inline-end: 13px;
-  block-size: 32px;
-  inline-size: 32px;
-  padding: 0;
-  background-color: transparent;
-  border: 0;
-  text-align: center;
-}
-.dso-modal > .dso-dialog > .dso-body p {
-  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);
-  margin-inline: 0;
-}
-.dso-modal > .dso-dialog > .dso-body ul,
-.dso-modal > .dso-dialog > .dso-body ol {
-  margin-block-end: 16px;
-}
-.dso-modal > .dso-dialog > .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
-.dso-modal > .dso-dialog > .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
-  padding-inline-start: 24px;
-}
-.dso-modal > .dso-dialog > .dso-body ul ul,
-.dso-modal > .dso-dialog > .dso-body ul ol,
-.dso-modal > .dso-dialog > .dso-body ol ul,
-.dso-modal > .dso-dialog > .dso-body ol ol {
-  margin-block-end: 0;
-}
-.dso-modal > .dso-dialog > .dso-body pre {
-  margin-block: 0 16px;
-  margin-inline: 0;
-}
-.dso-modal > .dso-dialog > .dso-body blockquote {
-  padding-block: 16px;
-  padding-inline: 24px;
-}
-.dso-modal > .dso-dialog > .dso-body dso-highlight-box,
-.dso-modal > .dso-dialog > .dso-body .dso-highlight-box {
-  margin-block-end: 24px;
-}
-.dso-modal > .dso-dialog > .dso-body img {
-  block-size: auto;
-  max-inline-size: 100%;
-}
-.dso-modal > .dso-dialog > .dso-body {
-  block-size: calc(100% - 96px - 1.5rem);
-  max-block-size: calc(70vh - 144px - 1.5em);
-  min-block-size: 1.5rem;
-  overflow-x: auto;
-  padding: 32px;
-}
-.dso-modal > .dso-dialog > dso-scrollable {
-  block-size: calc(100% - 96px - 1.5rem);
-  max-block-size: calc(70vh - 144px - 1.5em);
-  min-block-size: 6.5rem;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body p {
-  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);
-  margin-inline: 0;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body ul,
-.dso-modal > .dso-dialog > dso-scrollable .dso-body ol {
-  margin-block-end: 16px;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
-.dso-modal > .dso-dialog > dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
-  padding-inline-start: 24px;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body ul ul,
-.dso-modal > .dso-dialog > dso-scrollable .dso-body ul ol,
-.dso-modal > .dso-dialog > dso-scrollable .dso-body ol ul,
-.dso-modal > .dso-dialog > dso-scrollable .dso-body ol ol {
-  margin-block-end: 0;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body pre {
-  margin-block: 0 16px;
-  margin-inline: 0;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body blockquote {
-  padding-block: 16px;
-  padding-inline: 24px;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body dso-highlight-box,
-.dso-modal > .dso-dialog > dso-scrollable .dso-body .dso-highlight-box {
-  margin-block-end: 24px;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body img {
-  block-size: auto;
-  max-inline-size: 100%;
-}
-.dso-modal > .dso-dialog > dso-scrollable .dso-body {
-  padding: 32px;
-}
-.dso-modal .dso-body:focus-visible {
-  outline: none;
-}
-@media screen and (max-width: 767px) {
-  .dso-modal .dso-footer .dso-primary + .dso-primary, .dso-modal .dso-footer .dso-primary + .dso-secondary, .dso-modal .dso-footer .dso-primary + .dso-tertiary, .dso-modal .dso-footer .dso-secondary + .dso-primary, .dso-modal .dso-footer .dso-secondary + .dso-secondary, .dso-modal .dso-footer .dso-secondary + .dso-tertiary, .dso-modal .dso-footer .dso-tertiary + .dso-primary, .dso-modal .dso-footer .dso-tertiary + .dso-secondary, .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {
-    margin-inline-start: 0;
-  }
-  .dso-modal .dso-footer button {
-    inline-size: 100%;
-    text-align: center;
-  }
-  .dso-modal .dso-footer button + button {
-    margin-block-start: 8px;
-  }
-  .dso-modal .dso-footer button.dso-tertiary,
-  .dso-modal .dso-footer button.dso-tertiary span {
-    float: none;
-  }
-}
-.dso-modal .dso-footer {
-  min-block-size: 80px;
-  padding-block: 16px;
-  padding-inline: 32px;
-  text-align: end;
-}
-@media screen and (min-width: 768px) {
-  .dso-modal .dso-footer .dso-primary + .dso-secondary, .dso-modal .dso-footer .dso-secondary + .dso-secondary, .dso-modal .dso-footer .dso-tertiary + .dso-secondary {
-    margin-inline-start: 16px;
-  }
-  .dso-modal .dso-footer .dso-primary + .dso-tertiary, .dso-modal .dso-footer .dso-secondary + .dso-tertiary, .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {
-    margin-inline-start: 0;
-  }
-}
-@media screen and (max-width: 767px) {
-  .dso-modal .dso-dialog {
-    max-inline-size: 100%;
-    margin-block-start: 0;
-  }
-  .dso-modal .dso-footer .dso-primary + .dso-primary, .dso-modal .dso-footer .dso-primary + .dso-secondary, .dso-modal .dso-footer .dso-primary + .dso-tertiary, .dso-modal .dso-footer .dso-secondary + .dso-primary, .dso-modal .dso-footer .dso-secondary + .dso-secondary, .dso-modal .dso-footer .dso-secondary + .dso-tertiary, .dso-modal .dso-footer .dso-tertiary + .dso-primary, .dso-modal .dso-footer .dso-tertiary + .dso-secondary, .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {
-    margin-inline-start: 0;
-  }
-  .dso-modal .dso-footer button {
-    inline-size: 100%;
-    text-align: center;
-  }
-  .dso-modal .dso-footer button + button {
-    margin-block-start: 8px;
-  }
-  .dso-modal .dso-footer button.dso-tertiary,
-  .dso-modal .dso-footer button.dso-tertiary span {
-    float: none;
-  }
-}
-@media screen and (max-height: 380px) {
-  .dso-modal .dso-dialog {
-    min-block-size: 216px;
-    margin-block-start: 8px;
-    margin-block-end: 8px;
-  }
-  .dso-modal .dso-header {
-    padding-block: 8px;
-    padding-inline: 16px;
-  }
-  .dso-modal .dso-header .dso-close {
-    inset-block-start: 8px;
-  }
-  .dso-modal .dso-body {
-    padding-block: 16px;
-    padding-inline: 24px;
-  }
-  .dso-modal .dso-footer {
-    min-block-size: auto;
-    overflow: auto;
-    padding-block: 8px;
-    padding-inline: 32px;
-  }
-}
-.dso-modal.dso-fullscreen {
-  inline-size: 100dvi;
-  block-size: 100dvb;
-}
-.dso-modal.dso-fullscreen .dso-dialog {
-  display: flex;
-  flex-direction: column;
-  inline-size: 100%;
-  block-size: 100%;
-}
-.dso-modal.dso-fullscreen .dso-dialog > dso-scrollable {
-  flex-grow: 1;
-  max-block-size: unset;
-}
-.dso-modal.dso-fullscreen .dso-footer {
-  flex-shrink: 0;
-}
-.dso-modal .dso-close::before {
-  background: url("./di.svg#cross") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: middle;
-  inline-size: 24px;
-  content: "";
-  display: inline-block;
-}
-.dso-modal .dso-footer .dso-tertiary {
-  float: inline-start;
-  line-height: calc(1.5em - 1px);
-  padding-block: 11px;
-  padding-inline: 0;
-  position: relative;
-}
-@media screen and (max-width: 480px) {
-  .dso-modal {
-    inline-size: 100dvi;
-    block-size: 100dvb;
-  }
-  .dso-modal .dso-dialog {
-    display: flex;
-    flex-direction: column;
-    inline-size: 100%;
-    block-size: 100%;
-  }
-  .dso-modal .dso-dialog > dso-scrollable {
-    flex-grow: 1;
-    max-block-size: unset;
-  }
-  .dso-modal .dso-footer {
-    flex-shrink: 0;
-  }
-}
-
-dso-modal [slot=body] p {
-  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);
-  margin-inline: 0;
-}
-dso-modal [slot=body] ul,
-dso-modal [slot=body] ol {
-  margin-block-end: 16px;
-}
-dso-modal [slot=body] ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),
-dso-modal [slot=body] ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {
-  padding-inline-start: 24px;
-}
-dso-modal [slot=body] ul ul,
-dso-modal [slot=body] ul ol,
-dso-modal [slot=body] ol ul,
-dso-modal [slot=body] ol ol {
-  margin-block-end: 0;
-}
-dso-modal [slot=body] pre {
-  margin-block: 0 16px;
-  margin-inline: 0;
-}
-dso-modal [slot=body] blockquote {
-  padding-block: 16px;
-  padding-inline: 24px;
-}
-dso-modal [slot=body] dso-highlight-box,
-dso-modal [slot=body] .dso-highlight-box {
-  margin-block-end: 24px;
-}
-dso-modal [slot=body] img {
-  block-size: auto;
-  max-inline-size: 100%;
-}
-@media screen and (max-width: 767px) {
-  dso-modal [slot=footer] .dso-primary + .dso-primary, dso-modal [slot=footer] .dso-primary + .dso-secondary, dso-modal [slot=footer] .dso-primary + .dso-tertiary, dso-modal [slot=footer] .dso-secondary + .dso-primary, dso-modal [slot=footer] .dso-secondary + .dso-secondary, dso-modal [slot=footer] .dso-secondary + .dso-tertiary, dso-modal [slot=footer] .dso-tertiary + .dso-primary, dso-modal [slot=footer] .dso-tertiary + .dso-secondary, dso-modal [slot=footer] .dso-tertiary + .dso-tertiary {
-    margin-inline-start: 0;
-  }
-  dso-modal [slot=footer] button {
-    inline-size: 100%;
-    text-align: center;
-  }
-  dso-modal [slot=footer] button + button {
-    margin-block-start: 8px;
-  }
-  dso-modal [slot=footer] button.dso-tertiary,
-  dso-modal [slot=footer] button.dso-tertiary span {
-    float: none;
-  }
-}
-dso-modal [slot=footer] .dso-tertiary {
-  float: inline-start;
-  line-height: calc(1.5em - 1px);
-  padding-block: 11px;
-  padding-inline: 0;
-  position: relative;
-}
-
 nav {
   display: block;
 }
@@ -8845,7 +8131,7 @@ dso-viewer-grid .dso-toggle-main-button {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -8863,7 +8149,7 @@ dso-viewer-grid .dso-toggle-main-button {
   margin-block-end: 0;
   text-decoration: none;
   touch-action: manipulation;
-  text-align: start;
+  text-align: var(--_dt-button-text-align, start);
   user-select: none;
   vertical-align: middle;
   background-clip: padding-box;
@@ -8878,11 +8164,13 @@ dso-viewer-grid .dso-toggle-main-button {
   background-color: var(--_dso-button-tertiary-background-color, );
   border-color: var(--_dso-button-tertiary-border-color, );
   color: var(--_dso-button-tertiary-color, #39870c);
+  float: var(--_dt-button-float-tertiary, none);
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
   line-height: 1.5;
   min-inline-size: auto;
+  inline-size: var(--_dt-button-inline-size, auto);
   padding-block: 11px;
   padding-inline: 15px;
 }
@@ -8890,16 +8178,19 @@ dso-viewer-grid .dso-toggle-main-button:hover {
   background-color: var(--_dso-button-tertiary-hover-background-color, );
   border-color: var(--_dso-button-tertiary-hover-border-color, );
   color: var(--_dso-button-tertiary-hover-color, #275937);
+  float: var(--_dt-button-float-tertiary, none);
 }
 dso-viewer-grid .dso-toggle-main-button:active {
   background-color: var(--_dso-button-tertiary-active-background-color, );
   border-color: var(--_dso-button-tertiary-active-border-color, );
   color: var(--_dso-button-tertiary-active-color, #173521);
+  float: var(--_dt-button-float-tertiary, none);
 }
 dso-viewer-grid .dso-toggle-main-button[disabled], dso-viewer-grid .dso-toggle-main-button[disabled]:hover {
   background-color: var(--_dso-button-tertiary-disabled-background-color, );
   border-color: var(--_dso-button-tertiary-disabled-border-color, );
   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
+  float: var(--_dt-button-float-tertiary, none);
 }
 dso-viewer-grid .dso-toggle-main-button.dso-small {
   line-height: 1rem;
@@ -8947,7 +8238,8 @@ dso-viewer-grid .dso-toggle-main-button dso-icon + span:not(.sr-only) {
 dso-viewer-grid .dso-toggle-main-button {
   border: 0;
   line-height: 1;
-  padding: 0;
+  padding-inline: 0;
+  padding-block: var(--_dt-button-padding-block-tertiary, 0);
   background-color: transparent;
 }
 dso-viewer-grid .dso-toggle-main-button[disabled].dso-spinner-left, dso-viewer-grid .dso-toggle-main-button[disabled].dso-spinner-right {